<!DOCTYPE html><html lang="en" class="2xl:text-xl"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v6.0.5"><meta name="darkreader-lock"><title>CachyOS — Blazingly Fast OS based on Arch Linux — CachyOS</title>
<meta name="description" content="🚀 CachyOS is a performance-optimized Arch Linux distribution with CPU-specific package builds, advanced kernel scheduling, and an effortless installation — delivering measurable speed gains without sacrificing simplicity.">
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://cachyos.org/">
<meta property="og:title" content="CachyOS — Blazingly Fast OS based on Arch Linux">
<meta property="og:description" content="🚀 CachyOS is a performance-optimized Arch Linux distribution with CPU-specific package builds, advanced kernel scheduling, and an effortless installation — delivering measurable speed gains without sacrificing simplicity.">
<meta property="og:url" content="https://cachyos.org/">
<meta property="og:type" content="website">
<meta property="og:image" content="https://cachyos.org/_astro/default.DKkLOjN7_Z1uddFL.webp">
<meta property="og:image:alt" content="CachyOS — Blazingly Fast OS based on Arch Linux">

<meta name="twitter:card" content="summary_large_image"><link rel="shortcut icon" href="/favicon.svg"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="mask-icon" href="/favicon.svg" color="#8D46E7"><link rel="sitemap" href="/sitemap-index.xml"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="swap"><script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.DmQZLfuR.js"></script><link rel="stylesheet" href="/_astro/BaseLayout.BSVxkdb2.css"></head> <body class="antialiased text-gray-900 dark:text-gray-200 tracking-tight bg-white dark:bg-gray-950">   <header class="sticky top-0 z-40 flex-none mx-auto transition-colors w-full duration-500 lg:z-50 supports-backdrop-blur:bg-white/95 md:backdrop-blur-xs" id="header"> <div class="py-3 px-3 mx-auto w-full md:justify-between max-w-6xl md:px-6"> <div class="md:flex md:items-center md:justify-between text-gray-700 font-semibold text-sm leading-6 dark:text-gray-200"> <a class="hidden md:flex md:items-center" href="/"> <img class="self-center" src="/_astro/logo.DuMERIP6.svg" loading="eager" decoding="async" alt="CachyOS logo" width="32" height="32"> <span class="self-center ml-2 text-2xl md:text-xl font-bold text-gray-700 whitespace-nowrap dark:text-white">
CachyOS</span> </a> <div class="flex justify-between md:hidden"> <a class="flex items-center" href="/"> <img class="self-center" src="/_astro/logo.DuMERIP6.svg" loading="eager" decoding="async" alt="CachyOS logo" width="32" height="32"> <span class="self-center ml-2 text-2xl md:text-xl font-bold text-gray-700 whitespace-nowrap dark:text-white">
CachyOS</span> </a> <div class="flex items-center"> <button type="button" class="text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="Toggle between Dark and Light mode" data-aw-toggle-color-scheme><svg width="1em" height="1em" class="w-6 h-6" data-icon="tabler:sun">   <symbol id="ai:tabler:sun" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7"/></symbol><use href="#ai:tabler:sun"></use>  </svg></button> <button type="button" class="ml-1.5 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center transition" aria-label="Toggle Menu" data-aw-toggle-menu> <svg width="1em" height="1em" class="w-6 h-6" optimize="false" data-icon="tabler:menu">   <symbol id="ai:tabler:menu" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h16M4 16h16"/></symbol><use href="#ai:tabler:menu"></use>  </svg> </button> </div> </div> <nav class="items-center w-full md:z-60 md:w-auto md:flex text-gray-700 dark:text-gray-200 h-[calc(100vh-100px)] md:h-auto overflow-y-auto md:overflow-visible hidden" aria-label="Main navigation"> <ul class="flex flex-col pt-8 md:pt-0 md:flex-row md:self-center w-full md:w-auto text-xl md:text-base md:gap-x-8"> <li> <a class="hover:text-gray-900 dark:hover:text-white px-4 py-3 md:px-0 md:py-0 flex items-center transition duration-150 ease-in-out hover:underline underline-offset-2" href="/download"> Download </a> </li><li> <a class="hover:text-gray-900 dark:hover:text-white px-4 py-3 md:px-0 md:py-0 flex items-center transition duration-150 ease-in-out hover:underline underline-offset-2" href="/about"> About </a> </li><li> <a class="hover:text-gray-900 dark:hover:text-white px-4 py-3 md:px-0 md:py-0 flex items-center transition duration-150 ease-in-out hover:underline underline-offset-2" href="/blog"> Blog </a> </li><li> <a class="hover:text-gray-900 dark:hover:text-white px-4 py-3 md:px-0 md:py-0 flex items-center transition duration-150 ease-in-out hover:underline underline-offset-2" href="https://discuss.cachyos.org/"> Forum </a> </li><li> <a class="hover:text-gray-900 dark:hover:text-white px-4 py-3 md:px-0 md:py-0 flex items-center transition duration-150 ease-in-out hover:underline underline-offset-2" href="https://wiki.cachyos.org/"> Wiki </a> </li><li> <a class="hover:text-gray-900 dark:hover:text-white px-4 py-3 md:px-0 md:py-0 flex items-center transition duration-150 ease-in-out hover:underline underline-offset-2" href="https://packages.cachyos.org/"> Packages </a> </li> <li class="md:hidden"> <a class="font-bold hover:text-gray-900 dark:hover:text-white px-4 py-3 flex items-center transition duration-150 ease-in-out" href="https://github.com/cachyos">
Github
</a> </li> </ul> <div class="md:self-center flex items-center mb-4 md:mb-0 ml-2"> <div class="hidden items-center md:flex"> <button type="button" class="text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="Toggle between Dark and Light mode" data-aw-toggle-color-scheme><svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="tabler:sun">   <use href="#ai:tabler:sun"></use>  </svg></button> <a href="https://github.com/cachyos" class="inline-block text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5" aria-label="CachyOS Github"> <svg width="1em" height="1em" class="w-5 h-5" data-icon="tabler:brand-github">   <symbol id="ai:tabler:brand-github" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2a4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c-.6.6-.6 1.2-.5 2V21"/></symbol><use href="#ai:tabler:brand-github"></use>  </svg> </a> </div> </div> </nav> </div> </div> </header>  <main>  <div class="fixed inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80 pointer-events-none" aria-hidden="true"> <svg class="relative left-[calc(50%-11rem)] sm:left-[calc(50%-30rem)] -z-10 h-84.75 max-w-none -translate-x-1/2 rotate-30 sm:h-169.5" viewBox="0 0 1155 678" xmlns="http://www.w3.org/2000/svg"> <path fill="url(#grad-bo4qs4b9j)" fill-opacity=".3" d="M317.219 518.975L203.852 678 0 438.341l317.219 80.634 204.172-286.402c1.307 132.337 45.083 346.658 209.733 145.248C936.936 126.058 882.053-94.234 1031.02 41.331c119.18 108.451 130.68 295.337 121.53 375.223L855 299l21.173 362.054-558.954-142.079z"></path> <defs> <linearGradient id="grad-bo4qs4b9j" x1="1155.49" x2="-78.208" y1=".177" y2="474.645" gradientUnits="userSpaceOnUse"> <stop stop-color="#8B5CF6"></stop> <stop offset="1" stop-color="#2DD4BF"></stop> </linearGradient> </defs> </svg> </div> <section> <div class="max-w-4xl mx-auto px-4 sm:px-6"> <div class="py-12 md:py-20"> <div class="text-center pb-10 md:pb-16 max-w-4xl mx-auto"> <h1 class="text-gray-900 font-extrabold text-4xl sm:text-5xl lg:text-6xl tracking-tight text-center dark:text-white font-heading"> <span class="sm:whitespace-nowrap">Performance-First</span> Linux,
<span>Built on Arch</span> </h1> <p class="mt-6 max-w-3xl text-lg text-gray-600 mb-8 text-center mx-auto dark:text-gray-300"> <span class="font-semibold text-primary-700 dark:text-primary-300">CachyOS</span> ships every
          package optimized for your CPU - compiled with x86-64-v3/v4 and Zen4 instructions, LTO, and
          PGO - on top of a custom kernel with the tuned EEVDF scheduler. The result: a noticeably faster
          Arch Linux experience with the same rolling-release flexibility you expect.
</p> <div class="max-w-xs text-sm sm:mt-10 sm:max-w-md mt-6 m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4"> <a class="btn btn-primary font-semibold h-12 px-6 rounded-lg w-full flex items-center justify-center sm:w-auto" href="/download"> <svg width="1em" height="1em" class="w-5 h-5 mr-1 -ml-1.5" data-icon="tabler:download">   <symbol id="ai:tabler:download" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12"/></symbol><use href="#ai:tabler:download"></use>  </svg> Download
</a> <a class="btn font-semibold h-12 px-6 rounded-lg w-full flex items-center justify-center sm:w-auto" href="#features">Learn more</a> </div> </div> </div> <picture> <source srcset="/_astro/hero.BwPoqA0v_Z4KXyQ.webp 640w, /_astro/hero.BwPoqA0v_2mE9xE.webp 750w, /_astro/hero.BwPoqA0v_11Ib5c.webp 828w, /_astro/hero.BwPoqA0v_Z17VM0S.webp 1060w, /_astro/hero.BwPoqA0v_J2FKk.webp 1080w, /_astro/hero.BwPoqA0v_1IViUc.webp 1280w, /_astro/hero.BwPoqA0v_1cIF9E.webp 1668w" type="image/webp">  <img src="/_astro/hero.BwPoqA0v_Z2cTzTB.png" srcset="/_astro/hero.BwPoqA0v_Z24Xt8I.png 640w, /_astro/hero.BwPoqA0v_mrDXM.png 750w, /_astro/hero.BwPoqA0v_ZXtjtF.png 828w, /_astro/hero.BwPoqA0v_Z2cTzTB.png 1060w, /_astro/hero.BwPoqA0v_ZkU78o.png 1080w, /_astro/hero.BwPoqA0v_DXv1t.png 1280w, /_astro/hero.BwPoqA0v_7KRfV.png 1668w" alt="Hero" loading="eager" decoding="async" sizes="(min-width: 1060px) 1060px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="1060" height="596" class="rounded-xl shadow dark:hidden"> </picture> <picture> <source srcset="/_astro/hero_dark.Clya6HnN_Z205Gg6.webp 640w, /_astro/hero_dark.Clya6HnN_ZYEBCt.webp 750w, /_astro/hero_dark.Clya6HnN_1waiN2.webp 828w, /_astro/hero_dark.Clya6HnN_Axcxl.webp 1060w, /_astro/hero_dark.Clya6HnN_Zr9x18.webp 1080w, /_astro/hero_dark.Clya6HnN_1i9A53.webp 1280w, /_astro/hero_dark.Clya6HnN_Z1YeFBC.webp 1668w" type="image/webp">  <img src="/_astro/hero_dark.Clya6HnN_Z1kUSVU.png" srcset="/_astro/hero_dark.Clya6HnN_2wg8LH.png 640w, /_astro/hero_dark.Clya6HnN_Z1xuUoB.png 750w, /_astro/hero_dark.Clya6HnN_Xk01T.png 828w, /_astro/hero_dark.Clya6HnN_Z1kUSVU.png 1060w, /_astro/hero_dark.Clya6HnN_Z2nCDvo.png 1080w, /_astro/hero_dark.Clya6HnN_ZDjvpd.png 1280w, /_astro/hero_dark.Clya6HnN_19tlH3.png 1668w" alt="Hero" loading="eager" decoding="async" sizes="(min-width: 1060px) 1060px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" width="1060" height="596" class="rounded-xl shadow hidden dark:block"> </picture> </div> </section> <section class="bg-surface-100/40 dark:bg-primary-900/50 my-2"> <div class="max-w-5xl mx-auto px-4 sm:px-6 py-4 sm:py-6 text-md text-center font-medium"> <span class="font-bold"> <svg width="1em" height="1em" class="w-5 h-5 inline-block align-text-bottom" data-icon="tabler:info-square">   <symbol id="ai:tabler:info-square" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12 9h.01M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M11 12h1v4h1"/></g></symbol><use href="#ai:tabler:info-square"></use>  </svg> Mission:</span> Real performance gains through compiler optimizations, kernel tuning, and a streamlined user experience
</div> </section> <section class="scroll-mt-16" id="features"> <div class="px-4 py-16 mx-auto max-w-4xl lg:px-8 lg:py-20"> <div class="mb-10 md:mx-auto sm:text-center md:mb-12 max-w-xl"> <p class="text-base text-primary-700 dark:text-primary-200 font-semibold tracking-wide uppercase">
Features
</p> <h2 class="text-2xl md:text-3xl font-bold leading-tighter tracking-tighter mb-4 font-heading">
Why CachyOS Is <span class="whitespace-nowrap">Different</span> </h2> <p class="max-w-xl mx-auto sm:text-center text-lg text-gray-600 dark:text-gray-400">
Most Linux distributions ship generic binaries. CachyOS rebuilds the stack — from kernel to
        packages — with modern CPU optimizations, delivering measurable performance where it
        matters.
</p> </div> <div class="grid gap-6 md:grid-cols-2"> <div class="rounded-xl border border-surface-200 dark:border-surface-700/50 bg-surface-50 dark:bg-surface-800/30 p-5"> <div class="flex items-center mb-3 space-x-2"> <svg width="1em" height="1em" class="w-6 h-6 icon-light" data-icon="tabler:package">   <symbol id="ai:tabler:package" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12 3l8 4.5v9L12 21l-8-4.5v-9zm0 9l8-4.5M12 12v9m0-9L4 7.5m12-2.25l-8 4.5"/></symbol><use href="#ai:tabler:package"></use>  </svg> <h3 class="text-sm font-bold">CPU-Optimized Package Repository</h3> </div> <p class="text-gray-800 dark:text-gray-200">Every package is compiled with x86-64-v3, x86-64-v4, and Zen4 instruction sets plus LTO. Core packages receive additional PGO and BOLT optimization — no manual rebuilds required.</p> </div><div class="rounded-xl border border-surface-200 dark:border-surface-700/50 bg-surface-50 dark:bg-surface-800/30 p-5"> <div class="flex items-center mb-3 space-x-2"> <svg width="1em" height="1em" class="w-6 h-6 icon-light" data-icon="tabler:refresh">   <symbol id="ai:tabler:refresh" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/></symbol><use href="#ai:tabler:refresh"></use>  </svg> <h3 class="text-sm font-bold">Advanced Kernel with Scheduler Choice</h3> </div> <p class="text-gray-800 dark:text-gray-200">The linux-cachyos kernel ships with a tuned scheduler for responsive interactivity, plus options for BORE, sched-ext, BMQ, and RT. All kernel builds are CPU-optimized with x86-64-v3/v4, Zen4 and LTO.</p> </div><div class="rounded-xl border border-surface-200 dark:border-surface-700/50 bg-surface-50 dark:bg-surface-800/30 p-5"> <div class="flex items-center mb-3 space-x-2"> <svg width="1em" height="1em" class="w-6 h-6 icon-light" data-icon="tabler:apps">   <symbol id="ai:tabler:apps" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm0 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm0-8h6m-3-3v6"/></symbol><use href="#ai:tabler:apps"></use>  </svg> <h3 class="text-sm font-bold">Install Your Way</h3> </div> <p class="text-gray-800 dark:text-gray-200">Two installers to match your workflow: a graphical Calamares-based installer for a guided setup, or a CLI installer for full control over every detail.</p> </div><div class="rounded-xl border border-surface-200 dark:border-surface-700/50 bg-surface-50 dark:bg-surface-800/30 p-5"> <div class="flex items-center mb-3 space-x-2"> <svg width="1em" height="1em" class="w-6 h-6 icon-light" data-icon="tabler:rocket">   <symbol id="ai:tabler:rocket" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3-5a9 9 0 0 0 6-8a3 3 0 0 0-3-3a9 9 0 0 0-8 6a6 6 0 0 0-5 3"/><path d="M7 14a6 6 0 0 0-3 6a6 6 0 0 0 6-3m4-8a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></g></symbol><use href="#ai:tabler:rocket"></use>  </svg> <h3 class="text-sm font-bold">17+ Desktop Environments &amp; Window Managers</h3> </div> <p class="text-gray-800 dark:text-gray-200">Choose from KDE Plasma, GNOME, COSMIC, Hyprland, Sway, Niri, i3, XFCE, and more. Pick your preferred environment during installation — every option is fully supported out of the box.</p> </div> </div> </div> </section> <section> <div class="px-6 sm:px-10 py-16 mx-auto max-w-4xl lg:max-w-6xl"> <div class="flex flex-wrap space-y-20"> <div class="w-full lg:w-1/2"> <div class="flex flex-row gap-x-3"> <div class="shrink-0 w-11 h-11 flex items-center justify-center p-0.75 rounded-full ring-1 ring-gray-900/10 dark:ring-gray-900/30 shadow-sm overflow-hidden dark:bg-gray-800/80"> <svg width="1em" height="1em" class="w-6 h-6" data-icon="tabler:heart-handshake">   <symbol id="ai:tabler:heart-handshake" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M19.5 12.572L12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572"/><path d="M12 6L8.707 9.293a1 1 0 0 0 0 1.414l.543.543c.69.69 1.81.69 2.5 0l1-1a3.18 3.18 0 0 1 4.5 0l2.25 2.25m-7 3l2 2M15 13l2 2"/></g></symbol><use href="#ai:tabler:heart-handshake"></use>  </svg> </div> <h2 class="mt-0.5 mb-4 text-3xl lg:text-4xl font-bold font-heading">Support CachyOS</h2> </div> <p class="mb-8 text-xl text-gray-600 dark:text-gray-400">
CachyOS is an independent, community-driven project. Your financial support directly
          contributes to our infrastructure, development, and the continuous improvement of the
          operating system.
</p> <div class="flex w-full sm:w-auto space-x-4"> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();</script><script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>Number.POSITIVE_INFINITY*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="Zd32Es" prefix="r3" component-url="/_astro/SupportOptions.Ci_wVITg.js" component-export="default" renderer-url="/_astro/client.CzT7KU_H.js" props="{}" ssr client="load" opts="{&quot;name&quot;:&quot;SupportOptions&quot;,&quot;value&quot;:true}" await-children><button class="btn"><astro-slot> <svg width="1em" height="1em" class="w-5 h-5 mr-1 -ml-1.5" data-icon="tabler:heart">   <symbol id="ai:tabler:heart" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.5 12.572L12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572"/></symbol><use href="#ai:tabler:heart"></use>  </svg> Donate Now
</astro-slot></button><!--astro:end--></astro-island> </div> </div> <div class="w-full sm:w-3/4 lg:w-1/2 px-0 lg:px-8"> <div class="space-y-8"> <div class="flex space-x-4"> <div class="shrink-0"> <div class="flex items-center justify-center w-11 h-11 rounded-full ring-1 ring-gray-900/10 shadow-sm dark:bg-gray-800/80"> <svg width="1em" height="1em" class="w-6 h-6 text-gray-600 dark:text-gray-400" data-icon="tabler:server">   <symbol id="ai:tabler:server" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3m0 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm4-7v.01M7 16v.01"/></symbol><use href="#ai:tabler:server"></use>  </svg> </div> </div> <div> <h3 class="text-lg font-medium leading-6 dark:text-white">Infrastructure Costs</h3> <p class="mt-2 text-gray-600 dark:text-gray-400">Keeping high-speed mirrors, build servers and website hosting operational involves recurring monthly costs.</p> </div> </div><div class="flex space-x-4"> <div class="shrink-0"> <div class="flex items-center justify-center w-11 h-11 rounded-full ring-1 ring-gray-900/10 shadow-sm dark:bg-gray-800/80"> <svg width="1em" height="1em" class="w-6 h-6 text-gray-600 dark:text-gray-400" data-icon="tabler:code">   <symbol id="ai:tabler:code" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m7 8l-4 4l4 4m10-8l4 4l-4 4M14 4l-4 16"/></symbol><use href="#ai:tabler:code"></use>  </svg> </div> </div> <div> <h3 class="text-lg font-medium leading-6 dark:text-white">Active Development</h3> <p class="mt-2 text-gray-600 dark:text-gray-400">Donations allow our core team to spend more time optimizing the kernel, packaging software, and building new features.</p> </div> </div><div class="flex space-x-4"> <div class="shrink-0"> <div class="flex items-center justify-center w-11 h-11 rounded-full ring-1 ring-gray-900/10 shadow-sm dark:bg-gray-800/80"> <svg width="1em" height="1em" class="w-6 h-6 text-gray-600 dark:text-gray-400" data-icon="tabler:device-desktop">   <symbol id="ai:tabler:device-desktop" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm4 15h10m-8-4v4m6-4v4"/></symbol><use href="#ai:tabler:device-desktop"></use>  </svg> </div> </div> <div> <h3 class="text-lg font-medium leading-6 dark:text-white">Hardware Testing</h3> <p class="mt-2 text-gray-600 dark:text-gray-400">Getting different hardware components helps us ensure CachyOS runs smoothly across many architectures and setups.</p> </div> </div> </div> </div> </div> </div> </section> <section class="relative"> <div class="max-w-6xl mx-auto px-4 sm:px-6"> <div class="py-12 md:py-20"> <div class="max-w-3xl bg-white/40 dark:bg-gray-900/20 mx-auto text-center p-6 rounded-md shadow-md dark:shadow-none dark:border dark:border-surface-800/40 dark:bg-linear-to-br dark:from-primary-400/10 dark:to-primary-400/20"> <h2 class="text-4xl md:text-4xl font-bold leading-tighter tracking-tighter mb-4 font-heading"> <span class="sm:whitespace-nowrap">Ready to See the Difference?</span> </h2> <p class="text-xl text-gray-600 dark:text-surface-50">
Download CachyOS and experience what a performance-optimized Linux distribution feels
          like.
</p> <div class="mt-6 max-w-xs mx-auto"> <a class="btn btn-primary w-full sm:w-auto" href="/download"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5 mr-1 -ml-1.5" data-icon="tabler:download">   <use href="#ai:tabler:download"></use>  </svg> Download
</a> </div> </div> </div> </div> </section> <section class="py-20"> <div class="max-w-6xl px-4 mx-auto"> <div class="max-w-xl mx-auto mb-20 text-center"> <h2 class="mt-8 text-5xl lg:text-6xl font-bold font-heading">Our Sponsors</h2> </div> <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3 grid-flow-row auto-rows-fr"> <div class="px-4 py-2 md:py-6 bg-white/50 shadow dark:shadow-none dark:bg-gray-800/80 rounded-lg grid place-items-center"> <a href="https://frame.work/"> <img src="/_astro/framework_logo_dark.CBjRDJqB_Z24WlEz.svg" alt="frame.work logo" loading="lazy" decoding="async" width="300" height="39" class="block dark:hidden transform hover:scale-105 transition ease-in-out duration-1000 lg:w-60 "> <img src="/_astro/framework_logo.BdFUrInB_1NGGpv.svg" alt="frame.work logo" loading="lazy" decoding="async" width="300" height="40" class="hidden dark:block transform hover:scale-105 transition ease-in-out duration-1000 lg:w-60 "> </a> </div><div class="px-4 py-2 md:py-6 bg-white/50 shadow dark:shadow-none dark:bg-gray-800/80 rounded-lg grid place-items-center"> <a href="https://www.cdn77.com/"> <img src="/_astro/cdn77_logo_dark.BYE9brZQ_ZelIaF.svg" alt="cdn77 logo" loading="lazy" decoding="async" width="300" height="88" class="block dark:hidden transform hover:scale-105 transition ease-in-out duration-1000 lg:w-60 "> <img src="/_astro/cdn77_logo.Dzbak9tV_2m2tNB.svg" alt="cdn77 logo" loading="lazy" decoding="async" width="300" height="87" class="hidden dark:block transform hover:scale-105 transition ease-in-out duration-1000 lg:w-60 "> </a> </div><div class="px-4 py-2 md:py-6 bg-white/50 shadow dark:shadow-none dark:bg-gray-800/80 rounded-lg grid place-items-center"> <a href="https://www.cloudflare.com/"> <img src="/_astro/cf_logo_dark.B732tJXF_s0mlV.svg" alt="cloudflare logo" loading="lazy" decoding="async" width="300" height="101" class="block dark:hidden transform hover:scale-105 transition ease-in-out duration-1000 lg:w-60 mb-5"> <img src="/_astro/cf_logo.CYJXWBfg_Z1WRdGD.svg" alt="cloudflare logo" loading="lazy" decoding="async" width="300" height="99" class="hidden dark:block transform hover:scale-105 transition ease-in-out duration-1000 lg:w-60 mb-5"> </a> </div> </div> </div> </section>  </main>  <footer class="relative border-t border-gray-200 dark:border-gray-800 not-prose"> <div class="dark:bg-dark absolute inset-0 pointer-events-none" aria-hidden="true"></div> <div class="relative max-w-7xl mx-auto px-4 sm:px-6 dark:text-gray-300"> <div class="grid grid-cols-12 gap-4 gap-y-8 sm:gap-8 py-8 md:py-12"> <div class="col-span-12 lg:col-span-4"> <div class="mb-2"> <a class="inline-block font-bold text-xl" href="/">CachyOS</a> </div> <div class="text-sm text-muted"> <a class="text-muted hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out mr-2 rtl:mr-0 rtl:ml-2" href="https://wiki.cachyos.org/policy/terms_of_service/">Terms</a> <a class="text-muted hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out mr-2 rtl:mr-0 rtl:ml-2" href="https://wiki.cachyos.org/policy/privacy_policy/">Privacy Policy</a> <astro-island uid="Zj97dF" prefix="r1" component-url="/_astro/LegalNoticeButton.bisiF0S3.js" component-export="default" renderer-url="/_astro/client.CzT7KU_H.js" props="{}" ssr client="load" opts="{&quot;name&quot;:&quot;LegalNoticeButton&quot;,&quot;value&quot;:true}" await-children><button class="text-muted hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out mr-2 rtl:mr-0 rtl:ml-2">Legal Notice</button><!--astro:end--></astro-island> </div> </div> <div class="col-span-6 md:col-span-3 lg:col-span-2"> <div class="dark:text-gray-300 font-medium mb-2">Product</div> <ul class="text-sm"> <li class="mb-2"> <a class="text-muted hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out mr-2 rtl:mr-0 rtl:ml-2" href="https://wiki.cachyos.org/cachyos_basic/why_cachyos/"> Features </a> </li><li class="mb-2"> <a class="text-muted hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out mr-2 rtl:mr-0 rtl:ml-2" href="/about/#team"> Team </a> </li> </ul> </div><div class="col-span-6 md:col-span-3 lg:col-span-2"> <div class="dark:text-gray-300 font-medium mb-2">Support</div> <ul class="text-sm"> <li class="mb-2"> <a class="text-muted hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out mr-2 rtl:mr-0 rtl:ml-2" href="https://wiki.cachyos.org/"> Docs </a> </li><li class="mb-2"> <a class="text-muted hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out mr-2 rtl:mr-0 rtl:ml-2" href="https://discuss.cachyos.org/"> Community Forum </a> </li> </ul> </div><div class="col-span-6 md:col-span-3 lg:col-span-2"> <div class="dark:text-gray-300 font-medium mb-2">Distribution</div> <ul class="text-sm"> <li class="mb-2"> <a class="text-muted hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out mr-2 rtl:mr-0 rtl:ml-2" href="/about/#distribution"> About </a> </li> </ul> </div> </div> <div class="md:flex md:items-center md:justify-between py-6 md:py-8"> <ul class="flex mb-4 md:order-1 -ml-2 md:ml-4 md:mb-0 rtl:ml-0 rtl:-mr-2 md:rtl:ml-0 md:rtl:mr-4"> <li> <a class="text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="X" href="https://x.com/cachyos"> <svg width="1em" height="1em" class="w-5 h-5" data-icon="tabler:brand-x">   <symbol id="ai:tabler:brand-x" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 4l11.733 16H20L8.267 4zm0 16l6.768-6.768m2.46-2.46L20 4"/></symbol><use href="#ai:tabler:brand-x"></use>  </svg> </a> </li><li> <a class="text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="Discord" href="https://discord.gg/cachyos-862292009423470592"> <svg width="1em" height="1em" class="w-5 h-5" data-icon="tabler:brand-discord">   <symbol id="ai:tabler:brand-discord" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M8 12a1 1 0 1 0 2 0a1 1 0 0 0-2 0m6 0a1 1 0 1 0 2 0a1 1 0 0 0-2 0"/><path d="M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833-1.667 3.5-3c.667-1.667.5-5.833-1.5-11.5c-1.457-1.015-3-1.34-4.5-1.5l-.972 1.923a11.9 11.9 0 0 0-4.053 0L9 4c-1.5.16-3.043.485-4.5 1.5c-2 5.667-2.167 9.833-1.5 11.5c.667 1.333 2 3 3.5 3c.5 0 2-2 2-3"/><path d="M7 16.5c3.5 1 6.5 1 10 0"/></g></symbol><use href="#ai:tabler:brand-discord"></use>  </svg> </a> </li><li> <a class="text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="Bluesky" href="https://bsky.app/profile/cachyos.org"> <svg width="1em" height="1em" class="w-5 h-5" data-icon="tabler:brand-bluesky">   <symbol id="ai:tabler:brand-bluesky" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.335 5.144C4.681 3.945 2 3.017 2 5.97c0 .59.35 4.953.556 5.661C3.269 14.094 5.686 14.381 8 14c-4.045.665-4.889 3.208-2.667 5.41C6.363 20.428 7.246 21 8 21c2 0 3.134-2.769 3.5-3.5q.5-1 .5-1.5q0 .5.5 1.5c.366.731 1.5 3.5 3.5 3.5c.754 0 1.637-.571 2.667-1.59C20.889 17.207 20.045 14.664 16 14c2.314.38 4.73.094 5.444-2.369c.206-.708.556-5.072.556-5.661c0-2.953-2.68-2.025-4.335-.826C15.372 6.806 12.905 10.192 12 12c-.905-1.808-3.372-5.194-5.665-6.856"/></symbol><use href="#ai:tabler:brand-bluesky"></use>  </svg> </a> </li><li> <a class="text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="Mastodon" href="https://fosstodon.org/@CachyOS"> <svg width="1em" height="1em" class="w-5 h-5" data-icon="tabler:brand-mastodon">   <symbol id="ai:tabler:brand-mastodon" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M18.648 15.254C16.832 17.017 12 16.88 12 16.88a18.3 18.3 0 0 1-3.288-.256q1.69 2.977 8.982 2.475c-1.945 2.013-13.598 5.257-13.668-7.636L4 10.309c0-3.036.023-4.115 1.352-5.633C7.023 2.766 12 3.01 12 3.01s4.977-.243 6.648 1.667C19.977 6.195 20 7.274 20 10.31s-.456 4.074-1.352 4.944"/><path d="M12 11.204V8.278C12 7.02 11.105 6 10 6S8 7.02 8 8.278V13m4-4.722C12 7.02 12.895 6 14 6s2 1.02 2 2.278V13"/></g></symbol><use href="#ai:tabler:brand-mastodon"></use>  </svg> </a> </li><li> <a class="text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="Reddit" href="https://www.reddit.com/r/cachyos"> <svg width="1em" height="1em" class="w-5 h-5" data-icon="tabler:brand-reddit">   <symbol id="ai:tabler:brand-reddit" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12 8c2.648 0 5.028.826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59-4.03 6.5-9 6.5c-4.875 0-8.845-2.8-9-6.294l-1-.206a2.5 2.5 0 0 1 2.326-4.36C5.973 8.827 8.353 8 11.001 8zm0 0l1-5l6 1"/><path d="M18 4a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/><path fill="currentColor" d="M8.5 13a.5.5 0 1 0 1 0a.5.5 0 1 0-1 0m6 0a.5.5 0 1 0 1 0a.5.5 0 1 0-1 0"/><path d="M10 17q1 .5 2 .5c1 0 1.333-.167 2-.5"/></g></symbol><use href="#ai:tabler:brand-reddit"></use>  </svg> </a> </li><li> <a class="text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="Patreon" href="https://www.patreon.com/CachyOS"> <svg width="1em" height="1em" class="w-5 h-5" data-icon="tabler:brand-patreon">   <symbol id="ai:tabler:brand-patreon" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 8.408c-.003-2.299-1.746-4.182-3.79-4.862c-2.54-.844-5.888-.722-8.312.453c-2.939 1.425-3.862 4.545-3.896 7.656c-.028 2.559.22 9.297 3.92 9.345c2.75.036 3.159-3.603 4.43-5.356c.906-1.247 2.071-1.599 3.506-1.963c2.465-.627 4.146-2.626 4.142-5.273"/></symbol><use href="#ai:tabler:brand-patreon"></use>  </svg> </a> </li><li> <a class="text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="Github" href="https://github.com/cachyos"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="tabler:brand-github">   <use href="#ai:tabler:brand-github"></use>  </svg> </a> </li><li> <a class="text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="Mail" href="mailto:admin@cachyos.org"> <svg width="1em" height="1em" class="w-5 h-5" data-icon="tabler:mail-opened">   <symbol id="ai:tabler:mail-opened" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m3 9l9 6l9-6l-9-6z"/><path d="M21 9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9m0 10l6-6m6 0l6 6"/></g></symbol><use href="#ai:tabler:mail-opened"></use>  </svg> </a> </li><li> <a class="text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center" aria-label="RSS Feed" href="/rss.xml"> <svg width="1em" height="1em" class="w-5 h-5" data-icon="tabler:rss">   <symbol id="ai:tabler:rss" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 19a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 4a16 16 0 0 1 16 16M4 11a9 9 0 0 1 9 9"/></symbol><use href="#ai:tabler:rss"></use>  </svg> </a> </li> </ul> <div class="text-sm mr-4 dark:text-gray-300"> <span class="w-5 h-5 md:w-6 md:h-6 md:-mt-0.5 bg-cover mr-1.5 rtl:mr-0 rtl:ml-1.5 float-left rtl:float-right rounded-xs bg-[url(~/assets/images/logo.svg)]"></span>
Made by <a class="text-primary-700 dark:text-primary-300 font-bold underline underline-offset-2 decoration-2" href="https://cachyos.org/">
CachyOS</a> · All rights reserved.
</div> </div> </div> </footer>   <script>(function(){const defaultTheme = "dark";

  function applyTheme(theme) {
    if (theme === 'dark') {
      document.documentElement.classList.add('dark');
    } else {
      document.documentElement.classList.remove('dark');
    }
  }

  const setThemeMode = () => {
    if (
      (defaultTheme && defaultTheme.endsWith(':only')) ||
      (!localStorage.theme && defaultTheme !== 'system')
    ) {
      applyTheme(defaultTheme.replace(':only', ''));
    } else if (
      localStorage.theme === 'dark' ||
      (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
    ) {
      applyTheme('dark');
    } else {
      applyTheme('light');
    }
  };

  // Runs on initial navigation
  setThemeMode();

  // Runs on initial navigation
  document.addEventListener('astro:after-swap', setThemeMode);

  function attachEvent(selector, event, fn) {
    const matches = typeof selector === 'string' ? document.querySelectorAll(selector) : selector;
    if (matches && matches.length) {
      matches.forEach((elem) => {
        elem.addEventListener(event, (e) => fn(e, elem), false);
      });
    }
  }

  const onLoad = () => {
    // This only runs once.
    let lastKnownScrollPosition = window.scrollY;
    let ticking = true;

    attachEvent('[data-aw-toggle-menu]', 'click', (_, elem) => {
      elem.classList.toggle('expanded');
      document.body.classList.toggle('overflow-hidden');
      document.getElementById('header')?.classList.toggle('h-screen');
      document.getElementById('gradient')?.classList.toggle('hidden');
      document.querySelector('#header nav')?.classList.toggle('hidden');
    });

    attachEvent('[data-aw-toggle-color-scheme]', 'click', () => {
      if (defaultTheme.endsWith(':only')) {
        return;
      }
      document.documentElement.classList.toggle('dark');
      localStorage.theme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';
    });

    function applyHeaderStylesOnScroll() {
      const header = document.getElementById('header');
      if (!header) return;
      if (lastKnownScrollPosition > 60 && !header.classList.contains('scroll')) {
        header.classList.add('scroll');
      } else if (lastKnownScrollPosition <= 60 && header.classList.contains('scroll')) {
        header.classList.remove('scroll');
      }
      ticking = false;
    }
    applyHeaderStylesOnScroll();

    attachEvent([document], 'scroll', () => {
      lastKnownScrollPosition = window.scrollY;

      if (!ticking) {
        window.requestAnimationFrame(() => {
          applyHeaderStylesOnScroll();
        });
        ticking = true;
      }
    });
  };

  document.addEventListener('astro:page-load', onLoad);

  const onPageShow = () => {
    document.documentElement.classList.add('motion-safe:scroll-smooth');
    const elem = document.querySelector('[data-aw-toggle-menu]');
    if (elem) {
      elem.classList.remove('expanded');
    }
    document.body.classList.remove('overflow-hidden');
    document.getElementById('header')?.classList.remove('h-screen');
    document.querySelector('#header nav')?.classList.add('hidden');
  };
  window.onpageshow = onPageShow;
})();</script> </body> </html>