Skip to content

Commit bbfed82

Browse files
committed
WIP Revamp
1 parent 70c43bb commit bbfed82

10 files changed

Lines changed: 173 additions & 202 deletions

File tree

337 KB
Binary file not shown.
34.3 KB
Binary file not shown.
35.6 KB
Binary file not shown.

azuos/assets/images/logo.svg

Lines changed: 5 additions & 0 deletions
Loading

azuos/assets/images/mockup.png

563 KB
Loading

azuos/assets/images/wallpaper.jpg

261 KB
Loading

azuos/assets/index.css

Lines changed: 128 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,128 @@
1+
body {
2+
background-color: #8b86ea;
3+
top: 0px;
4+
bottom: 0px;
5+
left: 0px;
6+
right: 0px;
7+
margin: 0px;
8+
padding: 0px;
9+
/* position: absolute;*/
10+
/* overflow: hidden;*/
11+
background-image: url('images/wallpaper.jpg');
12+
background-size: cover;
13+
background-attachment: fixed;
14+
}
15+
16+
@font-face {
17+
font-family: 'Inter';
18+
src: url('fonts/InterVariable.woff2');
19+
}
20+
21+
@font-face {
22+
font-family: 'Satoshi';
23+
src: url('fonts/Satoshi-Variable.woff');
24+
}
25+
26+
p, h1, h2, h3, h4, h5, h6, a, button {
27+
color: white;
28+
font-family: 'Inter';
29+
text-shadow: 0px 0px 25px #000000cc;
30+
}
31+
32+
.top-gradient {
33+
background: linear-gradient(#110b1750, #00000000);
34+
width: 100%;
35+
height: 100px;
36+
position: fixed;
37+
left: 0;
38+
top: 0;
39+
}
40+
41+
.titlebar {
42+
padding-top: 24px;
43+
display: flex;
44+
justify-content: space-between;
45+
align-items: center;
46+
flex-direction: row;
47+
max-width: 488px;
48+
padding-left: 12px;
49+
padding-right: 12px;
50+
position: relative;
51+
left: 50%;
52+
transform: translateX(-50%);
53+
}
54+
55+
.main {
56+
display: flex;
57+
position: relative;
58+
left: 50%;
59+
transform: translateX(-50%);
60+
max-width: 700px;
61+
min-width: 300px;
62+
padding-left: 20px;
63+
padding-right: 20px;
64+
margin-top: 50px;
65+
}
66+
67+
.content {
68+
background: #110b17;
69+
margin-top: 70px;
70+
height: 100%;
71+
padding: 20px 70px;
72+
}
73+
74+
.motto * {
75+
font-family: 'Satoshi';
76+
font-size: 50px;
77+
margin: 0;
78+
}
79+
80+
@keyframes glow {
81+
from {
82+
text-shadow: 0 0 10px #7400d960;
83+
}
84+
to {
85+
text-shadow: 0 0 20px #c82bd990;
86+
}
87+
}
88+
89+
.aesthetic-text {
90+
background: linear-gradient(#c82bd9, #7400d9);
91+
-webkit-text-fill-color: transparent;
92+
-webkit-background-clip: text;
93+
animation: glow 1s ease-in-out infinite alternate;
94+
}
95+
96+
/*.design {
97+
padding: ;
98+
}*/
99+
100+
.content h1 {
101+
font-family: 'Satoshi';
102+
font-size: 70px;
103+
margin-bottom: 0px;
104+
}
105+
106+
.content p, h6 {
107+
opacity: 0.5;
108+
}
109+
110+
.content h6 {
111+
margin-top: 0px;
112+
text-decoration: italic;
113+
}
114+
115+
.img-placeholder {
116+
background-color: #ffffff50;
117+
width: 500px;
118+
height: 300px;
119+
}
120+
121+
.download-btn {
122+
padding: 12px 20px;
123+
/* background-color: #ffffff00;*/
124+
background-image: linear-gradient(#c82bd9, #7400d9);
125+
border: 1px solid #ffffff50;
126+
border-radius: 20px;
127+
font-size: 17px;
128+
}

azuos/index.css

Lines changed: 0 additions & 157 deletions
This file was deleted.

azuos/index.html

Lines changed: 40 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,48 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>AzuOS</title>
5-
<link rel="stylesheet" href="index.css">
4+
<title>AzuOS - AzuSystem</title>
5+
<link rel="stylesheet" href="assets/index.css">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
67
</head>
78
<body>
8-
<div class=navbg>
9-
<nav class="navbar">
10-
<div>
11-
<a href="" class="logo">
12-
<p><i><b>AzuSystem</b></i></p>
13-
</a>
14-
</div>
15-
<div class=right>
16-
<a href='../index.html'class=navbtn>Home</a>
17-
<a class='navbtn selected'>AzuOS</a>
18-
</div>
19-
</nav>
9+
<div class=top-gradient></div>
10+
<div class=titlebar>
11+
<p>AzuOS</p>
12+
<img height=40 src=assets/images/logo.svg>
13+
<button>yes</button>
14+
</div>
15+
<div class=main>
16+
<div class=motto>
17+
<p class=aesthetic-text>Aesthetic</p>
18+
<p>Out</p>
19+
<p>Of</p>
20+
<p>The</p>
21+
<p>Box.</p>
22+
</div>
23+
<!-- <div class=display>
24+
<div class=img-placeholder></div>
25+
<button class=download-btn>Download Now</button>
26+
</div> -->
27+
</div>
28+
<div class=content>
29+
<div class=design>
30+
<h1>Design</h1>
31+
<p>So much love, care & effort is put into AzuOS.</p>
32+
<p>Each detail, handcrafted, all just to achieve something as charming, alluring, and appealing as this.</p>
33+
</div>
34+
<div class=easy>
35+
<h1>No Setup</h1>
36+
<p>Why spend your valuable time configuring your linux system when you can have everything pre-configured for you?!</p>
37+
<p>Configuring components like networking, bluetooth, sound, etc. take time to deal with, let's just have it done for you.</p>
38+
</div>
39+
<div class=game>
40+
<h1>Play Games?</h1>
41+
<p>Do you just so happen to play alot of games?</p>
42+
<p>Thanks to WineHQ, many of your favourite windows games are playbale right after install!</p>
43+
<h6>This is does exclude some onine games like Valorant due to anti-cheat)</h6>
44+
</div>
45+
<!-- <p>download because yes</p> -->
2046
</div>
21-
<article class=main>
22-
<section class='top center'>
23-
<div class=center>
24-
<h1 class=big>
25-
An
26-
<span class=topcolor>OS</span>
27-
Ran on the Web.
28-
</h1>
29-
<p>Introducing AzuOS, the bootable Operating System built with Web Technologies.</p>
30-
<button>Downloads</button>
31-
</div>
32-
</section>
33-
<section class=center>
34-
<h1>Consistent UI/UX Design</h1>
35-
<p>Don't worry about terrible designs or unclear instructions. AzuOS's got that covered!</p>
36-
</section>
37-
<section class='light center'>
38-
<h1>Friendly Setup</h1>
39-
<p>With our simple to navigate setup, we can ensure you'll have a smooth experience installing AzuOS!</p>
40-
</section>
41-
<section class=center>
42-
<h1>Full Customization</h1>
43-
<p>Due to AzuOS being written with Web Technologies for the front-end. You'll have full customiability on AzuOS through importing .css files (.html and .js scripts included)</p>
44-
</section>
45-
<section class=center>
46-
<h1>Windows Emulation</h1>
47-
<p>Thanks to the help of <a href='https://www.boxedwine.org/'>Boxed Wine</a>, it's possible to run Windows 32-bit Applications in AzuOS!</p>
48-
</section>
49-
<p>I'll finish this sooner or later.</p>
50-
<footer>AzuOS by <a href=https://github.com/AzuSystem>AzuSystem Organization</a>. Made with <3</footer>
51-
</article>
5247
</body>
5348
</html>

0 commit comments

Comments
 (0)