-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
50 lines (46 loc) · 2.23 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
<!DOCTYPE html>
<html>
<body class="thebodyo">
<div style="position: absolute; width: 100%; display: flex; backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.25); color: #fff; justify-content: space-between;">
<p style="margin-left: 16px;">
DylanOS
</p>
<p style="margin-right: 16px;">
Welcome!
</p>
<p id="timeElement">
Time
</p>
</div>
<div class="welcomeborder" id="window">
<div id="welcomeheader" style="cursor: grab;">
<div id="welcomeclose" style="width: 16px; height: 16px; cursor: pointer; background-color: #EC6B5E; border-radius: 16px; border: solid 1px rgba(0, 0, 0, 0.25); margin-left: 10px;"></div>
<div id="welcomeopen" style="width: 16px; height: 16px; cursor: pointer; background-color: #34C759; border-radius: 16px; border: solid 1px rgba(0, 0, 0, 0.25); margin-left: 10px;"></div>
<div style="width: 1px; margin-right: 0px; height: 16px;"></div>
</div>
<div class="welcomewind">
<img src="./DylanOS.svg"
style="width: 64px; height: 64px; border-radius: 15px; object-fit: cover;" />
<h1 style="margin: 4px;">DylanOS</h1>
<p>"I mean if you actually <code><i>reset</i></code> the computer you wont have a malware i guess."</p>
<p style="margin: 0px;">
<b>Hello World! Welcome to my OS (pls dont click malpal)</b>
</p>
</div>
</div>
<div class="danotesborder" id="window">
<div id="danotesheader" style="cursor: grab;">
<div id="danotesclose" style="width: 16px; height: 16px; cursor: pointer; background-color: #EC6B5E; border-radius: 16px; border: solid 1px rgba(0, 0, 0, 0.25); margin-left: 10px;"></div>
<div id="danotesopen" style="width: 16px; height: 16px; cursor: pointer; background-color: #34C759; border-radius: 16px; border: solid 1px rgba(0, 0, 0, 0.25); margin-left: 10px;"></div>
<div style="width: 1px; margin-right: 0px; height: 16px;"></div>
</div>
<div class="danoteswind">
<img src="./DAAPP.png"
style="width: 64px; height: 64px; border-radius: 15px; object-fit: cover;" />
<h1 style="margin: 4px;">Da Notes</h1>
</div>
</div>
<script src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css"/>
</body>
</html>