Skip to content

Commit 525033f

Browse files
neoapps-devneoapps-dev
committed
refactor: use one styles.css
1 parent 94ce65f commit 525033f

3 files changed

Lines changed: 100 additions & 192 deletions

File tree

‎download.html‎

Lines changed: 7 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -3,99 +3,8 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>ObsidianOS Download</title>
7-
<style>
8-
@import url('https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&display=swap');
9-
body {
10-
font-family: "Cascadia Code", sans-serif;
11-
margin: 0;
12-
background-color: #0d1117;
13-
color: white;
14-
display: flex;
15-
flex-direction: column;
16-
align-items: center;
17-
text-align: center;
18-
}
19-
nav {
20-
background-color: #000000;
21-
width: 100%;
22-
padding: 0.8rem 1rem;
23-
display: flex;
24-
align-items: center;
25-
justify-content: space-between;
26-
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
27-
}
28-
.nav-left {
29-
display: flex;
30-
align-items: center;
31-
gap: 1rem;
32-
}
33-
.nav-logo {
34-
max-height: 40px;
35-
filter: drop-shadow(0 0 2px #ffffff);
36-
margin-left: 1.5rem;
37-
}
38-
.nav-links {
39-
display: flex;
40-
gap: 2rem;
41-
}
42-
.nav-links a {
43-
color: white;
44-
text-decoration: none;
45-
font-weight: bold;
46-
transition: color 0.2s;
47-
}
48-
.nav-links a:hover {
49-
color: #9b59b6;
50-
}
51-
header {
52-
background: linear-gradient(to left, #1f6feb 0%,#400080 100%);
53-
width: 100%;
54-
padding: 2rem 1rem;
55-
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
56-
}
57-
.logo {
58-
max-width: 120px;
59-
margin-bottom: 1rem;
60-
filter: drop-shadow(0 0 2px #9b59b6);
61-
}
62-
header h1 {
63-
margin: 0;
64-
font-size: 2.5rem;
65-
}
66-
header p {
67-
font-size: 1.2rem;
68-
margin-top: 0.5rem;
69-
}
70-
main {
71-
max-width: 800px;
72-
padding: 2rem 1rem;
73-
}
74-
.download-btn {
75-
display: inline-block;
76-
padding: 1rem 2rem;
77-
font-size: 1.5rem;
78-
font-weight: bold;
79-
color: white;
80-
background: linear-gradient(90deg, #1f6feb, #9b59b6);
81-
border: none;
82-
border-radius: 8px;
83-
text-decoration: none;
84-
margin-top: 2rem;
85-
transition: transform 0.2s, box-shadow 0.2s;
86-
}
87-
.download-btn:hover {
88-
transform: scale(1.05);
89-
box-shadow: 0 8px 20px rgba(0,0,0,0.3);
90-
}
91-
footer {
92-
margin-top: auto;
93-
padding: 1rem;
94-
background-color: #161b22;
95-
font-size: 0.9rem;
96-
color: #aaa;
97-
}
98-
</style>
6+
<title>ObsidianOS Installation</title>
7+
<link rel="stylesheet" href="styles.css">
998
</head>
1009
<body>
10110
<nav>
@@ -105,7 +14,7 @@
10514
<a href="/">Home</a>
10615
<a href="/docs/">Docs</a>
10716
<a href="https://github.com/Obsidian-OS/">GitHub</a>
108-
<b><a href="/download.html">Download</a></b>
17+
<b><a href="/download.html">Install</a></b>
10918
</div>
11019
</div>
11120
</nav>
@@ -116,11 +25,11 @@ <h1>Install ObsidianOS</h1>
11625
</header>
11726
<main>
11827
<p>
119-
As ObsidianOS is image-based, the installation is quite diffrent than arch.<br>
120-
Premade archisos are not ready yet, so you must either:<br>
28+
As ObsidianOS is image-based, the installation is quite diffrent than Arch.<br>
29+
Premade ISOs are not ready yet, so you must either:<br>
12130
<ol>
122-
<li><a href="https://github.com/Obsidian-OS/archiso">Create your own archisos</a>, or</li>
123-
<li>Install <a href="https://github.com/Obsidian-OS/mkobsidiansfs">mkobsidiansfs</a> and <a href="https://github.com/Obsidian-OS/obsidianctl">obsidianctl</a> to install from an arch host.</li>
31+
<li><a href="https://github.com/Obsidian-OS/archiso">Create your own ISO</a>, or</li>
32+
<li>Install <a href="https://github.com/Obsidian-OS/mkobsidiansfs">mkobsidiansfs</a> and <a href="https://github.com/Obsidian-OS/obsidianctl">obsidianctl</a> to install ObsidianOS on a disk from an Arch host.</li>
12433
</ol>
12534
Then you will need to follow the <a href="/docs/install">installation guide</a>.
12635
</p>

‎index.html‎

Lines changed: 2 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -4,99 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>ObsidianOS</title>
7-
<style>
8-
@import url('https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&display=swap');
9-
body {
10-
font-family: "Cascadia Code", sans-serif;
11-
margin: 0;
12-
background-color: #0d1117;
13-
color: white;
14-
display: flex;
15-
flex-direction: column;
16-
align-items: center;
17-
text-align: center;
18-
}
19-
nav {
20-
background-color: #000000;
21-
width: 100%;
22-
padding: 0.8rem 1rem;
23-
display: flex;
24-
align-items: center;
25-
justify-content: space-between;
26-
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
27-
gap: 2rem;
28-
}
29-
.nav-left {
30-
display: flex;
31-
align-items: center;
32-
gap: 1rem;
33-
}
34-
.nav-logo {
35-
max-height: 40px;
36-
filter: drop-shadow(0 0 2px #ffffff);
37-
margin-left: 1.5rem;
38-
}
39-
.nav-links {
40-
display: flex;
41-
gap: 2rem;
42-
}
43-
.nav-links a {
44-
color: white;
45-
text-decoration: none;
46-
font-weight: bold;
47-
transition: color 0.2s;
48-
}
49-
.nav-links a:hover {
50-
color: #9b59b6;
51-
}
52-
header {
53-
background: linear-gradient(to left, #1f6feb 0%,#400080 100%);
54-
width: 100%;
55-
padding: 2rem 1rem;
56-
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
57-
}
58-
.logo {
59-
max-width: 120px;
60-
margin-bottom: 1rem;
61-
filter: drop-shadow(0 0 2px #9b59b6);
62-
}
63-
header h1 {
64-
margin: 0;
65-
font-size: 2.5rem;
66-
}
67-
header p {
68-
font-size: 1.2rem;
69-
margin-top: 0.5rem;
70-
}
71-
main {
72-
max-width: 800px;
73-
padding: 2rem 1rem;
74-
}
75-
.download-btn {
76-
display: inline-block;
77-
padding: 1rem 2rem;
78-
font-size: 1.5rem;
79-
font-weight: bold;
80-
color: white;
81-
background: linear-gradient(90deg, #1f6feb, #9b59b6);
82-
border: none;
83-
border-radius: 8px;
84-
text-decoration: none;
85-
margin-top: 2rem;
86-
transition: transform 0.2s, box-shadow 0.2s;
87-
}
88-
.download-btn:hover {
89-
transform: scale(1.05);
90-
box-shadow: 0 8px 20px rgba(0,0,0,0.3);
91-
}
92-
footer {
93-
margin-top: auto;
94-
padding: 1rem;
95-
background-color: #161b22;
96-
font-size: 0.9rem;
97-
color: #aaa;
98-
}
99-
</style>
7+
<link rel="stylesheet" href="styles.css">
1008
</head>
1019
<body>
10210
<nav>
@@ -106,7 +14,7 @@
10614
<b><a href="/">Home</a></b>
10715
<a href="/docs/">Docs</a>
10816
<a href="https://github.com/Obsidian-OS/">GitHub</a>
109-
<a href="/download.html">Download</a>
17+
<a href="/download.html">Install</a>
11018
</div>
11119
</div>
11220
</nav>

‎styles.css‎

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&display=swap');
2+
body {
3+
font-family: "Cascadia Code", sans-serif;
4+
margin: 0;
5+
background-color: #0d1117;
6+
color: white;
7+
display: flex;
8+
flex-direction: column;
9+
align-items: center;
10+
text-align: center;
11+
}
12+
nav {
13+
background-color: #000000;
14+
width: 100%;
15+
padding: 0.8rem 1rem;
16+
display: flex;
17+
align-items: center;
18+
justify-content: space-between;
19+
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
20+
gap: 2rem;
21+
}
22+
.nav-left {
23+
display: flex;
24+
align-items: center;
25+
gap: 1rem;
26+
}
27+
.nav-logo {
28+
max-height: 40px;
29+
filter: drop-shadow(0 0 2px #ffffff);
30+
margin-left: 1.5rem;
31+
}
32+
.nav-links {
33+
display: flex;
34+
gap: 2rem;
35+
}
36+
.nav-links a {
37+
color: white;
38+
text-decoration: none;
39+
font-weight: bold;
40+
transition: color 0.2s;
41+
}
42+
.nav-links a:hover {
43+
color: #9b59b6;
44+
}
45+
header {
46+
background: linear-gradient(to left, #1f6feb 0%,#400080 100%);
47+
width: 100%;
48+
padding: 2rem 1rem;
49+
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
50+
}
51+
.logo {
52+
max-width: 120px;
53+
margin-bottom: 1rem;
54+
filter: drop-shadow(0 0 2px #9b59b6);
55+
}
56+
header h1 {
57+
margin: 0;
58+
font-size: 2.5rem;
59+
}
60+
header p {
61+
font-size: 1.2rem;
62+
margin-top: 0.5rem;
63+
}
64+
main {
65+
max-width: 800px;
66+
padding: 2rem 1rem;
67+
}
68+
.download-btn {
69+
display: inline-block;
70+
padding: 1rem 2rem;
71+
font-size: 1.5rem;
72+
font-weight: bold;
73+
color: white;
74+
background: linear-gradient(90deg, #1f6feb, #9b59b6);
75+
border: none;
76+
border-radius: 8px;
77+
text-decoration: none;
78+
margin-top: 2rem;
79+
transition: transform 0.2s, box-shadow 0.2s;
80+
}
81+
.download-btn:hover {
82+
transform: scale(1.05);
83+
box-shadow: 0 8px 20px rgba(0,0,0,0.3);
84+
}
85+
footer {
86+
margin-top: auto;
87+
padding: 1rem;
88+
background-color: #161b22;
89+
font-size: 0.9rem;
90+
color: #aaa;
91+
}

0 commit comments

Comments
 (0)