1<!DOCTYPE html> 2<html lang="en"> 3<head>
3<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)}) 4(window,'G-FTBYMXKBQS','google_tags_first_party');</script>
4<script async src="/4341/"></script>
4 5
5<script> 6 window.dataLayer = window.dataLayer || []; 7 function gtag(){dataLayer.push(arguments);} 8 gtag('js', new Date()); 9 gtag('set', 'developer_id.dYzg1YT', true); 10 gtag('config', 'G-FTBYMXKBQS'); 11 </script>
11 12 13 <meta charset="UTF-8" /> 14 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 15 <title>Linux Lite Features â Apps, Desktop & Screenshots</title> 16 <meta name="description" content="See what Linux Lite includes: a fast, modern desktop with a web browser, office suite, media apps and more â ready to use on first boot. Explore the features and screenshots of this free, lightweight Linux OS." /> 17 <meta name="keywords" content="free operating system, linux lite, linux, lightweight, lite, distro, operating system, linux download, ubuntu linux, ubuntu lts, windows linux, linux install, distro linux, software linux, linux kernel, linux light, linux operating system, linux os, easy to use, linuxlite, linux operating system download, download linux operating system, linux free, free os" /> 18 <meta name="author" content="Jerry Bezencon" /> 19 <meta name="robots" content="index, follow" /> 20 <link rel="canonical" href="https://www.linuxliteos.com/explore.html" /> 21 22 <meta property="og:type" content="website" /> 23 <meta property="og:title" content="Linux Lite Features â Apps, Desktop & Screenshots" /> 24 <meta property="og:description" content="A fast, modern desktop with a browser, office suite and media apps â ready on first boot. Explore the free, lightweight Linux OS." /> 25 <meta property="og:url" content="https://www.linuxliteos.com/explore.html" /> 26 <meta property="og:site_name" content="Linux Lite" /> 27 <meta property="og:image" content="https://www.linuxliteos.com/images/home/hero.jpg" /> 28 <meta name="twitter:card" content="summary_large_image" /> 29 <meta name="twitter:title" content="Linux Lite Features â Apps, Desktop & Screenshots" /> 30 <meta name="twitter:description" content="See what's inside Linux Lite â a fast, modern, free desktop, ready on first boot." /> 31 <meta name="twitter:image" content="https://www.linuxliteos.com/images/home/hero.jpg" /> 32 33 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/> 34 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"/> 35 <link rel="stylesheet" href="css/styles.css"/> 36 <link rel="icon" href="images/logo.jpg"> 37 <style> 38 /* Header title centering fix (kept consistent across pages) */ 39 .download-card .card-head { display: block !important; text-align: center !important; } 40 .download-card .card-head .badge { display: inline-block; margin-bottom: 6px; } 41 .download-card .card-head h3 { text-align: center !important; display: block; margin: 0 0 8px 0; } 42 43 /* Explore page specifics */ 44 .explore-hero { 45 padding: 140px 0 80px; 46 background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%); 47 color: #fff; 48 text-align: center; 49 position: relative; 50 overflow: hidden; 51 } 52 .explore-hero::before { 53 content: ''; 54 position: absolute; inset: -50%; 55 background: radial-gradient(circle, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 70%); 56 transform: rotate(30deg); 57 } 58 .explore-hero h1 { font-size: 3rem; line-height: 1.2; margin-bottom: 16px; } 59 .explore-hero p { max-width: 800px; margin: 0 auto; opacity: .95; } 60 61 .features { background:#fff; padding: 90px 0; } 62 .features .grid { 63 display:grid; gap:24px; 64 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 65 } 66 .feature-tile { 67 background:#fff; border-radius:15px; padding:24px; 68 box-shadow: 0 5px 15px rgba(0,0,0,.05); 69 border:1px solid rgba(0,0,0,.06); 70 transition: var(--transition); 71 } 72 .feature-tile:hover { transform: translateY(-6px); box-shadow:0 15px 30px rgba(0,0,0,.1); } 73 .feature-tile .icon { 74 width:64px; height:64px; border-radius:50%; 75 display:flex; align-items:center; justify-content:center; 76 background: rgba(52,152,219,.12); color: var(--secondary); font-size:1.5rem; margin-bottom:14px; 77 } 78 .feature-tile h3 { color: var(--primary); margin-bottom:8px; } 79 80 /* Gallery */ 81 .gallery-wrap { background:#f8f9fa; padding: 90px 0; } 82 .gallery-grid { 83 display:grid; gap:18px; 84 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 85 } 86 .thumb { 87 position:relative; overflow:hidden; border-radius:14px; 88 background:#ddd; cursor:pointer; border:1px solid rgba(0,0,0,.06); 89 } 90 .thumb img { 91 width:100%; height:220px; object-fit:cover; display:block; transition: transform .35s ease; 92 } 93 .thumb:hover img { transform: scale(1.05); } 94 .thumb .zoom { 95 position:absolute; inset:auto 10px 10px auto; 96 background:rgba(0,0,0,.55); color:#fff; padding:6px 10px; border-radius:999px; font-size:.85rem; 97 display:flex; align-items:center; gap:6px; 98 } 99 .thumb figcaption { 100 text-align: center; 101 font-size: 0.9rem; 102 color: #555; 103 padding: 8px 6px 0; 104 } 105 106 /* Lightbox */ 107 .lightbox { 108 position: fixed; inset:0; background: rgba(0,0,0,.8); 109 display: none; align-items: center; justify-content: center; 110 z-index: 2000; padding: 24px; 111 } 112 .lightbox.open { display:flex; } 113 .lightbox img { 114 max-width: 95vw; max-height: 85vh; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.5); 115 } 116 .lightbox .controls { 117 position:absolute; top:16px; right:16px; display:flex; gap:10px; 118 } 119 .lightbox .btn-ctrl { 120 background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.3); 121 color:#fff; border-radius:10px; padding:8px 10px; cursor:pointer; font-weight:600; 122 display:inline-flex; align-items:center; gap:8px; transition: var(--transition); 123 } 124 .lightbox .btn-ctrl:hover { transform: translateY(-2px); background: rgba(255,255,255,.22); } 125 .lightbox .nav { 126 position: absolute; inset:0; display:flex; align-items:center; justify-content:space-between; pointer-events:none; 127 } 128 .lightbox .nav button { 129 pointer-events:auto; background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.3); 130 color:#fff; border-radius:50%; width:46px; height:46px; cursor:pointer; margin: 0 8px; 131 display:flex; align-items:center; justify-content:center; transition: var(--transition); 132 } 133 .lightbox .nav button:hover { transform: scale(1.05); background: rgba(255,255,255,.22); } 134 135 /* Section titles */ 136 .section-title { text-align:center; margin-bottom: 52px; } 137 .section-title h2 { font-size: 2.3rem; color: var(--primary); margin-bottom: 12px; position:relative; display:inline-block; padding-bottom:12px; } 138 .section-title h2::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:80px; height:4px; background: var(--secondary); border-radius:2px; } 139 .section-title p { color: var(--text-light); max-width: 760px; margin: 0 auto; } 140 141 /* Footer Quick Links layout */ 142 .quick-links-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } 143 .quick-links-grid ul { list-style: none; padding: 0; margin: 0; } 144 .quick-links-grid li { margin-bottom: 6px; } 145 .quick-links-grid a { text-decoration: none; color: inherit; } 146 @media (max-width: 768px) { .quick-links-grid { grid-template-columns: 1fr 1fr; } } 147 @media (max-width: 480px) { .quick-links-grid { grid-template-columns: 1fr; } } 148 </style> 149 150 <!-- ð» Mobile Hamburger Menu Styles (Left-side drawer) --> 151 <style> 152 :root { --nav-bg:#0f1115; --nav-text:#fff; --nav-border:#222; --accent:#e74c3c; } 153 header { position: sticky; top: 0; z-index: 1000; } 154 155 /* Hamburger button */ 156 .hamburger { 157 display: none; 158 width: 42px; 159 height: 42px; 160 border: 1px solid var(--nav-border); 161 background: #161a20; 162 border-radius: 8px; 163 align-items: center; 164 justify-content: center; 165 cursor: pointer; 166 } 167 .hamburger .bar { 168 position: relative; 169 width: 22px; 170 height: 2px; 171 background: #fff; 172 transition: transform .25s ease, background .25s ease; 173 } 174 .hamburger .bar::before, 175 .hamburger .bar::after { 176 content: ""; 177 position: absolute; 178 left: 0; 179 width: 22px; 180 height: 2px; 181 background: #fff; 182 transition: transform .25s ease, top .25s ease, opacity .2s ease; 183 } 184 .hamburger .bar::before { top: -7px; } 185 .hamburger .bar::after { top: 7px; } 186 .hamburger[aria-expanded="true"] .bar { background: transparent; } 187 .hamburger[aria-expanded="true"] .bar::before { top: 0; transform: rotate(45deg); } 188 .hamburger[aria-expanded="true"] .bar::after { top: 0; transform: rotate(-45deg); } 189 190 /* Mobile panel + backdrop */ 191 .mobile-backdrop { 192 position: fixed; 193 inset: 0; 194 background: rgba(0,0,0,.45); 195 opacity: 0; 196 pointer-events: none; 197 transition: opacity .25s ease; 198 z-index: 999; 199 } 200 .mobile-backdrop.open { opacity: 1; pointer-events: auto; } 201 202 .mobile-menu { 203 position: fixed; 204 top: 0; left: 0; 205 height: 100vh; 206 width: min(82vw, 340px); 207 background: var(--nav-bg); 208 color: var(--nav-text); 209 transform: translateX(-100%); 210 transition: transform .25s ease; 211 box-shadow: 10px 0 30px rgba(0,0,0,.35); /* shadow on right side */ 212 z-index: 1000; 213 display: flex; 214 flex-direction: column; 215 padding: 14px 16px; 216 border-right: 1px solid var(--nav-border); 217 } 218 .mobile-menu.open { transform: translateX(0); } 219 220 .mobile-menu .menu-head { 221 display: flex; align-items: center; justify-content: space-between; 222 padding: 4px 2px 10px 2px; 223 border-bottom: 1px solid var(--nav-border); 224 margin-bottom: 8px; 225 } 226 .mobile-menu .menu-head .brand { 227 display:flex; align-items:center; gap:10px; font-weight:700; 228 } 229 .mobile-menu .menu-head img { width: 26px;
229 height: 26px; border-radius: 6px; } 230 231 .mobile-menu nav ul { 232 list-style: none; margin: 10px 0 0 0; padding: 0; 233 display: grid; gap: 2px; 234 } 235 .mobile-menu nav a { 236 display: block; padding: 14px 10px; border-radius: 10px; 237 color: #e7e7e7; text-decoration: none; font-weight: 600; 238 background: #141821; border: 1px solid var(--nav-border); 239 } 240 .mobile-menu nav a:hover, 241 .mobile-menu nav a:focus { outline: none; border-color: var(--accent); } 242 243 /* Hide desktop nav, show hamburger on mobile */ 244 @media (max-width: 768px) { 245 .navbar { gap: 10px; } 246 .nav-links, .cta-buttons { display: none !important; } 247 .hamburger { display: inline-flex; } 248 } 249 250 /* Prevent body scroll when menu is open */ 251 body.menu-open { overflow: hidden; } 252 </style> 253 254 <!-- ð§ Overrides: keep hamburger as three bars (no X), and style the Close button --> 255 <style> 256 /* Keep the three bars when expanded */ 257 .hamburger[aria-expanded="true"] .bar { background: #fff; } 258 .hamburger[aria-expanded="true"] .bar::before { top: -7px; transform: none; } 259 .hamburger[aria-expanded="true"] .bar::after { top: 7px; transform: none; } 260 261 /* Close button inside the drawer */ 262 .close-btn { 263 appearance: none; 264 border: 1px solid var(--nav-border); 265 background: #141821; 266 color: #e7e7e7; 267 font-weight: 700; 268 padding: 8px 12px; 269 border-radius: 8px; 270 cursor: pointer; 271 } 272 .close-btn:hover, 273 .close-btn:focus { border-color: var(--accent); outline: none; } 274 </style> 275 276 <!-- Restore the exact CTA styles used on index.html --> 277 <style> 278 .cta-buttons { 279 display: flex; 280 gap: 10px; 281 } 282.cta-button.primary { 283 background-color: #3498db; /* Blue */ 284 color: #fff; 285} 286 287.cta-button.secondary { 288 background-color: #000; /* Black */ 289 color: #fff; 290} 291 292 .cta-button { 293 padding: 8px 16px; 294 border-radius: 4px; 295 text-decoration: none; 296 font-weight: 600; 297 white-space: nowrap; 298 } 299 /* Mobile stacking (kept for parity with index.html, though CTAs are hidden on mobile by the drawer) */ 300 @media (max-width: 768px) { 301 .cta-buttons { 302 flex-direction: column; 303 align-items: flex-start; 304 } 305 } 306 </style> 307 308 <!-- Google AdSense (single load) --> 309
309<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1883744520022866" 310 crossorigin="anonymous"></script>
310 311</head> 312
313<script async src="https://fundingchoicesmessages.google.com/i/pub-1883744520022866?ers=1" nonce="1QbcINkBA4kS8Sa62LGbnQ"></script>
vendor: 1 bytes, line 313
313
314<script nonce="1QbcINkBA4kS8Sa62LGbnQ">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script>
314 315 316<body> 317 318 <!-- Ad: Header --> 319 <section> 320 <div class="container" style="text-align:center;margin:10px auto;max-width:970px;"> 321 <ins class="adsbygoogle" 322 style="display:block" 323 data-ad-client="ca-pub-1883744520022866" 324 data-ad-slot="5985558433" 325 data-ad-format="auto" 326 data-full-width-responsive="true"></ins> 327
327<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
327 328 </div> 329 </section> 330 331 <!-- Header --> 332 <header> 333 <div class="container"> 334 <nav class="navbar"> 335 <a href="/" class="logo"> 336 <img src="images/logo.jpg" alt="Linux Lite Logo" class="logo-icon"><span>Linux Lite</span> 337 </a> 338 <ul class="nav-links"> 339 <li><a href="explore.html">Explore</a></li> 340 <li><a href="download.php">Download</a></li> 341 <li><a href="support.html">Support</a></li> 342 <li><a href="https://wiki.linuxliteos.com/en/home">Wiki</a></li> 343 <li><a href="donate.html">Donate</a></li> 344 <li><a href="contribute.html">Contribute</a></li> 345 </ul> 346 <div class="cta-buttons"> 347 <a href="download.php" class="cta-button primary">Download Now</a> 348 <a href="donate.html" class="cta-button secondary">Donate</a> 349 </div> 350 351 <!-- ð» Hamburger button (shown on mobile) --> 352 <button class="hamburger" id="hamburger" 353 aria-label="Open menu" aria-controls="mobileMenu" aria-expanded="false"> 354 <span class="bar"></span> 355 </button> 356 </nav> 357 </div> 358 </header> 359 360 <!-- ð» Backdrop + Mobile Drawer Menu (LEFT) --> 361 <div class="mobile-backdrop" id="mobileBackdrop"></div> 362 <aside class="mobile-menu" id="mobileMenu" aria-hidden="true"> 363 <div class="menu-head"> 364 <div class="brand"> 365 <img src="images/logo.jpg" alt="" /> 366 <span>Linux Lite</span> 367 </div> 368 369 <!-- Replaced hamburger X with a simple Close button --> 370 <button class="close-btn" id="hamburgerClose" aria-label="Close menu">Close</button> 371 </div> 372 <nav> 373 <ul> 374 <li><a href="explore.html">Explore</a></li> 375 <li><a href="download.php">Download</a></li> 376 <li><a href="support.html">Support</a></li> 377 <li><a href="contribute.html">Contribute</a></li> 378 <li><a href="donate.html">Donate</a></li> 379 <li><a href="https://status.linuxliteos.com/status/services">Status</a></li> 380 </ul> 381 </nav> 382 </aside> 383 384 <!-- Hero --> 385 <section class="explore-hero"> 386 <div class="container hero-content"> 387 <h1>Explore Linux Lite</h1> 388 <p>Linux Lite brings a modern, friendly desktop to everyone. Itâs fast on older hardware, elegant for daily use, and reliable for work, gaming and productivity.</p> 389 </div> 390 </section> 391 392 <!-- Features --> 393 <section class="features"> 394 <div class="container"> 395 <div class="section-title"> 396 <h2>Built to Delight</h2> 397 <p>From first boot to everyday tasks, Linux Lite focuses on simplicity, speed, and stability without the bloat. Hereâs what makes it shine.</p> 398 </div> 399 400 <div class="grid"> 401 <div class="feature-tile"> 402 <div class="icon"><i class="fas fa-rocket"></i></div> 403 <h3>Snappy Performance</h3> 404 <p>Boots quickly, runs smoothly, and stays responsive even on modest hardware. Perfect for breathing new life into older PCs.</p> 405 </div> 406 <div class="feature-tile"> 407 <div class="icon"><i class="fab fa-linux"></i></div> 408 <h3>High Performance Kernels</h3> 409 <p>Custom kernels with community patches, BORE scheduler, BBR v3, and ntsync. Available as linuxlite for everyday desktop use and linuxlite-gaming for low-latency gaming through Steam & Proton.</p> 410 </div> 411 <div class="feature-tile"> 412 <div class="icon"><i class="fas fa-shield-alt"></i></div> 413 <h3>Secure & Reliable</h3> 414 <p>Frequent updates, a stable base, and sensible defaults keep your system protected and dependable day after day.</p> 415 </div> 416 <div class="feature-tile"> 417 <div class="icon"><i class="fas fa-tools"></i></div> 418 <h3>All the Essentials</h3> 419 <p>Ships with the tools you need - web, office, media, and driversâso youâre ready to work and play out of the box.</p> 420 </div> 421 <div class="feature-tile"> 422 <div class="icon"><i class="fas fa-cloud-download-alt"></i></div> 423 <h3>Easy to Update</h3> 424 <p>Updates are straightforward and fast. Stay current with the latest features and security in just a few clicks.</p> 425 </div> 426 <div class="feature-tile"> 427 <div class="icon"><i class="fas fa-users"></i></div> 428 <h3>Helpful Community</h3> 429 <p>Documentation, forums, and friendly folks are always around to help you learn, customize, and troubleshoot.</p> 430 </div> 431 <div class="feature-tile"> 432 <div class="icon"><i class="fas fa-desktop"></i></div> 433 <h3>Clean, Familiar Desktop</h3> 434 <p>An intuitive layout that feels right at home. Spend less time hunting through menus and more time getting things done.</p> 435 </div> 436 <div class="feature-tile"> 437 <div class="icon"><i class="fas fa-memory"></i></div> 438 <h3>Great Hardware Support</h3> 439 <p>
439Broad driver coverage means Wi-Fi, graphics, and peripherals âjust workâ - so you can focus on what matters.</p> 440 </div> 441 </div> 442 </div> 443 </section> 444 445 <!-- Ad: In-content --> 446 <section> 447 <div class="container" style="text-align:center;margin:10px auto;max-width:970px;"> 448 <ins class="adsbygoogle" 449 style="display:block" 450 data-ad-client="ca-pub-1883744520022866" 451 data-ad-slot="2774740031" 452 data-ad-format="auto" 453 data-full-width-responsive="true"></ins> 454
454<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
454 455 </div> 456 </section> 457 458 <!-- Gallery --> 459 <section class="gallery-wrap" id="gallery"> 460 <div class="container"> 461 <div class="section-title"> 462 <h2>Gallery</h2> 463 <p>A peek at the Linux Lite desktop, apps, and details. Click any thumbnail to view the full-resolution image.</p> 464 </div> 465 466 <div class="gallery-grid"> 467 <figure class="thumb" data-full="images/features/desktop.webp" aria-label="Open image 1"> 468 <img src="images/features/desktop.webp" alt="Linux Lite desktop overview" loading="lazy"/> 469 <span class="zoom"><i class="fas fa-magnifying-glass-plus"></i> View</span> 470 <figcaption>Clean and familiar Linux Lite desktop</figcaption> 471 </figure> 472 <figure class="thumb" data-full="images/features/game-center.webp" aria-label="Open image 2"> 473 <img src="images/features/game-center.webp" alt="Linux Lite Game Center" loading="lazy"/> 474 <span class="zoom"><i class="fas fa-magnifying-glass-plus"></i> View</span> 475 <figcaption>One-click stack set up for Steam, Vulkan and Proton</figcaption> 476 </figure> 477 <figure class="thumb" data-full="images/features/lite-software.webp" aria-label="Open image 3"> 478 <img src="images/features/lite-software.webp" alt="Linux Lite Lite Software" loading="lazy"/> 479 <span class="zoom"><i class="fas fa-magnifying-glass-plus"></i> View</span> 480 <figcaption>One central location to manage all your software</figcaption> 481 </figure> 482 <figure class="thumb" data-full="images/features/wiki.webp" aria-label="Open image 4"> 483 <img src="images/features/wiki.webp" alt="Linux Lite Wiki with previews" loading="lazy"/> 484 <span class="zoom"><i class="fas fa-magnifying-glass-plus"></i> View</span> 485 <figcaption>Comprehensive documentation for all aspects of the operating system</figcaption> 486 </figure> 487 <figure class="thumb" data-full="images/features/office.webp" aria-label="Open image 5"> 488 <img src="images/features/office.webp" alt="Linux Lite LibreOffice" loading="lazy"/> 489 <span class="zoom"><i class="fas fa-magnifying-glass-plus"></i> View</span> 490 <figcaption>Full Office suite ready to use out of the box</figcaption> 491 </figure> 492 <figure class="thumb" data-full="images/features/lite-tweaks.webp" aria-label="Open image 6"> 493 <img src="images/features/lite-tweaks.webp" alt="Linux Lite Tweaks and Customization" loading="lazy"/> 494 <span class="zoom"><i class="fas fa-magnifying-glass-plus"></i> View</span> 495 <figcaption>Configure and maintain your computer in one place</figcaption> 496 </figure> 497 <figure class="thumb" data-full="images/features/linux-lite-applications.webp" aria-label="Open image 7"> 498 <img src="images/features/linux-lite-applications.webp" alt="Linux Lite software applications" loading="lazy"/> 499 <span class="zoom"><i class="fas fa-magnifying-glass-plus"></i> View</span> 500 <figcaption>Bespoke software designed specifically for speed and ease of use</figcaption> 501 </figure> 502 <figure class="thumb" data-full="images/features/linux-lite-benchmark.webp" aria-label="Open image 8"> 503 <img src="images/features/linux-lite-benchmark.webp" alt="Linux Lite Benchmark" loading="lazy"/> 504 <span class="zoom"><i class="fas fa-magnifying-glass-plus"></i> View</span> 505 <figcaption>Benchmark and compare your system with the rest of the community</figcaption> 506 </figure> 507 </div> 508 </div> 509 510 <!-- Lightbox --> 511 <div class="lightbox" id="lightbox" aria-hidden="true"> 512 <div class="controls"> 513 <button class="btn-ctrl" id="lbClose" aria-label="Close"><i class="fas fa-times"></i> Close</button> 514 <a class="btn-ctrl" id="lbOpenOriginal" href="#" target="_blank" rel="noopener"><i class="fas fa-up-right-from-square"></i> Open full</a> 515 </div> 516 <div class="nav"> 517 <button id="lbPrev" aria-label="Previous image"><i class="fas fa-chevron-left"></i></button> 518 <button id="lbNext" aria-label="Next image"><i class="fas fa-chevron-right"></i></button> 519 </div> 520 <img id="lbImg" src="" alt="Gallery image"/> 521 </div> 522 </section> 523 524 <!-- Ad: Footer --> 525 <div style="text-align:center;margin:15px auto;max-width:970px;"> 526 <ins class="adsbygoogle" 527 style="display:block" 528 data-ad-client="ca-pub-1883744520022866" 529 data-ad-slot="1509139518" 530 data-ad-format="auto" 531 data-full-width-responsive="true"></ins> 532
532<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
532 533 </div> 534 535 <!-- Footer --> 536 <footer> 537 <div class="container"> 538 <div class="footer-grid"> 539 <div class="footer-column"> 540 <h3>Linux Lite</h3> 541 <p>Your gateway to a simpler, more secure computing experience. Lightweight, fast, and user-friendly.</p> 542 <div class="social-links"> 543 <a href="https://gitlab.com/users/linuxlite/projects" target="_blank"><i class="fab fa-gitlab"></i></a> 544 <a href="https://x.com/linuxlite" target="_blank"><i class="fab fa-x"></i></a> 545 <a href="https://www.facebook.com/linuxliteos" target="_blank"><i class="fab fa-facebook-f"></i></a> 546 <a href="https://discord.gg/bQSFaFAUkm" target="_blank"><i class="fab fa-discord"></i></a> 547 </div> 548 </div> 549 550 <!-- Quick Links (3 x 5) --> 551 <div class="footer-column quick-links"> 552 <h3>Quick Links</h3> 553 <div class="quick-links-grid"> 554 <ul> 555 <li><a href="/"><i class="fas fa-chevron-right"></i> Home</a></li> 556 <li><a href="explore.html"><i class="fas fa-chevron-right"></i> Explore</a></li> 557 <li><a href="download.php"><i class="fas fa-chevron-right"></i> Download</a></li> 558 <li><a href="https://mirrors.linuxliteos.com/status/mirrors"><i class="fas fa-chevron-right"></i> Mirrors</a></li> 559 <li><a href="donate.html"><i class="fas fa-chevron-right"></i> Donate</a></li> 560 </ul> 561 <ul> 562 <li><a href="feedback.html"><i class="fas fa-chevron-right"></i> Feedback</a></li> 563 <li><a href="contribute.html"><i class="fas fa-chevron-right"></i>
563 Contribute</a></li> 564 <li><a href="hardware.php"><i class="fas fa-chevron-right"></i> Hardware Database</a></li> 565 <li><a href="linux-lite-kernel.html"><i class="fas fa-chevron-right"></i> Kernel</a></li> 566 <li><a href="benchmark.php"><i class="fas fa-chevron-right"></i> Benchmark</a></li> 567 <li><a href="artwork.html"><i class="fas fa-chevron-right"></i> Artwork</a></li> 568 <li><a href="llmmodels.html"><i class="fas fa-chevron-right"></i> MyAI</a></li> 569 </ul> 570 <ul> 571 <li><a href="support.html"><i class="fas fa-chevron-right"></i> Support</a></li> 572 <li><a href="https://www.linuxliteos.com/forums/"><i class="fas fa-chevron-right"></i> Forum</a></li> 573 <li><a href="https://wiki.linuxliteos.com/en/home"><i class="fas fa-chevron-right"></i> Wiki</a></li> 574 <li><a href="terms.html"><i class="fas fa-chevron-right"></i> Terms of Service</a></li> 575 <li><a href="https://status.linuxliteos.com/status/services"><i class="fas fa-chevron-right"></i> Status Page</a></li> 576 </ul> 577 </div> 578 </div> 579 </div> 580 581 582 <div class="copyright"> 583 <p>© Linux Lite 2012 - <span id="year"></span>. All rights reserved.</p> 584 <p>Designed with <i class="fas fa-heart" style="color: var(--accent);"></i> for the Linux Community.</p> 585 </div> 586 </div> 587 </footer> 588 589
589<script> 590 // Footer year 591 document.getElementById("year").textContent = new Date().getFullYear(); 592 593 // Simple Lightbox logic 594 (function(){ 595 const thumbs = Array.from(document.querySelectorAll('.thumb')); 596 const lb = document.getElementById('lightbox'); 597 const lbImg = document.getElementById('lbImg'); 598 const lbClose = document.getElementById('lbClose'); 599 const lbPrev = document.getElementById('lbPrev'); 600 const lbNext = document.getElementById('lbNext'); 601 const lbOpenOriginal = document.getElementById('lbOpenOriginal'); 602 let index = 0; 603 604 function openAt(i){ 605 index = (i + thumbs.length) % thumbs.length; 606 const full = thumbs[index].getAttribute('data-full'); 607 lbImg.src = full; 608 lbOpenOriginal.href = full; 609 lb.classList.add('open'); 610 lb.setAttribute('aria-hidden', 'false'); 611 } 612 function close(){ 613 lb.classList.remove('open'); 614 lb.setAttribute('aria-hidden', 'true'); 615 lbImg.src = ''; 616 } 617 function prev(){ openAt(index - 1); } 618 function next(){ openAt(index + 1); } 619 620 thumbs.forEach((t, i) => t.addEventListener('click', () => openAt(i))); 621 lbClose.addEventListener('click', close); 622 lb.addEventListener('click', (e) => { if (e.target === lb) close(); }); 623 lbPrev.addEventListener('click', prev); 624 lbNext.addEventListener('click', next); 625 window.addEventListener('keydown', (e) => { 626 if (lb.classList.contains('open')) { 627 if (e.key === 'Escape') close(); 628 if (e.key === 'ArrowLeft') prev(); 629 if (e.key === 'ArrowRight') next(); 630 } 631 }); 632 })(); 633 634 // Hamburger menu JS (left drawer) 635 (function() { 636 const body = document.body; 637 const openBtn = document.getElementById('hamburger'); 638 const closeBtn = document.getElementById('hamburgerClose'); 639 const menu = document.getElementById('mobileMenu'); 640 const backdrop = document.getElementById('mobileBackdrop'); 641 642 function openMenu() { 643 menu.classList.add('open'); 644 backdrop.classList.add('open'); 645 body.classList.add('menu-open'); 646 openBtn.setAttribute('aria-expanded', 'true'); 647 menu.setAttribute('aria-hidden', 'false'); 648 } 649 function closeMenu() { 650 menu.classList.remove('open'); 651 backdrop.classList.remove('open'); 652 body.classList.remove('menu-open'); 653 openBtn.setAttribute('aria-expanded', 'false'); 654 menu.setAttribute('aria-hidden', 'true'); 655 } 656 657 if (openBtn) openBtn.addEventListener('click', openMenu); 658 if (closeBtn) closeBtn.addEventListener('click', closeMenu); 659 if (backdrop) backdrop.addEventListener('click', closeMenu); 660 661 document.addEventListener('keydown', (e) => { 662 if (e.key === 'Escape' && menu.classList.contains('open')) closeMenu(); 663 }); 664 665 menu.querySelectorAll('a').forEach(a => a.addEventListener('click', closeMenu)); 666 })(); 667 </script>
667 668
668<script src="/js/lang_switcher.js" defer></script>
668 669</body> 670</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.