-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (119 loc) · 6.57 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Waterfountains</title>
<link rel="icon" type="image/x-icon" href="assets/images/home_button.svg">
<link rel="stylesheet" href="assets/css/waterfountains.css">
<script>
var pics = [
"assets/images/home-fountains/80-fountain.jpg"
, "assets/images/home-fountains/bent-fountain.jpg"
, "assets/images/home-fountains/busy-fountain.jpg"
, "assets/images/home-fountains/double-fountain.jpg"
, "assets/images/home-fountains/family-fountain.jpg"
, "assets/images/home-fountains/farquad-fountain.jpg"
, "assets/images/home-fountains/love-fountain.jpg"
, "assets/images/home-fountains/world-trade-fountain.jpg"
];
function writePic() {
var totalScript = '<img class=\"homepageImage\" src=\"';
var randbro = Math.floor(Math.random() * pics.length);
totalScript += pics[randbro];
totalScript += '\" alt=\"An image of a beautiful waterfountain.\"/>';
return totalScript;
}
</script>
</head>
<body>
<!--Nav Bar-->
<nav>
<div class="sameLine">
<!--Homepage-->
<a class="homeLink" href="index.html"><img class="homeLink" src="assets/images/home_button.svg" alt="home"></a>
<!--Nav Bois-->
<a class="navButton" href="waterfountains-history.html">History</a>
<a class="navButton" href="waterfountains-current.html">Current</a>
<a class="navButton" href="waterfountains-future.html">Future</a>
<a class="navButton" href="waterfountains-poem.html">Poem</a>
<!--Linktree-->
<a class="homeLink" href="https://linktr.ee/milestallia" target="_blank"><img class="homeLink" src="assets/images/linktree.svg" alt="contact"></a>
</div>
</nav>
<!--Main Content-->
<div class="mainContent">
<h1>Waterfountains</h1>
<p>
Waterfountains, (genus <i>Drinkus Fountainus</i>), sometimes also called
bubblers (by morons) are an integral part of our society.
They allow us to access that most important thing to us all, water.
For without them we would surely be a lesser people.
This Website is itself an ode to, a documentation of, and a symbol, of waterfountains.
They deserve our respect serviude and wonder, and this website is but my simple offering.
<br><br>
We will delve into the history of waterfountains, observing their rise in power of
the many long years they have been on this planet.
We will turn the mirror towards ourselves and see how waterfountains are to be
discovered in our current day.
We will also discuss the importance of these waterfountains moving forward and how
we can hope for the field to change in the future.
And we will take a small breather to enjoy some good poetry.
Enjoy the website!
</p>
</div>
<!--Image-->
<script >
document.write(writePic());
</script>
<p>
<br>
</p>
<!--Nav Previews-->
<div class="navPreviews">
<iframe class="preview" title="History page preview" src="assets/previews/waterfountains-history-preview.html"></iframe>
<iframe class="preview" title="Current page preview" src="assets/previews/waterfountains-current-preview.html"></iframe>
<iframe class="preview" title="Future page preview" src="assets/previews/waterfountains-future-preview.html"></iframe>
<iframe class="preview" title="Poem page preview" src="assets/previews/waterfountains-poem-preview.html"></iframe>
</div>
<!--Footer-->
<footer>
<!--Homepage Navs and Linktree-->
<div class="sameLine">
<!--Homepage-->
<a class="homeLink" href="index.html"><img class="homeLink" src="assets/images/home_button.svg" alt="home"></a>
<!--Nav Bois-->
<a class="navButton" href="waterfountains-history.html">History</a>
<a class="navButton" href="waterfountains-current.html">Current</a>
<a class="navButton" href="waterfountains-future.html">Future</a>
<a class="navButton" href="waterfountains-poem.html">Poem</a>
<!--Linktree-->
<a class="homeLink" href="https://linktr.ee/milestallia" target="_blank"><img class="homeLink" src="assets/images/linktree.svg" alt="contact"></a>
</div>
<!--Linktree Shortcuts-->
<div class="linktreeButtons">
<a class="navButton" href="https://www.youtube.com/channel/UC1MQ4QfG5Z9IHx5fSYYFbpw" target="_blank">Youtube</a>
<a class="navButton" href="https://discordapp.com/users/405471862458679334" target="_blank">Discord</a>
<a class="navButton" href="https://www.instagram.com/sirmifter/" target="_blank">Instagram</a>
<a class="navButton" href="https://www.snapchat.com/add/mifter?share_id=OP2u5sYh21g&locale=en-US" target="_blank">Snapchat</a>
<a class="navButton" href="https://www.reddit.com/user/-Mifter-" target="_blank">Reddit</a>
</div>
<!--Copyright Info-->
<p class="copyright center">
© 2022 Miles Ousley Tallia. All rights reserved.
<br>
While it seems as though this entire website is a farse it was actually crafted
with much care. Much research was done to accummulate all the information to be
found on this website. To find a full list of all the sources used you can click
<a href="waterfountains_references.html" target="_blank">here</a>.
<br>
---
<br>
The owner of this website understands the currently correct term for waterfountains
is "water fountains" (with the space) but has decided
to take the first step in helping to evolve this language into the much preferable
"waterfountains" usage.
</p>
</footer>
</body>
</html>