PageSourceSearch

https://www.linuxliteos.com/explore.html

html linuxliteos.com collected 2026-10-02 04:23:56 UTC 30,222 bytes, 670 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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>&copy; 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.