mirror of
https://github.com/excalidraw/excalidraw.git
synced 2024-11-10 11:35:52 +01:00
67eca2bda1
Use HTML semantic elements to set the landmarks of the page. This is helpful for assistive technologies to determine the different regions of content. In our case it's useful for jumping between the different islands that we use to group the form controls.
119 lines
3.7 KiB
HTML
119 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Excalidraw</title>
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
|
/>
|
|
<meta name="theme-color" content="#000000" />
|
|
<!-- prettier-ignore -->
|
|
<meta
|
|
http-equiv="origin-trial"
|
|
content="AvB+3K1LqGdVR+XcHhjpdM0yl5/RtR/v7MIO/nbgNnLZHJ5yMYos9kZAQiuc0EEZne4d9CzHhF2sk2fUPOylcgUAAABceyJvcmlnaW4iOiJodHRwczovL3d3dy5leGNhbGlkcmF3LmNvbTo0NDMiLCJmZWF0dXJlIjoiTmF0aXZlRmlsZVN5c3RlbSIsImV4cGlyeSI6MTU4Mjg3ODU4NH0="
|
|
/>
|
|
|
|
<!-- General tags -->
|
|
<meta
|
|
name="description"
|
|
content="Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them."
|
|
/>
|
|
<meta name="image" content="https://excalidraw.com/og-image.png" />
|
|
|
|
<!-- OpenGraph tags -->
|
|
<meta property="og:url" content="https://excalidraw.com" />
|
|
<meta property="og:site_name" content="Excalidraw" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="Excalidraw" />
|
|
<meta
|
|
property="og:description"
|
|
content="Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them."
|
|
/>
|
|
<meta
|
|
property="og:image"
|
|
name="twitter:image"
|
|
content="https://excalidraw.com/og-image.png"
|
|
/>
|
|
<meta property="og:image:width" content="1280" />
|
|
<meta property="og:image:height" content="669" />
|
|
|
|
<!-- Twitter Card tags -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Excalidraw" />
|
|
<meta
|
|
name="twitter:description"
|
|
content="Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them."
|
|
/>
|
|
<meta name="twitter:image" content="https://excalidraw.com/og-image.png" />
|
|
|
|
<link rel="icon" href="%PUBLIC_URL%/logo.png" />
|
|
<link
|
|
rel="preload"
|
|
href="/FG_Virgil.ttf"
|
|
as="font"
|
|
type="font/ttf"
|
|
crossorigin="anonymous"
|
|
/>
|
|
<link
|
|
rel="preload"
|
|
href="/Cascadia.ttf"
|
|
as="font"
|
|
type="font/ttf"
|
|
crossorigin="anonymous"
|
|
/>
|
|
|
|
<script
|
|
async
|
|
src="https://www.googletagmanager.com/gtag/js?id=UA-387204-13"
|
|
></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag() {
|
|
dataLayer.push(arguments);
|
|
}
|
|
gtag("js", new Date());
|
|
gtag("config", "UA-387204-13");
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<noscript>
|
|
You need to enable JavaScript to run this app.
|
|
</noscript>
|
|
<header>
|
|
<h1 class="visually-hidden">Excalidraw</h1>
|
|
</header>
|
|
<div id="root"></div>
|
|
<aside>
|
|
<!-- https://github.com/tholman/github-corners -->
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="40"
|
|
height="40"
|
|
viewBox="0 0 250 250"
|
|
style="position: absolute; top: 0; right: 0"
|
|
>
|
|
<a
|
|
href="https://github.com/excalidraw/excalidraw"
|
|
target="_blank"
|
|
aria-label="GitHub repository"
|
|
>
|
|
<path d="M0 0l115 115h15l12 27 108 108V0z" fill="#6c6c6c" />
|
|
<path
|
|
class="octo-arm"
|
|
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"
|
|
style="transform-origin: 130px 106px"
|
|
fill="#fff"
|
|
/>
|
|
<path
|
|
class="octo-body"
|
|
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"
|
|
fill="#fff"
|
|
/>
|
|
</a>
|
|
</svg>
|
|
</aside>
|
|
</body>
|
|
</html>
|