-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
120 lines (108 loc) · 6.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Windows 98</title>
<meta property="og:title" content="hi">
<meta property="og:description" content="Chimken Samdwich">
<meta property="og:image" content="https://whale.lat/static/img/0950ou.png" sizes="128x128"/>
<meta property="og:url" content="https://whale.lat/">
<meta content="#008080" data-react-helmet="true" name="theme-color" />
<link rel="icon" href="https://whale.lat/static/img/51f6fn.png" type="image/png" sizes="64x64">
<link rel="stylesheet" href="https://whale.lat/static/css/main.css">
</head>
<body>
<div class="loading-screen">
<div class="loading-text">
<audio id="myAudio" autoplay><source src="https://whale.lat/static/img/videoplayback.mp3" type="audio/mpeg">Your browser does not support the audio element.</audio>
</div>
</div>
<div class="window welcome-window" style="left: 122px; width: 700px; border: 2px outset #ebebeb;">
<div class="window-titlebar" style="margin-left: 2px; margin-top: 29px; width: 100%">
<div class="window-title" style="margin-left: 5px;">Welcome to Windows 98!</div>
<div class="window-buttons" style="margin-right: 5px; margin-top: 3px;">
<img src="https://whale.lat/static/img/minimize.png" alt="Close" class="window-button" onclick="closeWindow(this)">
<img src="https://whale.lat/static/svg/lyt65r.svg" alt="Minimize" class="window-button" onclick="minimizeWindow(this)">
</div>
</div>
<div class="about-content" style="display: flex; justify-content: center; align-items: flex-start; margin-top: 40px;">
<div class="about-text" style="flex: 1; border: 2px inset #fff; padding: 10px;">
<p>Welcome to my website! My name is Lunarion, and I'm a 17 year old web dev and cybersecurity wannabe. Feel free to check out my site, or take a look at the credits!</p>
<button class="test-button" onclick="openContactWindow()">Contact</button>
<button class="test-button" onclick="openProjectWindow()">Credits</button>
<button class="test-button" onclick="openTempWindow()">Projects</button>
</div>
<img src="https://whale.lat/static/img/b8361cd88301da5372f86efff22d950c16dbed9b.gif" alt="About Image" draggable="false" style="max-width: 75%; height: 70%; margin-top: 5px; border: 2px outset #c8c7c7;">
</div>
</div>
<canvas id="sparkleCanvas"></canvas>
<script src="https://whale.lat/static/js/bootup.js"></script>
<div class="desktop-icons">
<div class="icon notepad-icon" style="top: 20px; left: 20px;" onclick="openNotepadWindow()">
<img src="https://whale.lat/static/img/notepad.png" alt="Notepad" draggable="false">
<p>Notepad</p>
</div>
<div class="icon calculator-icon" style="top: 20px; left: 100px;" onclick="openCalculatorWindow()">
<img src="https://whale.lat/static/img/calculator.png" alt="Calculator" draggable="false">
<p>Calculator</p>
</div>
<div class="icon calendar-icon" style="top: 20px; left: 180px;" onclick="openCalendarWindow()">
<img src="https://whale.lat/static/img/calendar.png" alt="Calendar" draggable="false">
<p>Calendar</p>
</div>
<div class="icon settings-icon" style="top: 20px; left: 260px;" onclick="openSettingsWindow()">
<img src="https://whale.lat/static/img/settings.png" alt="Settings" draggable="false">
<p>Settings</p>
</div>
<div class="icon changelog-icon" style="top: 20px; left: 340px;" onclick="openChangelogWindow()">
<img src="https://whale.lat/static/img/notebook.png" alt = "Changelog" draggable="false">
<p>Changelog</p>
</div>
<div class="icon cool-icon" style="top: 20px; left: 340px;" onclick="openCoolWindow()">
<img src="https://whale.lat/static/img/games.png" alt = "Cool" draggable="false">
<p>Other</p>
<p>Stuff</p>
</div>
</div>
<div class="start-menu">
<div class="start-button">Start</div>
<div class="taskbar"></div>
<div class="start-text" style="margin-left: 140px;">↑ ↑ ↓ ↓ ← → ← → B A</div>
<div class="clock" id="clock"></div>
</div>
<div class="start-display" style="display: none;">
<div class="icon notepad-icon" style="top: 20px; left: 20px;" onclick="openNotepadWindow()">
<img src="https://whale.lat/static/img/notepad.png" alt="Notepad" draggable="false">
<p>Notepad</p>
</div>
<div class="icon calculator-icon" style="top: 20px; left: 100px;" onclick="openCalculatorWindow()">
<img src="https://whale.lat/static/img/calculator.png" alt="Calculator" draggable="false">
<p>Calculator</p>
</div>
<div class="icon calendar-icon" style="top: 20px; left: 180px;" onclick="openCalendarWindow()">
<img src="https://whale.lat/static/img/calendar.png" alt="Calendar" draggable="false">
<p>Calendar</p>
</div>
<div class="icon settings-icon" style="top: 20px; left: 260px;" onclick="openSettingsWindow()">
<img src="https://whale.lat/static/img/settings.png" alt="Settings" draggable="false">
<p>Settings</p>
</div>
<div class="icon changelog-icon" style="top: 20px; left: 340px;" onclick="openChangelogWindow()">
<img src="https://whale.lat/static/img/notebook.png" alt="Changelog" draggable="false">
<p>Changelog</p>
</div>
<div class="icon about-icon" style="top: 20px; left: 420px;" onclick="openAboutWindow()">
<img src="https://whale.lat/static/img/about.png" alt="About" draggable="false">
<p>About</p>
</div>
</div>
<script src="https://whale.lat/static/js/apps.js"></script>
<div id="stars-container"></div>
<!---<script src="https://whale.lat/static/js/stars.js"></script> // I'm turning this off, for now
<script src="https://whale.lat/static/js/canvas.js"></script> ---->
</body>
</html>
<!---
meowww mwahahahah :P - yuko
--->