index.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Excalidraw</title>
  6. <meta
  7. name="viewport"
  8. content="width=device-width, initial-scale=1, shrink-to-fit=no"
  9. />
  10. <meta name="theme-color" content="#000000" />
  11. <!-- prettier-ignore -->
  12. <meta
  13. http-equiv="origin-trial"
  14. content="AvB+3K1LqGdVR+XcHhjpdM0yl5/RtR/v7MIO/nbgNnLZHJ5yMYos9kZAQiuc0EEZne4d9CzHhF2sk2fUPOylcgUAAABceyJvcmlnaW4iOiJodHRwczovL3d3dy5leGNhbGlkcmF3LmNvbTo0NDMiLCJmZWF0dXJlIjoiTmF0aXZlRmlsZVN5c3RlbSIsImV4cGlyeSI6MTU4Mjg3ODU4NH0="
  15. />
  16. <!-- General tags -->
  17. <meta
  18. name="description"
  19. content="Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them."
  20. />
  21. <meta name="image" content="https://excalidraw.com/og-image.png" />
  22. <!-- OpenGraph tags -->
  23. <meta property="og:url" content="https://excalidraw.com" />
  24. <meta property="og:site_name" content="Excalidraw" />
  25. <meta property="og:type" content="website" />
  26. <meta property="og:title" content="Excalidraw" />
  27. <meta
  28. property="og:description"
  29. content="Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them."
  30. />
  31. <meta
  32. property="og:image"
  33. name="twitter:image"
  34. content="https://excalidraw.com/og-image.png"
  35. />
  36. <meta property="og:image:width" content="1280" />
  37. <meta property="og:image:height" content="669" />
  38. <!-- Twitter Card tags -->
  39. <meta name="twitter:card" content="summary_large_image" />
  40. <meta name="twitter:title" content="Excalidraw" />
  41. <meta
  42. name="twitter:description"
  43. content="Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them."
  44. />
  45. <meta name="twitter:image" content="https://excalidraw.com/og-image.png" />
  46. <link rel="icon" href="%PUBLIC_URL%/logo.png" />
  47. <link rel="stylesheet" href="%PUBLIC_URL%/fonts.css" />
  48. <link
  49. rel="preload"
  50. href="%PUBLIC_URL%/FG_Virgil.ttf"
  51. as="font"
  52. type="font/ttf"
  53. crossorigin="anonymous"
  54. />
  55. <link
  56. rel="preload"
  57. href="%PUBLIC_URL%/Cascadia.ttf"
  58. as="font"
  59. type="font/ttf"
  60. crossorigin="anonymous"
  61. />
  62. <script
  63. async
  64. src="https://www.googletagmanager.com/gtag/js?id=UA-387204-13"
  65. ></script>
  66. <script>
  67. window.dataLayer = window.dataLayer || [];
  68. function gtag() {
  69. dataLayer.push(arguments);
  70. }
  71. gtag("js", new Date());
  72. gtag("config", "UA-387204-13");
  73. </script>
  74. </head>
  75. <body>
  76. <noscript>
  77. You need to enable JavaScript to run this app.
  78. </noscript>
  79. <header>
  80. <h1 class="visually-hidden">Excalidraw</h1>
  81. </header>
  82. <div id="root"></div>
  83. <aside>
  84. <!-- https://github.com/tholman/github-corners -->
  85. <svg
  86. xmlns="http://www.w3.org/2000/svg"
  87. width="40"
  88. height="40"
  89. viewBox="0 0 250 250"
  90. style="position: absolute; top: 0; right: 0"
  91. >
  92. <a
  93. href="https://github.com/excalidraw/excalidraw"
  94. target="_blank"
  95. aria-label="GitHub repository"
  96. >
  97. <path d="M0 0l115 115h15l12 27 108 108V0z" fill="#6c6c6c" />
  98. <path
  99. class="octo-arm"
  100. d="M128 109c-15-9-9-19-9-19 3-7 2-11 2-11-1-7 3-2 3-2 4 5 2 11 2 11-3 10 5 15 9 16"
  101. style="transform-origin: 130px 106px"
  102. fill="#fff"
  103. />
  104. <path
  105. class="octo-body"
  106. d="M115 115s4 2 5 0l14-14c3-2 6-3 8-3-8-11-15-24 2-41 5-5 10-7 16-7 1-2 3-7 12-11 0 0 5 3 7 16 4 2 8 5 12 9s7 8 9 12c14 3 17 7 17 7-4 8-9 11-11 11 0 6-2 11-7 16-16 16-30 10-41 2 0 3-1 7-5 11l-12 11c-1 1 1 5 1 5z"
  107. fill="#fff"
  108. />
  109. </a>
  110. </svg>
  111. </aside>
  112. </body>
  113. </html>