spatial-canvas/index.html at master · JonnaMat/spatial-canvas · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary Meta Tags -->
    <title>Spatial Canvas — Visual Card Workspace</title>
    <meta name="title" content="Spatial Canvas — Visual Card Workspace" />
    <meta name="description" content="A draggable, pannable canvas for organizing any content as overlapping cards. Perfect for visual workspaces, project boards, and spatial note-taking." />
    <meta name="keywords" content="spatial canvas, drag and drop, card layout, visual workspace, project board, spatial notes, interactive canvas, draggable cards" />
    <meta name="author" content="Jonna Matthiesen" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Spatial Canvas — Visual Card Workspace" />
    <meta property="og:description" content="A draggable, pannable canvas for organizing any content as overlapping cards. Perfect for visual workspaces, project boards, and spatial note-taking." />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:title" content="Spatial Canvas — Visual Card Workspace" />
    <meta property="twitter:description" content="A draggable, pannable canvas for organizing any content as overlapping cards. Perfect for visual workspaces, project boards, and spatial note-taking." />

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23282A36'/><circle cx='20' cy='20' r='4' fill='%236272A4'/><circle cx='50' cy='20' r='4' fill='%236272A4'/><circle cx='80' cy='20' r='4' fill='%236272A4'/><circle cx='20' cy='50' r='4' fill='%236272A4'/><circle cx='50' cy='50' r='4' fill='%23BD93F9'/><circle cx='80' cy='50' r='4' fill='%236272A4'/><circle cx='20' cy='80' r='4' fill='%236272A4'/><circle cx='50' cy='80' r='4' fill='%236272A4'/><circle cx='80' cy='80' r='4' fill='%236272A4'/></svg>" />

    <meta name="theme-color" content="#282A36" />
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>