-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.njk
53 lines (49 loc) · 1.58 KB
/
index.njk
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
---
# seo involvement
metaDescription: "Using the What3Words API and 11ty, this site renders your What3Words address as a SEO friendly URL. It uses 11ty, netlify, and serverless builder. Using the What3Worlds API, this site utilizing styles of Glassmorphism shows you your what3word coordinate upon clicking the checkbox to allow location."
metaTitle: Where Am I, What3Words?
metaCanonicalURL: "https://whereami-w3w.netlify.app/"
---
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"/>
<meta name="description" content="{{metaDescription}}"/>
{% set css %}
{% include "styles.css" %}
{% endset %}
<style>
{{css | cssmin | safe}}
</style>
<link rel="manifest" href="/manifest.json"/>
<link rel="canonical" href="{{metaCanonicalURL}}"/>
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="512x512" href="/images/logo512.png"/>
<link rel="icon" type="image/png" sizes="192x192" href="/images/logo192.png"/>
<title>{{metaTitle}}</title>
</head>
<body>
<main >
<div class="app-container">
<div class="inner-container">
<label>
Show Location
<input
type="checkbox"
id="show-location"
/>
</label>
<p id="location-output">Click above to find your three word location</p>
</div>
</div>
</div>
</main>
</body>
{% set js %}
{% include "util.js" %}
{% endset %}
<script>
{{ js | jsmin | safe }}
</script>
</html>