Skip to content

Commit bcb48ff

Browse files
DevuboxLinuxDevuboxLinux
authored
Update index.html for SEO and theme toggle
1 parent 4e3b80a commit bcb48ff

1 file changed

Lines changed: 34 additions & 18 deletions

File tree

‎download/index.html‎

Lines changed: 34 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -11,20 +11,21 @@
1111
<meta name="keywords" content="Download Devubox-MX, Linux, Devuan, Debian, Openbox, Operating System, Indonesia, Desktop OS">
1212
<meta name="author" content="Devubox-MX Team">
1313
<meta name="robots" content="index, follow">
14-
<link rel="canonical" href="https://devuboxlinux.github.io/download">
15-
<link rel='shortlink' href="https://devuboxlinux.github.io/download"/>
14+
<meta name="google-site-verification" content="5NSUj4iUm8mQVvVLfs-nzIvBGkmw6tJR6EQUsfkQQM0" />
15+
<link rel="canonical" href="https://devuboxlinux.github.io/download/">
16+
<link rel='shortlink' href="https://devuboxlinux.github.io/download/"/>
1617
<meta name="google-site-verification" content="5NSUj4iUm8mQVvVLfs-nzIvBGkmw6tJR6EQUsfkQQM0" />
1718
<!-- Open Graph / Facebook Meta Tags -->
1819
<meta property="og:type" content="website">
19-
<meta property="og:url" content="https://devuboxlinux.github.io/download">
20+
<meta property="og:url" content="https://devuboxlinux.github.io/download/">
2021
<meta property="og:title" content="Download Devubox-MX - Midweight Simple Stable Desktop OS">
2122
<meta property="og:description" content="Download the latest version of Devubox-MX. Check system requirements and get started.">
2223
<meta property="og:image" content="https://placehold.co/1200x630/55595c/ffffff?text=Download%20Devubox-MX">
2324
<meta property="og:site_name" content="Devubox-MX">
2425

2526
<!-- Twitter Card Meta Tags -->
2627
<meta name="twitter:card" content="summary_large_image">
27-
<meta name="twitter:url" content="https://devuboxlinux.github.io/download">
28+
<meta name="twitter:url" content="https://devuboxlinux.github.io/download/">
2829
<meta name="twitter:title" content="Download Devubox-MX - Midweight Simple Stable Desktop OS">
2930
<meta name="twitter:description" content="Download the latest version of Devubox-MX. Check system requirements and get started.">
3031
<meta name="twitter:image" content="https://placehold.co/1200x630/55595c/ffffff?text=Download%20Devubox-MX">
@@ -33,8 +34,12 @@
3334
<link rel="icon" href="/favicon.ico" type="image/x-icon">
3435

3536
<!-- Bootstrap CSS from CDN -->
37+
<!-- This link fetches the latest Bootstrap 5 styles -->
3638
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
3739

40+
<!-- Bootstrap Icons CDN -->
41+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
42+
3843
<!-- Custom CSS for minor style adjustments and dark mode -->
3944
<style>
4045
:root {
@@ -46,8 +51,8 @@
4651
--text-dark: #f8f9fa;
4752
--section-bg-light: #f8f9fa;
4853
--section-bg-dark: #2c3034;
49-
--border-color-light: #dee2e6;
50-
--border-color-dark: #495057;
54+
--border-color-light: rgba(0, 0, 0, 0.175);
55+
--border-color-dark: rgba(255, 255, 255, 0.175);
5156
--code-bg-light: #e9ecef;
5257
--code-bg-dark: #343a40;
5358
}
@@ -122,13 +127,14 @@
122127
<link rel="preconnect" href="https://fonts.googleapis.com">
123128
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
124129
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
130+
125131
</head>
126132
<body>
127133

128134
<!-- ======================= Navbar ======================= -->
129135
<nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm sticky-top">
130136
<div class="container-fluid">
131-
<a class="navbar-brand fw-bold" href="#">Devubox-MX</a>
137+
<a class="navbar-brand fw-bold" href="/">Devubox-MX</a>
132138
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
133139
<span class="navbar-toggler-icon"></span>
134140
</button>
@@ -142,8 +148,9 @@
142148
<li class="nav-item"><a class="nav-link" href="https://github.com/DevuboxLinux/Devubox-MX/">Source Code</a></li>
143149
<li class="nav-item ms-lg-2">
144150
<a class="nav-link theme-toggle" id="theme-toggle-btn" title="Toggle theme">
145-
<svg class="sun-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
146-
<svg class="moon-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
151+
<!-- Replaced SVG with Bootstrap Icons -->
152+
<i class="bi bi-sun-fill sun-icon"></i>
153+
<i class="bi bi-moon-fill moon-icon"></i>
147154
</a>
148155
</li>
149156
</ul>
@@ -245,6 +252,8 @@ <h5 class="mt-4">Using the Command Line (Advanced)</h5>
245252
<footer class="footer py-3 bg-dark text-white">
246253
<div class="container">
247254
<p class="mb-0">&copy; 2025 Devubox-MX. All Rights Reserved. Licensed under MIT. Made with love in Indonesia 🇮🇩.</p>
255+
<div class="mt-2">
256+
<a href="https://github.com/DevuboxLinux" class="text-white me-3" aria-label="GitHub"><i class="bi bi-github" style="font-size: 1.5rem;"></i></a>
248257
</div>
249258
</footer>
250259

@@ -257,26 +266,33 @@ <h5 class="mt-4">Using the Command Line (Advanced)</h5>
257266
<script>
258267
(() => {
259268
'use strict'
269+
260270
const getStoredTheme = () => localStorage.getItem('theme')
261271
const setStoredTheme = theme => localStorage.setItem('theme', theme)
272+
262273
const getPreferredTheme = () => {
263274
const storedTheme = getStoredTheme()
264-
if (storedTheme) return storedTheme
275+
if (storedTheme) {
276+
return storedTheme
277+
}
265278
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
266279
}
280+
267281
const setTheme = theme => {
268282
document.documentElement.setAttribute('data-bs-theme', theme)
269283
}
284+
270285
setTheme(getPreferredTheme())
286+
271287
const themeToggleButton = document.getElementById('theme-toggle-btn');
272-
if(themeToggleButton) {
273-
themeToggleButton.addEventListener('click', () => {
274-
const currentTheme = getStoredTheme() || getPreferredTheme();
275-
const newTheme = currentTheme === 'light' ? 'dark' : 'light';
276-
setStoredTheme(newTheme);
277-
setTheme(newTheme);
278-
});
279-
}
288+
289+
themeToggleButton.addEventListener('click', () => {
290+
const currentTheme = getStoredTheme() || getPreferredTheme();
291+
const newTheme = currentTheme === 'light' ? 'dark' : 'light';
292+
setStoredTheme(newTheme);
293+
setTheme(newTheme);
294+
});
295+
280296
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
281297
if (!getStoredTheme()) {
282298
setTheme(getPreferredTheme())

0 commit comments

Comments
 (0)