-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (92 loc) · 3.94 KB
/
index.html
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Nora Looks for Bugs</title>
<link rel="canonical" href="https://bugs.mikedebo.com/" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Icons and Colors -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="./apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="./favicon-16x16.png"
/>
<link rel="manifest" href="./manifest.json" />
<link rel="mask-icon" href="./safari-pinned-tab.svg" color="#000000" />
<link rel="shortcut icon" href="./favicon.ico" />
<meta name="msapplication-TileColor" content="#000000" />
<meta name="msapplication-TileImage" content="./mstile-144x144.png" />
<meta name="msapplication-config" content="./browserconfig.xml" />
<meta name="theme-color" content="#000000" />
<!-- SEO and Social Sharing and SEO -->
<meta
name="description"
content="Simple Progressive Web App (PWA) template"
/>
<meta name="robots" content="noodp" />
<meta name="author" content="Nicole Furlan" />
<meta
name="keywords"
content="progressive web app, progressive web application, pwa, pwa progressive web app, pwa progressive web application, progressive app, basic progressive web app, basic progressive web application, basic pwa, example progressive web app, example progressive web application, example pwa, progressive web app basic, progressive web app builder, progressive web app example, progressive web app sample, progressive web app template, sample progressive web app, sample progressive web application, sample pwa, free progressive web application template, progressive web application template, progressive web app template free, progressive web app template free download, progressive web app html template, progressive web app template github"
/>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Nora Looks for Bugs" />
<meta
property="og:description"
content="Nora Looks for Bugs: Go looking for bugs under rocks."
/>
<meta property="og:url" content="https://bugs.mikedebo.com/" />
<meta property="og:site_name" content="Nora Looks for Bugs" />
<meta property="og:image" content="https://bugs.mikedebo.com/share.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Nora Looks for Bugs" />
<meta
name="twitter:description"
content="Nora Looks For Bugs: Go looking for bugs under rocks."
/>
<meta name="twitter:image" content="https://bugs.mikedebo.com/share.jpg" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap"
rel="stylesheet"
/>
<!-- Styles -->
<link rel="stylesheet" href="./assets/css/fonts.css" />
<link rel="stylesheet" href="style.css" />
<!-- Javscript -->
<script defer src="./main.js"></script>
</head>
<body>
<div id="splash-screen">
<img src="android-chrome-512x512.png" alt="Nora Looks For Bugs Logo" />
<h1 class="extrabold">Nora Looks For Bugs</h1>
</div>
<div id="scrollable-area" style="display: none"></div>
<template id="rock-template">
<div class="rock-container">
<div class="rock">
<img src="./assets/img/rock1.png" alt="Rock" />
</div>
<div class="bug">
<img src="./assets/img/unicorn.png" alt="Surprise!" />
</div>
</div>
</template>
</body>
</html>