-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
32 lines (27 loc) · 2.33 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body style='background-image: url("./wallpaper.png"); background-size: cover; height: 100vh; Helvetica, Noto Sans, sans-serif;'></body>
<div id="userTopBar" style="position: absolute; width: 100%; display: flex; backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.125); color: #fff; justify-content: space-between; gap: 32px;">
<p id="welcomeopen"
style="margin-left: 16px; font-weight: 700; background-color: rgba(256, 256, 256, 0.125); padding: 4px 12px; border-radius: 16px;">
Code the Stars OS (Beta)
</p>
<p id='TIME' style="margin-right: 16px; background-color: rgba(256, 256, 256, 0.125); padding: 4px 12px; border-radius: 16px;">
Loading...
</p>
</div>
<div id="window" style=" display: flex; flex-direction: column; border-radius: 16px; position: absolute; top: calc(50% - 90px); left: calc(50% - 180px); margin-bottom: 10px">
<div id="windowheader" style=" display: flex; flex-direction: column; border-radius: 4px 4px 0px 0px; position: absolute; top: calc(50%-90px); left: calc(50%-180px); background-color: rgb(117, 119, 119);user-select: none; cursor: grab; width: calc(100% - 12px); margin-left: 6px; justify-content: space-between;">
<div class="inlinediv" 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: 6px; margin-top: 5px; flex-direction: row; margin-bottom: 5px;"></div>
<p style="margin: 0px; color: #ffffff; font-weight: 500; text-align: center; flex-direction: row;";>Welcome</p>
</div>
<div style="background-color: #fff; margin: 6px; border-radius: 4px; width: 360px; padding: 16px;">
<img src="./Code_The_Stars_Logo__1_-removebg-preview.png" alt="Code the Stars Logo" width="75" height="75" style="border-radius: 16px; object-fit: cover; margin-top: 12px; ">
<h1 style="margin-top: 5px;">Code the Stars</h1>
<p style="margin-top: 5px;">Welcome to Code the Stars OS. Open an app to start! You can also open, close, and drag around windows. Please report any bugs. Version <code id="versionNumber">1.0.0</code></p>
</div>
<script src="script.js"></script>
</html>