mirror of
https://github.com/excalidraw/excalidraw.git
synced 2024-11-10 11:35:52 +01:00
e4ff408f23
Improve the accessibility of our modals (the color picker and the export dialog) Implement a focus trap so that tapping through the controls inside them don't escape to outer elements, it also allows to close the modals with the "Escape" key.
116 lines
3.8 KiB
HTML
116 lines
3.8 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="https://uploads.codesandbox.io/uploads/user/f7fdc300-3c43-44c1-9a59-4338a82a9954/_oPE-FG_Virgil.ttf"
|
|
as="font"
|
|
type="font/ttf"
|
|
crossorigin="anonymous"
|
|
/>
|
|
<link
|
|
rel="preload"
|
|
href="https://uploads.codesandbox.io/uploads/user/5f5b1ecd-ac15-4c7f-803e-e11ff53ea4ce/z1tp-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>
|
|
<h1 class="visually-hidden">Excalidraw</h1>
|
|
<div id="root"></div>
|
|
|
|
<!-- 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>
|
|
</body>
|
|
</html>
|