mirror of
https://github.com/gezimos/inkOS.git
synced 2026-06-11 14:54:14 -04:00
764 lines
53 KiB
HTML
764 lines
53 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>inkOS — The Minimal Android Launcher</title>
|
|
<meta name="description" content="inkOS is a free, open-source minimal Android launcher for touch, E-ink, T9 and QWERTY devices.">
|
|
<meta name="author" content="Gëzim">
|
|
<meta name="theme-color" content="#000000">
|
|
<link rel="canonical" href="https://inkos.gez.im/">
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="inkOS — The Minimal Android Launcher">
|
|
<meta property="og:description" content="A free, open-source minimal Android launcher for touch, E-ink, T9 and QWERTY devices.">
|
|
<meta property="og:url" content="https://inkos.gez.im/">
|
|
<meta property="og:image" content="https://inkos.gez.im/img/og.jpg">
|
|
|
|
<!-- Twitter -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="inkOS — The Minimal Android Launcher">
|
|
<meta name="twitter:description" content="A free, open-source minimal Android launcher for touch, E-ink, T9 and QWERTY devices.">
|
|
<meta name="twitter:image" content="https://inkos.gez.im/img/og.jpg">
|
|
|
|
<link rel="icon" href="img/inkos.svg" type="image/svg+xml">
|
|
<link rel="stylesheet" href="stili.css">
|
|
</head>
|
|
<body class="page-fade" style="visibility:hidden">
|
|
<script>document.addEventListener('DOMContentLoaded',function(){document.body.style.visibility='visible'});</script>
|
|
|
|
|
|
<!-- NAV -->
|
|
<div class="nav-wrapper">
|
|
<nav class="nav">
|
|
<div class="nav-inner">
|
|
<a href="#" class="nav-logo"><img src="img/inkos_logo_w.svg" alt="inkOS"></a>
|
|
<div class="nav-links">
|
|
<a href="./">Home</a>
|
|
<a href="about/">About</a>
|
|
<a href="features/">Features</a>
|
|
<a href="presets/">Presets</a>
|
|
<a href="changelog/">Changelog</a>
|
|
<a href="#faq">FAQ</a>
|
|
<a href="https://www.buymeacoffee.com/gezimos" target="_blank" class="nav-cta">Support</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- HERO -->
|
|
<section class="hero">
|
|
<h1>Still, by design.</h1>
|
|
<p class="hero-sub">inkOS is a minimal Android launcher for touch, E-ink, T9 and QWERTY devices.</p>
|
|
<div class="hero-line">
|
|
<div class="hero-line-inner">
|
|
<a href="https://play.google.com/store/apps/details?id=app.inkos" class="btn btn-white" style="min-width:170px; justify-content:center;">Google Play</a>
|
|
<img class="hero-star" src="img/inkos_star.svg" width="64" height="64" alt="">
|
|
<a href="https://github.com/gezimos/inkOS" class="btn btn-outline" style="min-width:170px; justify-content:center;">GitHub</a>
|
|
</div>
|
|
</div>
|
|
<div class="hero-devices">
|
|
<div class="hero-device hero-device--side hero-device--cats22">
|
|
<div class="device-screen">
|
|
<video loop muted playsinline preload="none">
|
|
<source src="img/video.mp4" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
<img class="device-frame" src="img/cats22.svg" alt="" loading="lazy">
|
|
</div>
|
|
<div class="hero-device hero-device--side hero-device--kompakt">
|
|
<div class="device-screen">
|
|
<video loop muted playsinline preload="none">
|
|
<source src="img/video.mp4" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
</div>
|
|
<div class="hero-device hero-device--hero hero-device--titan">
|
|
<div class="device-screen">
|
|
<video autoplay loop muted playsinline preload="none">
|
|
<source src="img/titan2.mp4" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
<img class="device-frame" src="img/titan.svg" alt="" loading="lazy">
|
|
</div>
|
|
<div class="hero-device hero-device--side hero-device--pixel">
|
|
<div class="device-screen">
|
|
<div class="pixel-notch"></div>
|
|
<video loop muted playsinline preload="none">
|
|
<source src="img/pixel.mp4" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
</div>
|
|
<div class="hero-device hero-device--side hero-device--t9">
|
|
<div class="device-screen">
|
|
<video loop muted playsinline preload="none">
|
|
<source src="img/video.mp4" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
<img class="device-frame" src="img/t9-frame.svg" width="220" height="555" alt="" loading="lazy">
|
|
</div>
|
|
</div>
|
|
<div class="stats">
|
|
<div class="stats-row" style="text-align:left;">
|
|
<div style="display:flex; gap:20px; align-items:center;">
|
|
<div style="width:56px; height:56px; border-radius:50%; border:1.5px solid #444; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; flex-shrink:0;">
|
|
<span class="material-symbols-outlined" style="font-size:28px;">tablet_android</span>
|
|
</div>
|
|
<div><div class="stats-val" style="font-size:20px;">E-ink</div><div class="stats-label">Zero animations, minimal refreshes</div></div>
|
|
</div>
|
|
<div style="display:flex; gap:20px; align-items:center;">
|
|
<div style="width:56px; height:56px; border-radius:50%; border:1.5px solid #444; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; flex-shrink:0;">
|
|
<span class="material-symbols-outlined" style="font-size:28px;">keyboard</span>
|
|
</div>
|
|
<div><div class="stats-val" style="font-size:20px;">QWERTY</div><div class="stats-label">Optimized for physical keyboards</div></div>
|
|
</div>
|
|
<div style="display:flex; gap:20px; align-items:center;">
|
|
<div style="width:56px; height:56px; border-radius:50%; border:1.5px solid #444; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; flex-shrink:0;">
|
|
<span class="material-symbols-outlined" style="font-size:28px;">dialpad</span>
|
|
</div>
|
|
<div><div class="stats-val" style="font-size:20px;">T9</div><div class="stats-label">Navigate with D-pad & keypad</div></div>
|
|
</div>
|
|
<div style="display:flex; gap:20px; align-items:center;">
|
|
<div style="width:56px; height:56px; border-radius:50%; border:1.5px solid #444; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; flex-shrink:0;">
|
|
<span class="material-symbols-outlined" style="font-size:28px;">touch_app</span>
|
|
</div>
|
|
<div><div class="stats-val" style="font-size:20px;">Touch</div><div class="stats-label">Tested 2.8″ - 11″ devices</div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hero-fade"></div>
|
|
</section>
|
|
|
|
<!-- ABOUT -->
|
|
<section class="about">
|
|
<div class="about-inner">
|
|
<div class="about-left">
|
|
<h2>Less is the point.</h2>
|
|
<p class="about-desc">An open-source Android launcher that replaces your home screen with something simpler. Text-first, zero animations, fully offline. Designed for e-ink displays, keypad phones, and anyone who wants less from their screen.</p>
|
|
<ul class="about-bullets">
|
|
<li>No animations, no smooth scrolling, no feeds</li>
|
|
<li>No internet permission - nothing leaves your device</li>
|
|
<li>Works with D-pad, T9, QWERTY, and touch</li>
|
|
</ul>
|
|
<a href="about/" class="about-link">Learn more →</a>
|
|
</div>
|
|
<div class="about-center">
|
|
<img src="img/hand.png" alt="Hand holding phone with inkOS" class="about-hand">
|
|
</div>
|
|
<div class="about-right">
|
|
<div class="about-right-inner">
|
|
<h3 class="about-table-title">At a glance</h3>
|
|
<table class="about-table">
|
|
<tr><td>Downloads</td><td>6,000+</td></tr>
|
|
<tr><td>Version</td><td>v0.5</td></tr>
|
|
<tr><td>Size</td><td>5 MB</td></tr>
|
|
<tr><td>Settings</td><td>150+</td></tr>
|
|
<tr><td>Android</td><td>8.0+</td></tr>
|
|
<tr><td>License</td><td>GPLv3</td></tr>
|
|
</table>
|
|
<div class="about-buttons">
|
|
<a href="https://play.google.com/store/apps/details?id=app.inkos" class="btn btn-black">Google Play</a>
|
|
<a href="https://github.com/gezimos/inkOS" class="btn btn-black">GitHub</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FEATURES -->
|
|
<div class="features-wrap" id="features">
|
|
<div class="features-header">
|
|
<h2>Core.</h2>
|
|
<p>Made to be simple but functional.</p>
|
|
</div>
|
|
<div class="features-container">
|
|
<div class="f-card" id="themeDemoCell" style="cursor:pointer;">
|
|
<div class="f-card-graphic" style="padding:0;">
|
|
<span class="tap-hint"><span class="material-symbols-outlined" style="font-size:18px;">touch_app</span></span>
|
|
<div class="home-slideshow">
|
|
<div class="home-mockup home-slide" style="--i:0">
|
|
<div class="home-mockup-clock">04:58</div>
|
|
<div class="home-mockup-date">Sun, 12 Apr · 100% · 3 <span class="material-symbols-outlined" style="font-size:11px; vertical-align:middle;">notifications</span></div>
|
|
<div class="home-mockup-apps">
|
|
<div class="home-mockup-app"><span class="home-mockup-icon">As</span>Asana</div>
|
|
<div class="home-mockup-app"><span class="home-mockup-icon">Au</span>Auxio</div>
|
|
<div class="home-mockup-app"><span class="home-mockup-icon">Bo</span>Bolt</div>
|
|
<div class="home-mockup-app"><span class="home-mockup-icon">Ca</span>Calendar</div>
|
|
</div>
|
|
<div class="home-mockup-quote">Stay inspired</div>
|
|
<div class="home-mockup-dots">
|
|
<span class="home-mockup-dot active"></span>
|
|
<span class="home-mockup-dot"></span>
|
|
<span class="home-mockup-dot"></span>
|
|
</div>
|
|
</div>
|
|
<div class="home-mockup home-slide" style="--i:1; text-align:center;">
|
|
<div class="home-mockup-clock" style="text-align:center;">04:58</div>
|
|
<div class="home-mockup-date" style="text-align:center;">Sun, 12 Apr · 100% · 3 <span class="material-symbols-outlined" style="font-size:11px; vertical-align:middle;">notifications</span></div>
|
|
<div class="home-mockup-apps" style="align-items:center;">
|
|
<div class="home-mockup-app">Asana</div>
|
|
<div class="home-mockup-app">Auxio</div>
|
|
<div class="home-mockup-app">Bolt</div>
|
|
<div class="home-mockup-app">Calendar</div>
|
|
</div>
|
|
<div class="home-mockup-dots" style="position:static; transform:none; flex-direction:row; justify-content:center; margin-top:auto;">
|
|
<span class="home-mockup-dot active"></span>
|
|
<span class="home-mockup-dot"></span>
|
|
<span class="home-mockup-dot"></span>
|
|
</div>
|
|
</div>
|
|
<div class="home-mockup home-slide" style="--i:2; text-align:right; background:#0D1117; color:#fff;">
|
|
<div class="home-mockup-clock" style="text-align:right;">04:58</div>
|
|
<div class="home-mockup-date" style="text-align:right;">Sun, 12 Apr · 100% · 3 <span class="material-symbols-outlined" style="font-size:11px; vertical-align:middle;">notifications</span></div>
|
|
<div class="home-mockup-apps" style="align-items:flex-end;">
|
|
<div class="home-mockup-app">Asana<span class="home-mockup-icon" style="border-color:currentColor; color:inherit; border-radius:6px;"><span class="material-symbols-outlined" style="font-size:14px;">chat</span></span></div>
|
|
<div class="home-mockup-app">Auxio<span class="home-mockup-icon" style="border-color:currentColor; color:inherit; border-radius:6px;"><span class="material-symbols-outlined" style="font-size:14px;">music_note</span></span></div>
|
|
<div class="home-mockup-app">Bolt<span class="home-mockup-icon" style="border-color:currentColor; color:inherit; border-radius:6px;"><span class="material-symbols-outlined" style="font-size:14px;">electric_bolt</span></span></div>
|
|
<div class="home-mockup-app">Calendar<span class="home-mockup-icon" style="border-color:currentColor; color:inherit; border-radius:6px;"><span class="material-symbols-outlined" style="font-size:14px;">calendar_month</span></span></div>
|
|
</div>
|
|
<div class="home-mockup-widget" style="text-align:right;">
|
|
<div><span class="material-symbols-outlined" style="font-size:11px; vertical-align:middle;">calendar_month</span> Team standup · 10:00 AM</div>
|
|
</div>
|
|
<div class="home-mockup-dots" style="left:24px; right:auto;">
|
|
<span class="home-mockup-dot" style="border-color:currentColor;"></span>
|
|
<span class="home-mockup-dot active" style="border-color:currentColor; background:currentColor;"></span>
|
|
<span class="home-mockup-dot" style="border-color:currentColor;"></span>
|
|
</div>
|
|
</div>
|
|
<div class="home-mockup home-slide" style="--i:3; background:#F5F0E8; color:#5C4A32;">
|
|
<div class="home-mockup-clock">04:58</div>
|
|
<div class="home-mockup-date">Sun, 12 Apr · 100% · 3 <span class="material-symbols-outlined" style="font-size:11px; vertical-align:middle;">notifications</span></div>
|
|
<div class="home-mockup-apps">
|
|
<div class="home-mockup-app"><span class="home-mockup-icon" style="border-color:currentColor; color:inherit;">As</span>Asana</div>
|
|
<div class="home-mockup-app"><span class="home-mockup-icon" style="border-color:currentColor; color:inherit;">Au</span>Auxio</div>
|
|
<div class="home-mockup-app"><span class="home-mockup-icon" style="border-color:currentColor; color:inherit;">Bo</span>Bolt</div>
|
|
<div class="home-mockup-app"><span class="home-mockup-icon" style="border-color:currentColor; color:inherit;">Ca</span>Calendar</div>
|
|
</div>
|
|
<div class="home-mockup-quote">Stay inspired</div>
|
|
<div class="home-mockup-dots">
|
|
<span class="home-mockup-dot" style="border-color:currentColor;"></span>
|
|
<span class="home-mockup-dot" style="border-color:currentColor;"></span>
|
|
<span class="home-mockup-dot active" style="border-color:currentColor; background:currentColor;"></span>
|
|
</div>
|
|
</div>
|
|
<div class="home-mockup home-slide" style="--i:4; background:#071404; color:#50cf3c;">
|
|
<div class="home-mockup-clock" style="font-family:monospace;">04:58</div>
|
|
<div class="home-mockup-date" style="font-family:monospace;">Sun, 12 Apr · 100% · 3 <span class="material-symbols-outlined" style="font-size:11px; vertical-align:middle;">notifications</span></div>
|
|
<div class="home-mockup-apps">
|
|
<div class="home-mockup-app" style="font-family:monospace;">Asana</div>
|
|
<div class="home-mockup-app" style="font-family:monospace;">Auxio</div>
|
|
<div class="home-mockup-app" style="font-family:monospace;">Bolt</div>
|
|
<div class="home-mockup-app" style="font-family:monospace;">Calendar</div>
|
|
<div class="home-mockup-app" style="font-family:monospace;">Chrome</div>
|
|
<div class="home-mockup-app" style="font-family:monospace;">Claude</div>
|
|
</div>
|
|
<div class="home-mockup-quote" style="font-family:monospace;">$ sudo reboot</div>
|
|
</div>
|
|
<div class="home-mockup home-slide" style="--i:5; color:#F7A228; justify-content:center; align-items:center; background: #0A0A0A;">
|
|
<div style="position:absolute; inset:0; background:repeating-linear-gradient(135deg, transparent 0px, transparent 8px, #F7A228 8px, #F7A228 9px); -webkit-mask-image:linear-gradient(to right, rgba(0,0,0,0.25) 0%, transparent 70%); mask-image:linear-gradient(to right, rgba(0,0,0,0.25) 0%, transparent 70%);"></div>
|
|
<div class="home-mockup-clock" style="text-align:center;">04:58</div>
|
|
<div class="home-mockup-date" style="text-align:center; margin-bottom:auto;">Sun, 12 Apr · 100% · 3 <span class="material-symbols-outlined" style="font-size:11px; vertical-align:middle;">notifications</span></div>
|
|
<div class="home-mockup-shortcuts" style="justify-content:space-between; width:100; align-self:stretch;">
|
|
<span class="home-mockup-shortcut" style="border-color:currentColor;"><span class="material-symbols-outlined" style="font-size:16px;">phone</span></span>
|
|
<span class="home-mockup-shortcut" style="border-color:currentColor;"><span class="material-symbols-outlined" style="font-size:16px;">search</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="f-card-text">
|
|
<h3 class="f-title">Customizable</h2>
|
|
<p class="f-desc">One-tap presets for E-ink and AMOLED. Pure black, pure white, warm gray, cool dark.</p>
|
|
</div>
|
|
</div>
|
|
<div class="f-card" id="notifDemoCell" style="cursor:pointer;">
|
|
<div class="f-card-graphic" style="padding:0;">
|
|
<span class="tap-hint"><span class="material-symbols-outlined" style="font-size:18px;">touch_app</span></span>
|
|
<div class="home-slideshow">
|
|
<!-- 1: Home notifications -->
|
|
<div class="home-mockup home-slide active" style="font-size:11px; text-align:center; justify-content:center; gap:10px;">
|
|
<div class="notif-app">Signal *<div class="notif-sub">Wife: Buy some bread</div></div>
|
|
<div class="notif-app">Auxio</div>
|
|
<div class="notif-app">Bolt</div>
|
|
<div class="notif-app">Calendar</div>
|
|
<div class="notif-app">Chrome</div>
|
|
<div class="home-mockup-dots">
|
|
<span class="home-mockup-dot active"></span>
|
|
<span class="home-mockup-dot"></span>
|
|
<span class="home-mockup-dot"></span>
|
|
</div>
|
|
</div>
|
|
<!-- 2: Letters -->
|
|
<div class="home-mockup home-slide" style="font-size:12px;">
|
|
<div style="font-size:22px; margin-bottom:10px;">Letters</div>
|
|
<div class="notif-divider"></div>
|
|
<div style="display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:10px; height:20px;">
|
|
<div style="font-size:16px; line-height:20px; flex:1;">Project update for next week</div>
|
|
<span class="material-symbols-outlined" style="font-size:16px; line-height:20px; height:20px; display:flex; align-items:center;">settings</span>
|
|
</div>
|
|
<div class="notif-divider" style="margin:8px 0;"></div>
|
|
<div style="display:flex; justify-content:space-between; font-size:11px;">
|
|
<span>Gmail</span><span>6:42 PM</span>
|
|
</div>
|
|
<div class="notif-divider" style="margin:8px 0;"></div>
|
|
<div style="font-size:12px;">Hi, just wanted to share the latest deck before our sync tomorrow.</div>
|
|
<div style="margin-top:auto; display:flex; justify-content:space-between; font-size:13px;">
|
|
<span>DISMISS</span><span>OPEN</span>
|
|
</div>
|
|
</div>
|
|
<!-- 3: Simple Tray -->
|
|
<div class="home-mockup home-slide" style="font-size:12px;">
|
|
<div style="display:flex; justify-content:space-between; margin-bottom:10px;">
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">wifi</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">bluetooth</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">signal_cellular_alt</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">flashlight_on</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">settings</span></span>
|
|
</div>
|
|
<div class="notif-slider" style="margin:12px 0;"></div>
|
|
<div style="display:flex; justify-content:space-between; font-size:11px; margin:0 0 12px;">
|
|
<span>Clear All</span><span>4</span>
|
|
</div>
|
|
<div class="notif-card">
|
|
<div style="display:flex; justify-content:space-between; align-items:flex-start;">
|
|
<div style="font-size:13px;">USB debugging connected</div>
|
|
<span class="material-symbols-outlined" style="font-size:14px;">settings</span>
|
|
</div>
|
|
<div style="font-size:10px;">Android System · 18:42</div>
|
|
<div style="font-size:11px;">Tap to turn off USB debugging</div>
|
|
</div>
|
|
<div class="notif-card">
|
|
<div style="display:flex; justify-content:space-between; align-items:flex-start;">
|
|
<div style="font-size:13px;">Move your money for less</div>
|
|
<span class="material-symbols-outlined" style="font-size:14px;">settings</span>
|
|
</div>
|
|
<div style="font-size:10px;">Wise · 18:38</div>
|
|
<div style="font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">Setting up a transfer in Wise takes seconds.</div>
|
|
</div>
|
|
<div style="margin-top:auto; display:flex; justify-content:space-between;">
|
|
<span class="material-symbols-outlined" style="font-size:20px;">home</span>
|
|
<span class="material-symbols-outlined" style="font-size:20px;">settings</span>
|
|
</div>
|
|
</div>
|
|
<!-- 4: Hub -->
|
|
<div class="home-mockup home-slide" style="font-size:12px;">
|
|
<div style="display:flex; justify-content:space-between; margin-bottom:8px;">
|
|
<span class="notif-toggle notif-toggle-active"><span class="material-symbols-outlined" style="font-size:18px;">notifications</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">chat</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">phone</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">mail</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">calendar_month</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">more_horiz</span></span>
|
|
</div>
|
|
<div style="display:flex; justify-content:space-between; font-size:11px; margin-bottom:8px;">
|
|
<span>All (5)</span><span>Clear All</span>
|
|
</div>
|
|
<div class="notif-card">
|
|
<div style="display:flex; justify-content:space-between;">
|
|
<div style="font-size:13px;">Wife</div>
|
|
<span style="font-size:10px;">18:44</span>
|
|
</div>
|
|
<div style="font-size:11px;">Buy some bread</div>
|
|
</div>
|
|
<div class="notif-card">
|
|
<div style="display:flex; justify-content:space-between;">
|
|
<div style="font-size:13px;">USB debugging connected</div>
|
|
<span style="font-size:10px;">18:42</span>
|
|
</div>
|
|
<div style="font-size:11px;">Tap to turn off USB debugging</div>
|
|
</div>
|
|
<div class="notif-card">
|
|
<div style="display:flex; justify-content:space-between;">
|
|
<div style="font-size:13px;">Move your money for less</div>
|
|
<span style="font-size:10px;">18:38</span>
|
|
</div>
|
|
<div style="font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">Setting up a transfer in Wise takes seconds.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="f-card-text">
|
|
<h3 class="f-title">Notifications.</h3>
|
|
<p class="f-desc">Home badges, Letters reader, Simple Tray toggles, Hub center. Four ways to stay informed.</p>
|
|
</div>
|
|
</div>
|
|
<div class="f-card" id="gestureDemoCell" style="cursor:pointer;">
|
|
<div class="f-card-graphic" style="padding:0;">
|
|
<span class="tap-hint"><span class="material-symbols-outlined" style="font-size:18px;">touch_app</span></span>
|
|
<div class="home-slideshow">
|
|
<!-- 1: Home + swipe up arrow -->
|
|
<div class="home-mockup home-slide active gesture-slide" style="text-align:center; justify-content:center; gap:8px;">
|
|
<div class="notif-app">Signal</div>
|
|
<div class="notif-app">Auxio</div>
|
|
<div class="notif-app">Bolt</div>
|
|
<div class="notif-app">Calendar</div>
|
|
<div class="gesture-arrow gesture-up">
|
|
<span class="material-symbols-outlined">keyboard_arrow_up</span>
|
|
<span class="gesture-label">App Drawer</span>
|
|
</div>
|
|
</div>
|
|
<!-- 2: App Drawer result -->
|
|
<div class="home-mockup home-slide gesture-slide" style="font-size:12px;">
|
|
<div style="display:flex; width:100%; height:100%;">
|
|
<div style="flex:1; display:flex; flex-direction:column; gap:4px;">
|
|
<div style="font-size:16px; margin-bottom:6px;">>_</div>
|
|
<div class="notif-app" style="text-align:left; font-size:14px;">Calculator</div>
|
|
<div class="notif-app" style="text-align:left; font-size:14px;">Calendar</div>
|
|
<div class="notif-app" style="text-align:left; font-size:14px;">Camera</div>
|
|
<div class="notif-app" style="text-align:left; font-size:14px;">Chrome</div>
|
|
<div class="notif-app" style="text-align:left; font-size:14px;">Claude</div>
|
|
<div class="notif-app" style="text-align:left; font-size:14px;">Clock</div>
|
|
<div class="notif-app" style="text-align:left; font-size:14px;">Contacts</div>
|
|
<div class="notif-app" style="text-align:left; font-size:14px;">Discord</div>
|
|
<div class="notif-app" style="text-align:left; font-size:14px;">Drive</div>
|
|
</div>
|
|
<div class="az-sidebar">
|
|
<span>A</span><span>B</span><span class="az-active">C</span><span>D</span><span>F</span><span>H</span><span>K</span><span>M</span><span>P</span><span>R</span><span>S</span><span>T</span><span>V</span><span>Z</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 3: Home + swipe down arrow -->
|
|
<div class="home-mockup home-slide gesture-slide" style="text-align:center; justify-content:center; gap:8px;">
|
|
<div class="gesture-arrow gesture-down" style="bottom:auto; top:20px;">
|
|
<span class="gesture-label">Simple Tray</span>
|
|
<span class="material-symbols-outlined">keyboard_arrow_down</span>
|
|
</div>
|
|
<div class="notif-app">Signal</div>
|
|
<div class="notif-app">Auxio</div>
|
|
<div class="notif-app">Bolt</div>
|
|
<div class="notif-app">Calendar</div>
|
|
</div>
|
|
<!-- 4: Simple Tray result -->
|
|
<div class="home-mockup home-slide gesture-slide" style="font-size:12px;">
|
|
<div style="display:flex; justify-content:space-between; margin-bottom:10px;">
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">wifi</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">bluetooth</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">signal_cellular_alt</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">flashlight_on</span></span>
|
|
<span class="notif-toggle"><span class="material-symbols-outlined" style="font-size:18px;">settings</span></span>
|
|
</div>
|
|
<div class="notif-slider" style="margin:12px 0;"></div>
|
|
<div style="display:flex; justify-content:space-between; font-size:11px; margin:0 0 12px;">
|
|
<span>Clear All</span><span>3</span>
|
|
</div>
|
|
<div class="notif-card">
|
|
<div style="font-size:13px;">USB debugging connected</div>
|
|
<div style="font-size:10px;">Android System · 18:42</div>
|
|
</div>
|
|
<div class="notif-card">
|
|
<div style="font-size:13px;">Charging this device via USB</div>
|
|
<div style="font-size:10px;">Android System · 18:42</div>
|
|
</div>
|
|
</div>
|
|
<!-- 5: Home + swipe right arrow -->
|
|
<div class="home-mockup home-slide gesture-slide" style="text-align:center; justify-content:center; gap:8px;">
|
|
<div class="notif-app">Signal</div>
|
|
<div class="notif-app">Auxio</div>
|
|
<div class="notif-app">Bolt</div>
|
|
<div class="notif-app">Calendar</div>
|
|
<div class="gesture-arrow gesture-left" style="right:auto; left:20px; flex-direction:row;">
|
|
<span class="gesture-label">Recents</span>
|
|
<span class="material-symbols-outlined">keyboard_arrow_right</span>
|
|
</div>
|
|
</div>
|
|
<!-- 6: Recents result -->
|
|
<div class="home-mockup home-slide gesture-slide" style="font-size:12px;">
|
|
<div style="font-size:18px; margin-bottom:12px;">Recents</div>
|
|
<div style="display:flex; justify-content:space-between; padding:5px 0; font-size:14px;"><span>Chrome</span><span style="font-size:11px;">2h 14m</span></div>
|
|
<div style="display:flex; justify-content:space-between; padding:5px 0; font-size:14px;"><span>Signal</span><span style="font-size:11px;">45m</span></div>
|
|
<div style="display:flex; justify-content:space-between; padding:5px 0; font-size:14px;"><span>Calendar</span><span style="font-size:11px;">12m</span></div>
|
|
<div style="display:flex; justify-content:space-between; padding:5px 0; font-size:14px;"><span>Camera</span><span style="font-size:11px;">8m</span></div>
|
|
<div style="display:flex; justify-content:space-between; padding:5px 0; font-size:14px;"><span>Claude</span><span style="font-size:11px;">6m</span></div>
|
|
<div style="display:flex; justify-content:space-between; padding:5px 0; font-size:14px;"><span>Maps</span><span style="font-size:11px;">4m</span></div>
|
|
<div style="display:flex; justify-content:space-between; padding:5px 0; font-size:14px;"><span>Settings</span><span style="font-size:11px;">2m</span></div>
|
|
<div style="display:flex; justify-content:space-between; padding:5px 0; font-size:14px;"><span>Phone</span><span style="font-size:11px;">1m</span></div>
|
|
</div>
|
|
<!-- 7: Home + swipe left arrow -->
|
|
<div class="home-mockup home-slide gesture-slide" style="text-align:center; justify-content:center; gap:8px;">
|
|
<div class="gesture-arrow gesture-right" style="right:20px; flex-direction:row;">
|
|
<span class="material-symbols-outlined">keyboard_arrow_left</span>
|
|
<span class="gesture-label">Letters</span>
|
|
</div>
|
|
<div class="notif-app">Signal</div>
|
|
<div class="notif-app">Auxio</div>
|
|
<div class="notif-app">Bolt</div>
|
|
<div class="notif-app">Calendar</div>
|
|
</div>
|
|
<!-- 8: Letters result -->
|
|
<div class="home-mockup home-slide gesture-slide" style="font-size:12px;">
|
|
<div style="font-size:18px; margin-bottom:10px;">Letters</div>
|
|
<div class="notif-divider"></div>
|
|
<div style="display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:10px; height:18px;">
|
|
<div style="font-size:14px; line-height:18px; flex:1;">Project update for next week</div>
|
|
<span class="material-symbols-outlined" style="font-size:14px; line-height:18px; height:18px; display:flex; align-items:center;">settings</span>
|
|
</div>
|
|
<div class="notif-divider" style="margin:8px 0;"></div>
|
|
<div style="display:flex; justify-content:space-between; font-size:11px;">
|
|
<span>Gmail</span><span>6:42 PM</span>
|
|
</div>
|
|
<div class="notif-divider" style="margin:8px 0;"></div>
|
|
<div style="font-size:12px;">Hi, just wanted to share the latest deck before our sync tomorrow.</div>
|
|
<div style="margin-top:auto; display:flex; justify-content:space-between; font-size:13px;">
|
|
<span>DISMISS</span><span>OPEN</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="f-card-text">
|
|
<h3 class="f-title">Swipe to navigate.</h2>
|
|
<p class="f-desc">Every swipe direction and tap is configurable. Open any screen/action with a gesture</p>
|
|
</div>
|
|
</div>
|
|
<div class="f-card" id="searchDemoCell" style="cursor:pointer;">
|
|
<div class="f-card-graphic">
|
|
<span class="tap-hint"><span class="material-symbols-outlined" style="font-size:18px;">touch_app</span></span>
|
|
<div style="display:flex; width:100%; height:100%;">
|
|
<div class="search-demo" id="searchDemo" style="flex:1;">
|
|
<div class="search-label" id="searchLabel"></div>
|
|
<div class="search-query" id="searchQuery">>_</div>
|
|
<div class="search-results" id="searchResults"></div>
|
|
</div>
|
|
<div class="az-sidebar" id="azSidebar">
|
|
<span>A</span><span>B</span><span class="az-active">C</span><span>D</span><span>E</span><span>F</span><span>G</span><span>H</span><span>I</span><span>K</span><span>L</span><span>M</span><span>N</span><span>P</span><span>R</span><span>S</span><span>T</span><span>U</span><span>W</span><span>Z</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="f-card-text">
|
|
<h3 class="f-title">Search anything.</h3>
|
|
<p class="f-desc">Apps, contacts, shortcuts, settings. One search bar, every source.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- MORE FEATURES — TALL CARDS -->
|
|
<section class="cards-section" id="more">
|
|
<div class="cards-section-inner">
|
|
<div class="cards-header">
|
|
<h2>And everything else.</h2>
|
|
<p>The smaller things that make the difference.</p>
|
|
</div>
|
|
<div class="cards-grid">
|
|
<div class="tall-card">
|
|
<div class="tall-card-bg"><img loading="lazy" src="img/mockups/eink.jpg" alt=""></div>
|
|
<div class="tall-card-overlay" style="background:linear-gradient(to bottom, rgba(255,255,255,1) 25%, rgba(255,255,255,0.6) 40%, transparent 60%);"></div>
|
|
<div class="tall-card-content" style="color:#000;">
|
|
<div>
|
|
<div class="tall-card-tag" style="background:#000; color:#fff;">B&W</div>
|
|
<h3>Perfect for<br>E-ink devices.</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tall-card">
|
|
<div class="tall-card-bg"><img loading="lazy" src="img/mockups/qwerty.jpg" alt=""></div>
|
|
<div class="tall-card-overlay" style="background:linear-gradient(to bottom, rgba(255,255,255,1) 25%, rgba(255,255,255,0.6) 40%, transparent 60%);"></div>
|
|
<div class="tall-card-content" style="color:#000;">
|
|
<div>
|
|
<div class="tall-card-tag" style="background:#000; color:#fff;">QWERTY</div>
|
|
<h3>Built for<br>QWERTY phones.</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tall-card">
|
|
<div class="tall-card-bg"><img loading="lazy" src="img/mockups/slab.jpg" alt=""></div>
|
|
<div class="tall-card-overlay" style="background:linear-gradient(to bottom, rgba(255,255,255,1) 25%, rgba(255,255,255,0.6) 40%, transparent 60%);"></div>
|
|
<div class="tall-card-content" style="color:#000;">
|
|
<div>
|
|
<div class="tall-card-tag" style="background:#000; color:#fff;">Touch</div>
|
|
<h3>Pages, not<br>endless feeds.</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tall-card">
|
|
<div class="tall-card-bg"><img loading="lazy" src="img/mockups/dpad.jpg" alt=""></div>
|
|
<div class="tall-card-overlay" style="background:linear-gradient(to bottom, rgba(255,255,255,1) 25%, rgba(255,255,255,0.6) 40%, transparent 60%);"></div>
|
|
<div class="tall-card-content" style="color:#000;">
|
|
<div>
|
|
<div class="tall-card-tag" style="background:#000; color:#fff;">D-pad</div>
|
|
<h3>Full D-pad<br>navigation.</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- TESTIMONIALS -->
|
|
<section class="testimonials">
|
|
<div class="testimonials-pad">
|
|
<div class="testimonials-header">
|
|
<h2 class="testimonials-head">Testimonials.</h2>
|
|
<div class="testimonials-nav">
|
|
<button class="testimonial-prev">←</button>
|
|
<button class="testimonial-next">→</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="testimonials-track">
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"This launcher made me LOVE the Mudita Kompakt. It's so beautiful. The asterisks as notifications are such a perfect level of noticeable. Honestly feels like I have a magical notebook instead of a phone. You have true vision."</p>
|
|
<p class="testimonial-author">Atticus</p>
|
|
<p class="testimonial-source">Mudita Kompakt</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"I love this. Thank you for putting time and effort into InkOS. Thanks again from a Bigme Hibreak Pro user."</p>
|
|
<p class="testimonial-author">Patrick F.</p>
|
|
<p class="testimonial-source">Bigme Hibreak Pro</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"This launcher is freaking awesome. Made my Viwoods AiPaper Reader so much better. Thank you!"</p>
|
|
<p class="testimonial-author">Jerome</p>
|
|
<p class="testimonial-source">Viwoods AiPaper Reader</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"InkOS has my Sidephone looking and running as awesome and as minimalistic as I'd hoped! Keep up the great work!"</p>
|
|
<p class="testimonial-author">Sahalu</p>
|
|
<p class="testimonial-source">Sidephone</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"Works perfectly on my Bigme Hibreak Pro Color. Thank you!"</p>
|
|
<p class="testimonial-author">Markus U.</p>
|
|
<p class="testimonial-source">Bigme Hibreak Pro Color</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"Thank you for making this - it makes the Kompakt the perfect phone."</p>
|
|
<p class="testimonial-author">Miles</p>
|
|
<p class="testimonial-source">Mudita Kompakt</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"Thank you so much for the amazing work you do with inkOS! It is phenomenal how much it improves the Mudita Kompakt experience."</p>
|
|
<p class="testimonial-author">Nils T.</p>
|
|
<p class="testimonial-source">Mudita Kompakt</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"Incredible work. Loving inkOS on my Kompakt."</p>
|
|
<p class="testimonial-author">Stone</p>
|
|
<p class="testimonial-source">Mudita Kompakt</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"Thanks for the awesome launcher I am using on my Mudita Kompakt. Makes it a much more rounded phone to use. Amazing to see the steady improvements and how you are there for questions and support!"</p>
|
|
<p class="testimonial-author">Tilman B.</p>
|
|
<p class="testimonial-source">Mudita Kompakt</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"Thank you for the excellent work gone in to inkOS! The Mudita Kompakt sings with this OS."</p>
|
|
<p class="testimonial-author">Batesy</p>
|
|
<p class="testimonial-source">Mudita Kompakt</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"Thank you so much for creating inkOS. Loaded it on my Kompakt and I just love it!"</p>
|
|
<p class="testimonial-author">A.</p>
|
|
<p class="testimonial-source">Mudita Kompakt</p>
|
|
</div>
|
|
<div class="testimonial">
|
|
<p class="testimonial-text">"Thank you! My Kompakt is 100% better now."</p>
|
|
<p class="testimonial-author">g3rbinson</p>
|
|
<p class="testimonial-source">Mudita Kompakt</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ -->
|
|
<section class="faq-section" id="faq">
|
|
<div class="faq-split">
|
|
<div class="faq-left">
|
|
<h2 class="faq-head">Frequently asked questions.</h2>
|
|
<p class="faq-sub">Can't find what you're looking for? Open an issue on <a href="https://github.com/gezimos/inkOS/issues" target="_blank">GitHub</a> or ask on <a href="https://reddit.com/r/inkos" target="_blank">r/inkos</a>.</p>
|
|
<div style="display:flex; gap:10px; flex-wrap:wrap;">
|
|
<a href="https://github.com/gezimos/inkOS/issues" target="_blank" class="faq-contact">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
|
|
Open an Issue
|
|
</a>
|
|
<a href="https://reddit.com/r/inkos" target="_blank" class="faq-contact">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 0A12 12 0 000 12a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0012 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 01-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 01.042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 014.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 01.14-.197.35.35 0 01.238-.042l2.906.617a1.214 1.214 0 011.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 00-.231.094.33.33 0 000 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 000-.462.342.342 0 00-.463 0c-.463.463-1.376.645-2.498.645-1.123 0-2.05-.196-2.498-.645a.326.326 0 00-.232-.094z"/></svg>
|
|
r/inkos
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="faq-right">
|
|
<div class="faq-item">
|
|
<button class="faq-q" onclick="this.parentElement.classList.toggle('open')"><span class="material-symbols-outlined faq-icon">smartphone</span>Does it work on regular phones?<span class="faq-plus">+</span></button>
|
|
<div class="faq-a">Yes. Designed for E-ink but works on any Android 8.0+ device. Looks especially good on OLED.</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-q" onclick="this.parentElement.classList.toggle('open')"><span class="material-symbols-outlined faq-icon">home</span>Is inkOS an operating system?<span class="faq-plus">+</span></button>
|
|
<div class="faq-a">No. inkOS is an Android app, a launcher. It only changes the look of your home screen and how you navigate to your apps. It does not replace Android, modify your data, or affect other apps or accounts on your device.</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-q" onclick="this.parentElement.classList.toggle('open')"><span class="material-symbols-outlined faq-icon">lock</span>What permissions does it need?<span class="faq-plus">+</span></button>
|
|
<div class="faq-a">On first launch, onboarding asks you to enable Notification Access in Android settings so inkOS can show notifications on Home, Letters, and Simple Tray. Everything else (contacts, calendar, files, and so on) is optional and only requested when you turn on the feature that uses it. Nothing leaves your device. <a href="permissions/">Full list</a>.</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-q" onclick="this.parentElement.classList.toggle('open')"><span class="material-symbols-outlined faq-icon">apps</span>Can I use my own icon packs?<span class="faq-plus">+</span></button>
|
|
<div class="faq-a">Yes. Any icon pack from the Play Store works. You can also use system icons, inkOS tinted style, or text-only letters.</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-q" onclick="this.parentElement.classList.toggle('open')"><span class="material-symbols-outlined faq-icon">widgets</span>Does it support widgets?<span class="faq-plus">+</span></button>
|
|
<div class="faq-a">Yes. You can choose either a built-in inkOS widget or any standard Android widget. One widget on the home screen, so it stays clean.</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-q" onclick="this.parentElement.classList.toggle('open')"><span class="material-symbols-outlined faq-icon">history</span>How do I switch back to my old launcher?<span class="faq-plus">+</span></button>
|
|
<div class="faq-a">inkOS Settings, Advanced, Change default launcher. Or through Android Settings, Apps, Default apps, Home. Nothing permanent changed.</div>
|
|
</div>
|
|
<div class="faq-item">
|
|
<button class="faq-q" onclick="this.parentElement.classList.toggle('open')"><span class="material-symbols-outlined faq-icon">tablet_android</span>Which E-ink devices are supported?<span class="faq-plus">+</span></button>
|
|
<div class="faq-a">Any E-ink device running Android 8.0+. Mudita Kompakt, Boox Palma, Vivwoods, HiBreak, Minimal Phone, and others.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FOOTER -->
|
|
<footer class="site-footer">
|
|
<div class="footer-inner">
|
|
<div class="footer-top">
|
|
<div class="footer-brand">
|
|
<div class="footer-brand-logo">
|
|
<img src="img/inkos_logo_w.svg" alt="inkOS">
|
|
</div>
|
|
<p>A free, open-source Android launcher for people who'd rather use their phone less.</p>
|
|
<div class="footer-btns">
|
|
<a href="https://play.google.com/store/apps/details?id=app.inkos" class="footer-btn footer-btn-fill">Google Play</a>
|
|
<a href="https://github.com/gezimos/inkOS" class="footer-btn">GitHub</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-col">
|
|
<h3>Product</h3>
|
|
<a href="./">Home</a>
|
|
<a href="about/">About</a>
|
|
<a href="features/">Features</a>
|
|
<a href="presets/">Presets</a>
|
|
<a href="changelog/">Changelog</a>
|
|
<a href="index.html#faq">FAQ</a>
|
|
<a href="https://youtube.com/@gezimos" target="_blank">YouTube</a>
|
|
</div>
|
|
<div class="footer-col">
|
|
<h3>Legal</h3>
|
|
<a href="privacy/">Privacy Policy</a>
|
|
<a href="permissions/">Permissions</a>
|
|
<a href="https://github.com/gezimos/inkOS/blob/main/LICENSE">License</a>
|
|
</div>
|
|
<div class="footer-col">
|
|
<h3>Support</h3>
|
|
<p style="font-size:14px; color:#aaa; line-height:1.6; margin-bottom:16px;">This project required a lot of beans. Coffee is appreciated.</p>
|
|
<a href="https://www.buymeacoffee.com/gezimos" target="_blank" class="footer-btn" style="padding:6px 12px; background:#FFDD00; color:#000; border-color:#FFDD00; align-self:flex-start; width:fit-content;">
|
|
<img src="img/bmc.svg" alt="Buy me a coffee" style="height:24px; display:block;">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<span class="footer-copy">© 2026 inkOS. All rights reserved.</span>
|
|
<div class="footer-bottom-links">
|
|
<a href="privacy/">Privacy</a>
|
|
<a href="permissions/">Permissions</a>
|
|
<a href="https://github.com/gezimos/inkOS">GitHub</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="script.js"></script>
|
|
|
|
</body>
|
|
</html>
|