colormap/src/app.html at master · okdv/colormap · 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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<!-- logos and icons -->
		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
		<link rel="apple-touch-icon" href="%sveltekit.assets%/favicon.png" />
		<!-- meta data -->
		<title>colormap.app | Create and Color Custom Maps for Free</title>
		<meta
			name="description"
			content="Create your own maps by selecting features (counties, states, etc) to color them in according to your own legend. Whether you're looking to graph political data or just visualize all those places you've roadtripped, you can get started in seconds. 100% free and open-source, no signups, no ads, no tracking, just a simple tool that runs right in your browser."
		/>
		<meta name="theme-color" content="#155dfc" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!-- og tags -->
		<meta property="og:title" content="Create and Color Custom Maps for Free | colormap.app" />
		<meta
			property="og:description"
			content="Create your own maps by selecting features (counties, states, etc) to color them in according to your own legend. Whether you're looking to graph political data or just visualize all those places you've roadtripped, you can get started in seconds. 100% free and open-source, no signups, no ads, no tracking, just a simple tool that runs right in your browser."
		/>
		<meta property="og:type" content="website" />
		<meta property="og:url" content="https://colormap.app" />
		<!-- @todo could maybe do a fullsize screenshot or something ehre -->
		<meta property="og:image" content="%sveltekit.assets%/logo.png" />
		<meta property="og:image:alt" content="colormap.app logo" />
		<!-- twitter tags -->
		<meta name="twitter:card" content="summary_large_image" />
		<meta name="twitter:title" content="Create and Color Custom Maps for Free | colormap.app" />
		<meta
			name="twitter:description"
			content="Create your own maps by selecting features (counties, states, etc) to color them in according to your own legend. Whether you're looking to graph political data or just visualize all those places you've roadtripped, you can get started in seconds. 100% free and open-source, no signups, no ads, no tracking, just a simple tool that runs right in your browser."
		/>
		<meta name="twitter:image" content="%sveltekit.assets%/logo.png" />
		<meta name="twitter:image:alt" content="colormap.app logo" />
		<!-- external scripts -->
		<script src="https://kit.fontawesome.com/c39b392e49.js" crossorigin="anonymous"></script>
		<script type="application/ld+json">
			{
				"@context": "https://schema.org",
				"@graph": [
					{
						"@type": "WebApplication",
						"name": "colormap.app",
						"url": "https://colormap.app",
						"description": "Create your own maps by selecting features (counties, states, etc) to color them in according to your own legend. Whether you're looking to graph political data or just visualize all those places you've roadtripped, you can get started in seconds. 100% free and open-source, no signups, no ads, no tracking, just a simple tool that runs right in your browser.",
						"applicationCategory": "MapsApplication",
						"operatingSystem": "Any",
						"softwareRequirements": "JavaScript-enabled browser",
						"image": "https://colormap.app/logo.png"
					},
					{
						"@type": "Map",
						"name": "Create and Color Custom Maps ",
						"description": "Create custom color-coded maps of counties, states, and countries with a user-defined legend.",
						"url": "https://colormap.app",
						"image": "https://colormap.app/logo.png",
						"author": {
							"@type": "Person",
							"name": "otho"
						}
					}
				]
			}
		</script>
		%sveltekit.head%
	</head>
	<body data-sveltekit-preload-data="hover" class="h-auto w-full">
		<div style="display: contents">%sveltekit.body%</div>
	</body>
</html>