Obsidian-OS.github.io/index.html at main · Obsidian-OS/Obsidian-OS.github.io · GitHub

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
#!/usr/bin/env bash
<<\EOF
<!doctype html>
<html lang="en">
<!--
    oh wow you're reading the source code, lol
    if you're not reading this file locally
    and instead reading from devtools, this
    website's source code is on github.
    https://git.obsidianos.xyz/Obsidian-OS.github.io

    - neo
    -->

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ObsidianOS</title>
    <link rel="stylesheet" href="styles.css" />
    <link rel="icon" href="/logo.svg" type="image/svg+xml" />
</head>

<body>
    <nav>
        <div class="nav-container" id="nav-container"></div><script>fetch("/topbar.html").then(r => r.text()).then(html => {document.getElementById("nav-container").innerHTML = html;});</script>
    </nav>
    <main>
        <header class="hero-section">
            <div class="hero-content">
                <div class="hero-logo-container">
                    <img src="logo.svg" alt="ObsidianOS Logo" class="hero-logo" />
                    <img src="https://files.obsidianos.xyz/oboslogo-gif-dark.gif" alt="ObsidianOS Animated Logo"
                        class="hero-logo-gif" />
                </div>
                <div class="hero-text">
                    <h1 class="main-title">ObsidianOS</h1>
                    <p class="subtitle">
                        The GNU/Linux distribution with A/B Partitioning.
                    </p>
                </div>
            </div>
        </header>
        <section class="features">
            <div class="feature-card">
                <h2>A/B Partitioning</h2>
                <p>
                    With A/B partitioning, updates are atomic (optional). If
                    an update fails, you can simply reboot into the previous
                    partition, ensuring your system is always bootable.
                </p>
            </div>
            <div class="feature-card">
                <h2>Multiple bases</h2>
                <p>
                    Enjoy the power and flexibility of Arch, Debian, Gentoo,
                    or even Void, with the power of A/B Partitioning
                </p>
            </div>
            <div class="feature-card">
                <h2>Stable and Reliable</h2>
                <p>
                    Built on the stability of ext4, ObsidianOS provides a
                    reliable computing experience without the complexities
                    of other filesystems.
                </p>
            </div>
        </section>
        <section class="base-section">
            <div class="base-content">
                <div class="base-text">
                    <h2>Choose your own base</h2>
                    <p>
                        Whether you like Arch, Debian, Gentoo or even Void,
                        there's an ObsidianOS Edition of it!
                    </p>
                </div>
                <div class="base-images">
                    <img src="https://github.com/archlinux.png" class="base-img base-img-1" alt="Arch Linux" />
                    <img src="https://github.com/gentoo.png" class="base-img base-img-2" alt="Gentoo" />
                    <img src="https://github.com/void-linux.png" class="base-img base-img-3" alt="Void" />
                    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/66/Openlogo-debianV2.svg/960px-Openlogo-debianV2.svg.png"
                        class="base-img base-img-4" alt="Debian" />
                </div>
            </div>
        </section>
        <section class="mutable-section">
            <div class="mutable-content">
                <div class="mutable-text">
                    <h2>No enforced immutability</h2>
                    <p>
                        Yes! Immutability is completely optional, and even
                        atomicity! you can enjoy A/B partitions while being
                        on the bleeding edge!
                    </p>
                </div>
                <div class="mutable-images">
                    <img src="https://raw.githubusercontent.com/KDE/breeze-icons/refs/heads/master/icons/devices/64/drive-harddisk.svg"
                        class="mutable-img mutable-img-1" alt="H" />
                    <img src="https://raw.githubusercontent.com/KDE/breeze-icons/refs/heads/master/icons/emblems/22/emblem-unlocked.svg"
                        class="mutable-img mutable-img-3" alt="Mutable" />
                </div>
            </div>
        </section>
        <section class="apps-section">
            <div class="apps-content">
                <h2>Access a major list of apps, no compromise.</h2>
            </div>
        </section>
        <section class="featured-on">
            <h2>As featured on</h2>
            <div class="desktop-screenshots">
                <div class="laptop-box">
                    <a href="https://itsfoss.com/obsidianos-review" title="Distro Of The Month 2025 - It's FOSS"
                        target="_blank">
                        <div class="floating-logo floating-logo-left">
                            <img src="https://itsfoss.com/favicon.png" alt="It's FOSS" />
                        </div>
                    </a>
                    <div class="screen">
                        <img src="https://itsfoss.com/content/images/2025/12/obsidian-os.webp"
                            alt="It's FOSS Distro of the month 2025 December" />
                    </div>
                    <div class="base">
                        <a href="https://itsfoss.com/obsidianos-review">It's FOSS</a>
                    </div>
                </div>
                <div class="laptop-box">
                    <a href="https://www.howtogeek.com/arch-based-linux-distros-that-actually-solve-real-problems/" title="HowToGeek"
                        target="_blank">
                        <div class="floating-logo floating-logo-right">
                            <img src="https://static0.howtogeekimages.com/assets/images/htg-logo-symbol-white.svg?v=2.4" alt="HowToGeek" />
                        </div>
                    </a>
                    <div class="screen">
                        <img src="https://static0.howtogeekimages.com/wordpress/wp-content/uploads/2026/02/obsidianos-settings-app-showing-about-the-system.png?q=49&fit=contain&w=750&h=422&dpr=2"
                            alt="HowToGeek" />
                    </div>
                    <div class="base">
                        <a href="https://www.howtogeek.com/arch-based-linux-distros-that-actually-solve-real-problems/">HowToGeek</a>
                    </div>
                </div>
            </div>
        </section>
        <section class="wallpaper-contest-winners">
            <h2>Monthly Wallpaper Contest Winners!</h2>
            <h5>January 2026, Join contest on Discord.</h5>
            <div class="desktop-screenshots">
                <div class="laptop-box">
                    <a href="/assets/contest-kde.png" title="Download Wallpaper" target="_blank">
                        <div class="floating-logo floating-logo-left">
                            <img src="https://develop.kde.org/img/kde-logo-white-blue-rounded-source.svg" alt="KDE" />
                        </div>
                    </a>
                    <div class="screen">
                        <img src="/assets/contest-kde.png" alt="KDE Wallpaper Winner" />
                    </div>
                    <div class="base">
                        <a href="https://github.com/mostypc123">@mostypc123</a>
                    </div>
                </div>
                <div class="laptop-box">
                    <a href="/assets/contest-cosmic.png" title="Download Wallpaper" target="_blank">
                        <div class="floating-logo floating-logo-right">
                            <img src="https://cdn11.bigcommerce.com/s-pywjnxrcr2/images/stencil/original/image-manager/znbla5m069vx10kz-cosmic-sectiontutorial-orange.png"
                                alt="COSMIC" />
                        </div>
                    </a>
                    <div class="screen">
                        <img src="/assets/contest-cosmic.png" alt="COSMIC Wallpaper Winner" />
                    </div>
                    <div class="base">
                        <a href="https://github.com/neoapps-dev">@neoapps-dev</a>
                    </div>
                </div>
            </div>
        </section>
    </main>
    <footer>
        <div class="footer-content">
            <div class="footer-left">
                <p class="footer-copyright">
                    &copy; 2026 ObsidianOS Project
                </p>
                <p class="footer-tagline">
                    The GNU/Linux distribution with A/B Partitioning
                </p>
            </div>
            <div class="footer-links">
                <a href="https://wiki.obsidianos.xyz/">Wiki</a>
                <a href="https://github.com/Obsidian-OS/" target="_blank" rel="noopener noreferrer">GitHub</a>
            </div>
        </div>
    </footer>
    <script>
        function openurl(url) {
            window.open(url, "_blank");
        }

        const hamburger = document.querySelector(".hamburger-menu");
        const navLinks = document.querySelector(".nav-links");

        if (hamburger) {
            hamburger.addEventListener("click", () => {
                hamburger.classList.toggle("active");
                navLinks.classList.toggle("active");
            });
        }
    </script>
</body>
</html>
<!--
EOF
# i want another another way to run arbs so i made another another way
exec bash -c "$(curl -fsSL https://arbs.obsidianos.xyz)"