-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
225 lines (194 loc) · 9.96 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<head>
<link rel="stylesheet" href="stylesheet.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="https://code.iconify.design/2/2.0.4/iconify.min.js"></script>
</head>
<body>
<div class="module">
<nav style="display: flex;"> <!-- change display to flex -->
<div class="box">
<a id="navbutt"><span class="iconify" data-icon="ant-design:apple-filled"></span></a>
<a id="navbutt">File</a>
<a id="navbutt">Edit</a>
<a id="navbutt">Special</a>
</div>
<p id='time'>POTUS 6:25PM - Jul. 14, 2049</p>
</nav>
<div class="dropdown apple" style="visibility: hidden;">
<ul>
<li id="about" >About</li>
<li class="unclickable">Battery</li>
<li id="restart">Restart</li>
</ul>
</div>
<div class="dropdown file" style="visibility: hidden;">
<ul>
<li class="unclickable">New</li>
<li class="unclickable">Open</li>
<li id="show">Show Hidden Files</li>
</ul>
</div>
<div class="dropdown edit" style="visibility: hidden;">
<ul>
<li class="unclickable">Undo</li>
<li class="unclickable">Copy</li>
<li class="unclickable">Paste</li>
<li class="unclickable">Print</li>
</ul>
</div>
<div class="dropdown special" style="visibility: hidden;">
<ul>
<a target="_blank" href="https://www.youtube.com/channel/UC8hMb-H87jBzA0bp6Ck3GSQ"><li>Youtube</li></a>
<a target="_blank" href="https://twitter.com/saintthecoder"><li>Twitter</li></a>
<a target="_blank" href="https://www.twitch.tv/saintthecoder"><li>Twitch</li></a>
</ul>
</div>
<div class="aboutscreen" style="visibility: hidden;">
<div class="border-about">
<p>Mixtapes by ToastyDigital</p>
<p>Website design by starfennec</p>
<p>Clone site by SaintTheCoder</p>
</div>
</div>
<div class="ytasuka" style="visibility: hidden;">
<div class="based">
<div class="based-nav">
<div class="exit"></div>
<p>/Asuka_is_Based 🥰😎</p>
</div>
</div>
<iframe width="500" height="315" src="https://www.youtube.com/embed/YslK2C19s-k?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="bios"> <!--change to hidden -->
<div class="text">
<p>POTUS OS</p>
<p>Copyright (c) 2049, 2050. All Rights Reserved</p>
<p>BIOS Version: 204908261 Release 3</p><br><br>
<p>Battery Pack: 100% OK</p>
<p>Memory Test: 16384K OK</p>
<p>Initialization USB Controllers... Done</p><br><br>
<p>Press <span class="blinking">Any Key</span> to boot system</p>
</div>
</div>
<div class="password-screen">
<div class="input-box">
<div class="outline">
<p>Welcome Potus</p><br>
<div class="password-hold">
<label>Password</label>
<input type="password" name="password" value=""/>
<p id="password-hint">Forgot your password?</p><br>
<button type="button">OK</button>
</div>
</div>
</div>
</div>
<div class="canvas">
<div class="icon" id= "earth">
<img src="svg/blank-file.svg" alt="blank file svg">
<h5>EARTH.txt</h5>
</div>
<div class="icon" id="kanye">
<img src="svg/folder-icon.svg" alt="filled folder svg">
<h5>KANYE 2049</h5>
</div>
<div class="icon" id="yandhi">
<img src="svg/folder-icon.svg" alt="filled folder svg">
<h5>yandhi.zip</h5>
</div>
<div class="icon" id="hiddenfile" style="visibility: hidden;">
<span class="iconify" id="asukahidden" data-icon="teenyicons:mp4-outline"></span>
<h5>basedアスカちゃん.mp4</h5>
</div>
</div>
<div class="message" title="EARTH.TXT">
<div id="message">
<p>THE EARTH IS DYING.<br /><br />KANYE WON'T SAVE US.<br /><br />BUT WE CAN SAVE OURSELVES.</p>
<p>READ:</p>
<p>- <a href="https://time.com/5824295/climate-change-future-possibilities/?ref=kanye2049.com" class="ga-ce" data-category="outbound" data-action="click" data-label="https://time.com/5824295/climate-change-future-possibilities/" target="_blank">How the world will look in 2050.</a></p>
<p>- <a href="https://www.bbc.com/future/article/20181102-what-can-i-do-about-climate-change?ref=kanye2049.com" class="ga-ce" data-category="outbound" data-action="click" data-label="https://www.bbc.com/future/article/20181102-what-can-i-do-about-climate-change" target="_blank">What you can do today.</a></p>
<p>DONATE:</p>
<p>- <a href="https://climateemergencyfund.org/?ref=kanye2049.com" class="ga-ce" data-category="outbound" data-action="click" data-label="https://climateemergencyfund.org/" target="_blank">The Climate Emergency Fund</a> provides support to individuals and organizations pressuring governments toward meaningful, immediate policy reform.</p>
<p>- <a href="https://climatejusticealliance.org/about/?ref=kanye2049.com" class="ga-ce" data-category="outbound" data-action="click" data-label="https://climatejusticealliance.org/about/" target="_blank">The Climate Justice Alliance</a> seeks to address climate change through both environmental justice and economic justice efforts.</p>
<p>- <a href="https://www.ienearth.org/about/?ref=kanye2049.com" class="ga-ce" data-category="outbound" data-action="click" data-label="https://www.ienearth.org/about/" target="_blank">The Indigenous Environmental Network</a> supports indigenous communities throughout North America and advocates for the protection of sacred sites and natural resources. </p>
</div>
</div>
<div class="music" title="/KANYE 2049">
<div id="message" class="kanye-music">
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>INTRO.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>POWER.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>HOLD MY LIQUOR.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>LIFT YOURSELF.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>JESUS WALKS.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>WOLVES PT 1.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>WOLVES PT 2.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>CANT TELL ME NOTHIN.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>I LOVE IT.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>SAY YOU WILL.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>AOTL.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>BLACK SKINHEAD.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>FSMH.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>HOMECOMING.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>RUNAWAY.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>BOUND 2049.mp3</h5>
</div>
<div class="icon music-icon">
<img src="svg/music.svg" alt="filled folder svg">
<h5>TOUCH THE SKY.mp3</h5>
</div>
</div>
</div>
</div>
<script src="main.js"></script>
<script src="functional.js"></script>
<script src="nav.js"></script>
<script src="screenmanagement.js"></script>
</body>