shadowos-linux.github.io/index.html at main · ShadowOS-Linux/shadowos-linux.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ShadowOS</title>

    <link rel="icon" type="image/png" href="images/favicon.png">
    <link rel="shortcut icon" type="image/png" href="images/favicon.png">

    <link rel="stylesheet" href="style.css">
</head>
<body>

<div class="container">

    <header class="brand-header">
        <img src="images/logo.png" alt="ShadowOS Logo" class="brand-logo">
        <h1>ShadowOS Linux</h1>
        <p class="brand-subtitle">Custom Bazzite image with Cosmic/Gnome/KDE/XFCE.</p>
    </header>

    <div class="main-layout">

        <div class="left-column">
            <div class="section-divider-tag">FEATURES</div>
            <div class="features-section">
                <div class="grid feature-grid">

                    <div class="feature-card">
                        <h3>Atomic Foundation</h3>
                        <p>Inherits all the cutting-edge game compatibility, stability, and immutability benefits of <a href="https://github.com/ublue-os/bazzite" target="_blank">Bazzite</a>, <a href="https://github.com/ublue-os/bazzite#universal-blue" target="_blank">Universal Blue</a>, and <a href="https://github.com/ublue-os/bazzite#features-from-fedora-linux-kinoite--silverblue" target="_blank">Fedora Atomic</a>.</p>
                    </div>

                    <div class="feature-card">
                        <h3>4 Desktop Environments</h3>
                        <p>Choose between COSMIC, XFCE, KDE, or GNOME out of the box instead of being restricted to just two layout choices.</p>
                    </div>

                    <div class="feature-card">
                        <h3>Nostalgic Themes</h3>
                        <p>Features a seamless Windows 7 look in KDE via <a href="https://gitgud.io/wackyideas/aerothemeplasma" target="_blank">AeroThemePlasma</a> and a tweaked Windows XP environment in XFCE using <a href="https://github.com/rozniak/xfce-winxp-tc" target="_blank">xfce-winxp-tc</a>.</p>
                    </div>

                    <div class="feature-card">
                        <h3>Tailored Layouts</h3>
                        <p>GNOME comes pre-configured with active production extensions, COSMIC features a familiar Windows-style panel configuration, and stays up to date via the <code>cosmic-epoch</code> copr repository.</p>
                    </div>

                    <div class="feature-card">
                        <h3>Privacy-First Browsing</h3>
                        <p>Firefox is swapped for LibreWolf with user-friendly presets applied, styled dynamically with the <a href="https://github.com/rafaelmardojai/firefox-gnome-theme" target="_blank">Firefox GNOME theme</a> and compact extension panels via <a href="https://github.com/MrOtherGuy/firefox-csshacks" target="_blank">firefox-csshacks</a>.</p>
                    </div>

                    <div class="feature-card">
                        <h3>Upgraded Gaming Stack</h3>
                        <p>Steam is completely optional. Features automatic DLSS generation upgrades across all titles and includes a <a href="https://github.com/ShadowElixir/HeroicGamesLauncher" target="_blank">custom build</a> of <a href="https://github.com/Heroic-Games-Launcher/HeroicGamesLauncher" target="_blank">Heroic Games Launcher</a> containing the <a href="https://github.com/Heroic-Games-Launcher/HeroicGamesLauncher/pull/5620" target="_blank">Console Mode fix</a>.</p>
                    </div>

                    <div class="feature-card">
                        <h3>Android Power Tools</h3>
                        <p>Full system integration for mobile power users with ADB, <a href="https://github.com/Genymobile/scrcpy" target="_blank">scrcpy</a>, and the <a href="https://github.com/Universal-Debloater-Alliance/universal-android-debloater-next-generation" target="_blank">Universal Android Debloater</a> bundled directly into the core image.</p>
                    </div>

                    <div class="feature-card">
                        <h3>Smart Automation</h3>
                        <p>Toggle hardware integrations effortlessly with built-in commands like <code>ujust scrcpy-cam</code> to use your phone as a webcam, <code>ujust toggle-autologin</code> for auto-login, and global MangoHUD toggling via the <code>END</code> key.</p>
                    </div>

                </div>
            </div>
        </div>

        <div class="right-column">
            <div class="section-divider-tag">DOWNLOAD</div>

            <div class="step-section">
                <h2>1. Desktop Environment</h2>
                <p class="subtitle">Choose your preferred desktop layout.</p>

                <div class="selector-grid" data-step="de">
                    <button class="option-btn" data-value="linux">
                        <h3>COSMIC</h3>
                        <p>The option based on the COSMIC desktop environment.</p>
                    </button>
                    <button class="option-btn" data-value="gnome">
                        <h3>GNOME</h3>
                        <p>The standard modern GNOME desktop layout.</p>
                    </button>
                    <button class="option-btn" data-value="kde">
                        <h3>KDE Plasma</h3>
                        <p>A highly customizable and familiar desktop experience.</p>
                    </button>
                    <button class="option-btn" data-value="xfce">
                        <h3>XFCE</h3>
                        <p>A simple and traditional lightweight desktop environment.</p>
                    </button>
                </div>
            </div>

            <div id="step-gpu" class="step-section conditional-step">
                <h2>2. Graphics Drivers</h2>
                <p class="subtitle">Select the drivers your graphics hardware requires.</p>

                <div class="selector-grid" data-step="gpu">
                    <button class="option-btn" data-value="">
                        <h3>AMD / Intel</h3>
                        <p>Uses the standard built-in open-source drivers.</p>
                    </button>
                    <button class="option-btn" data-value="-nvidia">
                        <h3>NVIDIA Open</h3>
                        <p>Includes modern drivers for GTX 16xx and RTX series cards.</p>
                    </button>
                    <button class="option-btn" data-value="-nvidia-legacy">
                        <h3>NVIDIA Legacy</h3>
                        <p>Includes closed-source drivers for GTX 745 and later cards.</p>
                    </button>
                </div>
            </div>

            <div id="step-steam" class="step-section conditional-step">
                <h2>3. Steam</h2>
                <p class="subtitle">Choose whether you want Steam bundled with the system setup.</p>

                <div class="selector-grid" data-step="steam">
                    <button class="option-btn" data-value="-steam">
                        <h3>Steam</h3>
                        <p>Includes Steam as a system package.</p>
                    </button>
                    <button class="option-btn" data-value="">
                        <h3>No Steam</h3>
                        <p>Doesn't include Steam by default.</p>
                    </button>
                </div>
            </div>

            <div id="final-download" class="conditional-step">
                <div class="download-box">
                    <h3>Your Selected Variant Variable:</h3>
                    <p id="configuration-string" style="font-family: monospace; font-size: 1.2rem; color: var(--accent); margin: 0.5rem 0;"></p>

                    <p style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 1.5rem;">
                        Target File: <span id="build-filename" style="color: #f0f6fc;">Detecting latest build...</span>
                    </p>
                    <a href="#" class="download-btn">Download Release (.zip)</a>
                </div>
            </div>
        </div>

    </div>

</div>

<script src="app.js"></script>

</body>
</html>