-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
54 lines (53 loc) · 3.04 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Darkness</title>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='description' content='The night is dark and full of terrors'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel='canonical' href='https://github.com/caressofsteel/darkness/'>
<link rel="manifest" href="manifest.webmanifest">
<link rel="stylesheet" href="style.css">
<meta name='mobile-web-app-capable' content='yes'>
<meta name='apple-mobile-web-app-capable' content='yes'>
<meta name='application-name' content='Darkness'>
<meta name='apple-mobile-web-app-status-bar-style' content='black'>
<meta name='apple-mobile-web-app-title' content='Darkness'>
<link rel='icon' sizes='192x192' href='/images/icon-192x192.png'>
<link rel='apple-touch-icon' href='/images/icon-192x192.png'>
<meta name='msapplication-TileImage' content='/images/icon-144x144.png'>
<meta name='msapplication-TileColor' content='#000000'>
<meta name='theme-color' content='#000000'>
<meta property='og:title' content='Darkness'>
<meta property='og:type' content='website'>
<meta property='og:image' content='https://github.com/caressofsteel/darkness/images/icon-192x192.png'>
<meta property='og:url' content='https://github.com/caressofsteel/darkness/'>
<meta property='og:description' content='The night is dark and full of terrors'>
<meta name='twitter:card' content='summary'>
<meta name='twitter:url' content='https://github.com/caressofsteel/darkness/'>
<meta name='twitter:title' content='Darkness'>
<meta name='twitter:description' content='The night is dark and full of terrors'>
<meta name='twitter:image' content='https://github.com/caressofsteel/darkness/images/icon-192x192.png'>
<meta name='twitter:creator' content='@caressofsteel_'>
</head>
<body>
<div class="modal" id="modal-info">
<div class="modal-bg modal-exit"></div>
<div class="modal-container">
<h1>Darkness</h1>
<h2>The night is dark and full of terrors</h2>
<p>Double-click anywhere to go full-screen.</p>
<button class="modal-close modal-exit" autofocus>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</button>
</div>
</div>
<div class="info" data-modal="modal-info">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#888" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info feather-info-hover"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
</div>
<script src="./modal.js" async defer></script>
<script src="./fullscreen.js" async defer></script>
</body>
</html>