-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
70 lines (65 loc) · 2.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>story.js</title>
<!-- Sometimes I need to include this early, so I do it out of habit -->
<meta charset="utf-8">
<!-- Favicon -->
<link id="favicon" rel="icon" type="image/ico" href="images/favicon.ico" sizes="16x16" />
<!-- CSS (Cascading Style Sheets) files -->
<link rel="stylesheet" href="style.css">
<!-- This stylesheet acts as a "skin" for the story -->
<link rel="stylesheet" href="story/skin.css">
<!-- JavaScript files -->
<!-- Run the text adventure -->
<script src="scripts/story.js"></script>
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5"></script>
<!-- Meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="My first project in Web Programming with Scripts.">
<meta name="keywords" content="web, programming, with, scripts">
<!-- Noscript functionality, just in case -->
<style>
.no-script {
display: none;
}
</style>
<noscript>
<style>
.yes-script {
display: none;
}
.no-script {
display: initial;
}
</style>
</noscript>
</head>
<body>
<div id="story-container">
<!-- Apparently, custom tags just *work* like this -->
<jw-story>
<jw-story-text>
<p>In order to get the <jw-effect type="shake">full</jw-effect> experience of this website, you need to enable <jw-effect type="rainbow">JavaScript</jw-effect>!</p>
<p>Please click on <a href="https://www.enable-javascript.com/" target="_blank">this link</a> to learn how. Trust me, it'll be the best <jw-story-choice>choice</jw-story-choice> you've ever made...</p>
</jw-story-text>
<jw-story-inv>
<jw-story-inv-list></jw-story-inv-list>
</jw-story-inv>
</jw-story>
</div>
<footer>
<hr>
<address>
<jw-icon type="gmail"></jw-icon> <a href="mailto:[email protected]">[email protected]</a>
<br>
<jw-icon type="twitter"></jw-icon> <a href="https://twitter.com/WinslowJosiah">@WinslowJosiah</a>
<br>
<jw-icon type="github"></jw-icon> <a href="https://github.com/winslowjosiah">WinslowJosiah</a>
<br>
<jw-icon type="itchio"></jw-icon> <a href="https://winslowjosiah.itch.io">Josiah Winslow</a>
</address>
</footer>
</body>
</html>