Skip to content

Commit 7aa0f7e

Browse files
neoapps-devneoapps-dev
committed
feat: featured on section
1 parent 067700c commit 7aa0f7e

1 file changed

Lines changed: 225 additions & 94 deletions

File tree

‎index.html‎

Lines changed: 225 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -1,104 +1,235 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>ObsidianOS</title>
7-
<link rel="stylesheet" href="styles.css">
8-
<link rel="icon" href="/logo.svg" type="image/svg+xml">
9-
</head>
10-
<body>
11-
<div class="background-container"></div>
12-
<div class="mouse-follower mouse-follower-1"></div>
13-
<div class="mouse-follower mouse-follower-2"></div>
14-
<div class="mouse-follower mouse-follower-3"></div>
15-
<nav>
16-
<div class="nav-container">
17-
<div class="nav-left">
18-
<img src="logo.svg" alt="ObsidianOS Logo" class="nav-logo">
19-
<a href="/" class="nav-title">ObsidianOS</a>
20-
</div>
21-
<div class="nav-links">
22-
<a href="https://files.obsidianos.xyz/">Downloads</a>
23-
<a href="https://wiki.obsidianos.xyz/">Wiki</a>
24-
<a href="https://obsidianos.xyz/git" rel="noopener noreferrer">Git</a>
25-
<a href="https://www.reddit.com/r/obsidian_OS/" target="_blank" rel="noopener noreferrer">Reddit</a>
26-
<a href="https://dsc.gg/obsidianos" target="_blank" rel="noopener noreferrer">Discord</a>
27-
</div>
28-
</div>
29-
</nav>
30-
<main>
31-
<header>
32-
<img src="logo.svg" alt="ObsidianOS Logo" class="logo">
33-
<h1 class="main-title">ObsidianOS</h1>
34-
<p class="subtitle">The GNU/Linux distribution with A/B Partitioning.</p>
35-
</header>
36-
<section class="features">
37-
<div class="feature-card">
38-
<h2>A/B Partitioning</h2>
39-
<p>With A/B partitioning, updates are atomic. If an update fails, you can simply reboot into the previous partition, ensuring your system is always bootable.</p>
40-
</div>
41-
<div class="feature-card">
42-
<h2>Multiple bases</h2>
43-
<p>Enjoy the power and flexibility of Arch, Gentoo, or even Void, with the power of A/B Partitioning</p>
44-
</div>
45-
<div class="feature-card">
46-
<h2>Stable and Reliable</h2>
47-
<p>Built on the stability of ext4, ObsidianOS provides a reliable computing experience without the complexities of other filesystems.</p>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>ObsidianOS</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
<link rel="icon" href="/logo.svg" type="image/svg+xml" />
9+
</head>
10+
<body>
11+
<div class="background-container"></div>
12+
<div class="mouse-follower mouse-follower-1"></div>
13+
<div class="mouse-follower mouse-follower-2"></div>
14+
<div class="mouse-follower mouse-follower-3"></div>
15+
<nav>
16+
<div class="nav-container">
17+
<div class="nav-left">
18+
<img
19+
src="logo.svg"
20+
alt="ObsidianOS Logo"
21+
class="nav-logo"
22+
/>
23+
<a href="/" class="nav-title">ObsidianOS</a>
24+
</div>
25+
<div class="nav-links">
26+
<a href="https://files.obsidianos.xyz/">Downloads</a>
27+
<a href="https://wiki.obsidianos.xyz/">Wiki</a>
28+
<a
29+
href="https://obsidianos.xyz/git"
30+
rel="noopener noreferrer"
31+
>Git</a
32+
>
33+
<a
34+
href="https://www.reddit.com/r/obsidian_OS/"
35+
target="_blank"
36+
rel="noopener noreferrer"
37+
>Reddit</a
38+
>
39+
<a
40+
href="https://dsc.gg/obsidianos"
41+
target="_blank"
42+
rel="noopener noreferrer"
43+
>Discord</a
44+
>
45+
</div>
4846
</div>
49-
</section>
50-
<section class="wallpaper-contest-winners">
51-
<h2>Monthly Wallpaper Contest Winners!</h2>
52-
<br> <!-- a very very cheap way of spacing, lmao -->
53-
<div class="desktop-screenshots">
54-
<div class="laptop-box">
55-
<a href="/contest-kde.png" title="Download Wallpaper" target="_blank"><div class="floating-logo floating-logo-left">
56-
<img src="https://develop.kde.org/img/kde-logo-white-blue-rounded-source.svg" alt="KDE" />
57-
</div></a>
58-
<div class="screen">
59-
<img src="/contest-kde.png" alt="KDE Wallpaper Winner" />
47+
</nav>
48+
<main>
49+
<header>
50+
<img src="logo.svg" alt="ObsidianOS Logo" class="logo" />
51+
<h1 class="main-title">ObsidianOS</h1>
52+
<p class="subtitle">
53+
The GNU/Linux distribution with A/B Partitioning.
54+
</p>
55+
</header>
56+
<section class="features">
57+
<div class="feature-card">
58+
<h2>A/B Partitioning</h2>
59+
<p>
60+
With A/B partitioning, updates are atomic. If an update
61+
fails, you can simply reboot into the previous
62+
partition, ensuring your system is always bootable.
63+
</p>
64+
</div>
65+
<div class="feature-card">
66+
<h2>Multiple bases</h2>
67+
<p>
68+
Enjoy the power and flexibility of Arch, Gentoo, or even
69+
Void, with the power of A/B Partitioning
70+
</p>
71+
</div>
72+
<div class="feature-card">
73+
<h2>Stable and Reliable</h2>
74+
<p>
75+
Built on the stability of ext4, ObsidianOS provides a
76+
reliable computing experience without the complexities
77+
of other filesystems.
78+
</p>
79+
</div>
80+
</section>
81+
<section class="featured-on">
82+
<h2>Featured on:</h2>
83+
<br />
84+
<div class="desktop-screenshots">
85+
<div class="laptop-box">
86+
<a
87+
href="https://itsfoss.com/obsidianos-review"
88+
title="Distro Of The Month 2025 - It's FOSS"
89+
target="_blank"
90+
><div class="floating-logo floating-logo-left">
91+
<img
92+
src="https://itsfoss.com/favicon.png"
93+
alt="It's FOSS"
94+
/></div
95+
></a>
96+
<div class="screen">
97+
<img
98+
src="https://itsfoss.com/content/images/2025/12/obsidian-os.webp"
99+
alt="It's FOSS Distro of the month 2025 December"
100+
/>
101+
</div>
102+
<div class="base">
103+
<a href="https://itsfoss.com/obsidianos-review"
104+
>It's FOSS</a
105+
>
106+
</div>
107+
</div>
108+
<div class="laptop-box">
109+
<a
110+
href="https://www.linuxlinks.com/obsidianos-arch-linux-based-distribution/"
111+
title="LinuxLinks"
112+
target="_blank"
113+
><div class="floating-logo floating-logo-right">
114+
<img
115+
src="https://linuxlinks.com/favicon.ico"
116+
alt="LinuxLinks"
117+
/></div
118+
></a>
119+
<div class="screen">
120+
<img
121+
src="https://www.linuxlinks.com/wp-content/uploads/2025/11/ObsidianOS-desktop.png"
122+
alt="LinuxLinks"
123+
/>
124+
</div>
125+
<div class="base">
126+
<a
127+
href="https://www.linuxlinks.com/obsidianos-arch-linux-based-distribution/"
128+
>LinuxLinks</a
129+
>
130+
</div>
60131
</div>
61-
<div class="base"><a href="https://github.com/s-ar2005">@s-ar2005</a></div>
62132
</div>
63-
<div class="laptop-box">
64-
<a href="https://drive.google.com/drive/folders/1FGrwNvKXKa4-2lDfE7-9xbWimQ4hPiAW" title="Download Wallpaper (multiple variants and resolutions)" target="_blank"><div class="floating-logo floating-logo-right">
65-
<img src="https://cdn11.bigcommerce.com/s-pywjnxrcr2/images/stencil/original/image-manager/znbla5m069vx10kz-cosmic-sectiontutorial-orange.png" alt="COSMIC" />
66-
</div></a>
67-
<div class="screen">
68-
<img src="/contest-cosmic.png" alt="COSMIC Wallpaper Winner" />
133+
</section>
134+
<section class="wallpaper-contest-winners">
135+
<h2>Monthly Wallpaper Contest Winners!</h2>
136+
<br />
137+
<!-- a very very cheap way of spacing, lmao -->
138+
<div class="desktop-screenshots">
139+
<div class="laptop-box">
140+
<a
141+
href="/contest-kde.png"
142+
title="Download Wallpaper"
143+
target="_blank"
144+
><div class="floating-logo floating-logo-left">
145+
<img
146+
src="https://develop.kde.org/img/kde-logo-white-blue-rounded-source.svg"
147+
alt="KDE"
148+
/></div
149+
></a>
150+
<div class="screen">
151+
<img
152+
src="/contest-kde.png"
153+
alt="KDE Wallpaper Winner"
154+
/>
155+
</div>
156+
<div class="base">
157+
<a href="https://github.com/s-ar2005">@s-ar2005</a>
158+
</div>
159+
</div>
160+
<div class="laptop-box">
161+
<a
162+
href="https://drive.google.com/drive/folders/1FGrwNvKXKa4-2lDfE7-9xbWimQ4hPiAW"
163+
title="Download Wallpaper (multiple variants and resolutions)"
164+
target="_blank"
165+
><div class="floating-logo floating-logo-right">
166+
<img
167+
src="https://cdn11.bigcommerce.com/s-pywjnxrcr2/images/stencil/original/image-manager/znbla5m069vx10kz-cosmic-sectiontutorial-orange.png"
168+
alt="COSMIC"
169+
/></div
170+
></a>
171+
<div class="screen">
172+
<img
173+
src="/contest-cosmic.png"
174+
alt="COSMIC Wallpaper Winner"
175+
/>
176+
</div>
177+
<div class="base">
178+
<a href="https://github.com/D4yvid">@d4yvid</a>
179+
</div>
69180
</div>
70-
<div class="base"><a href="https://github.com/D4yvid">@d4yvid</a></div>
71181
</div>
182+
</section>
183+
<section class="community">
184+
<h2>Join the Community</h2>
185+
<p>
186+
Have questions or want to connect with other users? Join our
187+
community on Reddit or Discord.
188+
</p>
189+
<div class="community-links">
190+
<a
191+
href="https://www.reddit.com/r/obsidian_OS/"
192+
target="_blank"
193+
rel="noopener noreferrer"
194+
class="community-link"
195+
>Reddit</a
196+
>
197+
<a
198+
href="https://dsc.gg/obsidianos"
199+
target="_blank"
200+
rel="noopener noreferrer"
201+
class="community-link"
202+
>Discord</a
203+
>
204+
</div>
205+
</section>
206+
</main>
207+
<footer>
208+
<p>&copy; 2025 ObsidianOS Project</p>
209+
<div class="footer-links">
210+
<a href="https://wiki.obsidianos.xyz/">Wiki</a>
211+
<a
212+
href="https://github.com/Obsidian-OS/"
213+
target="_blank"
214+
rel="noopener noreferrer"
215+
>GitHub</a
216+
>
72217
</div>
73-
</section>
74-
<section class="community">
75-
<h2>Join the Community</h2>
76-
<p>Have questions or want to connect with other users? Join our community on Reddit or Discord.</p>
77-
<div class="community-links">
78-
<a href="https://www.reddit.com/r/obsidian_OS/" target="_blank" rel="noopener noreferrer" class="community-link">Reddit</a>
79-
<a href="https://dsc.gg/obsidianos" target="_blank" rel="noopener noreferrer" class="community-link">Discord</a>
80-
</div>
81-
</section>
82-
</main>
83-
<footer>
84-
<p>&copy; 2025 ObsidianOS Project</p>
85-
<div class="footer-links">
86-
<a href="https://wiki.obsidianos.xyz/">Wiki</a>
87-
<a href="https://github.com/Obsidian-OS/" target="_blank" rel="noopener noreferrer">GitHub</a>
88-
</div>
89-
</footer>
90-
<script>
91-
const followers = document.querySelectorAll('.mouse-follower');
92-
document.addEventListener('mousemove', (e) => {
93-
followers.forEach((follower, index) => {
94-
setTimeout(() => {
95-
follower.style.left = e.pageX + 'px';
96-
follower.style.top = e.pageY + 'px';
97-
}, index * 100);
218+
</footer>
219+
<script>
220+
const followers = document.querySelectorAll(".mouse-follower");
221+
document.addEventListener("mousemove", (e) => {
222+
followers.forEach((follower, index) => {
223+
setTimeout(() => {
224+
follower.style.left = e.pageX + "px";
225+
follower.style.top = e.pageY + "px";
226+
}, index * 100);
227+
});
98228
});
99-
});
100229

101-
function openurl(url) { window.open(url, "_blank"); }
102-
</script>
103-
</body>
230+
function openurl(url) {
231+
window.open(url, "_blank");
232+
}
233+
</script>
234+
</body>
104235
</html>

0 commit comments

Comments
 (0)