Files
inkOS/docs/about/index.html
2026-06-07 22:37:12 +03:00

215 lines
12 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 — About</title>
<meta name="description" content="Learn about inkOS, a free, open-source minimal Android launcher built for E-ink, T9, QWERTY and touch devices.">
<link rel="canonical" href="https://inkos.gez.im/about/">
<meta property="og:type" content="website">
<meta property="og:title" content="inkOS — About">
<meta property="og:description" content="Learn about inkOS, a free, open-source minimal Android launcher built for E-ink, T9, QWERTY and touch devices.">
<meta property="og:url" content="https://inkos.gez.im/about/">
<meta property="og:image" content="https://inkos.gez.im/img/og.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="inkOS — About">
<meta name="twitter:description" content="Learn about inkOS, a free, open-source minimal Android launcher built for E-ink, T9, QWERTY and touch 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">
<!-- 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/" style="color:#fff;">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 hero-features">
<h1>What inkOS is.</h1>
<p>A minimal Android launcher for e-ink, keypad, and touch devices. No animations, no tracking, fully offline.</p>
<div class="hero-count">
<span class="material-symbols-outlined" style="font-size:14px;">add</span>
8 categories &middot; 150+ settings
</div>
</section>
<!-- SECTION 1: PURPOSE -->
<section class="about-page-section">
<div class="about-page-inner about-purpose-block">
<div class="purpose-text">
<h2>Why does inkOS exist?</h2>
<p>Most launchers are designed for speed — smooth scrolling, fluid animations, long transitions. That works fine on a flagship OLED. It falls apart on an e-ink screen, where every animation leaves ghosting and every scroll feels like dragging through mud.</p>
<p>Touch-first interfaces also ignore the growing number of devices with physical keyboards and D-pads. If your phone has buttons, most launchers simply don't care.</p>
<p>inkOS does the opposite. It strips away everything that doesn't belong on a slow-refresh display — or in front of someone who just wants to use their phone and put it down. No animations. No smooth scrolling. No wasted motion.</p>
</div>
<div class="purpose-bento">
<div class="bento-card">
<span class="bento-num">01</span>
<h3>Paged scrolling</h3>
<p>The entire page changes at once — no partial movement, no trailing artifacts. Eliminates ghosting on e-ink and benefits anyone sensitive to motion.</p>
</div>
<div class="bento-card">
<span class="bento-num">02</span>
<h3>Zero animations</h3>
<p>Nothing fades, slides, or bounces. Every interaction is instant and static.</p>
</div>
<div class="bento-card">
<span class="bento-num">03</span>
<h3>Two-color theming</h3>
<p>Text and background. Two channels. Maximum contrast on any screen.</p>
</div>
</div>
</div>
</section>
<!-- SECTION 2: EVERY DEVICE -->
<section class="about-page-section about-page-dark">
<div class="about-page-inner">
<div class="about-page-header">
<h2>Built for every device.</h2>
<p>inkOS wasn't made to satisfy a niche. It was made for the people. Any Android device, any input method.</p>
</div>
<div class="about-page-grid">
<div class="about-page-card">
<div class="about-page-card-icon">
<span class="material-symbols-outlined" style="font-size:28px;">tablet_android</span>
</div>
<h3>E-ink</h3>
<p>Optimized for Boox, Bigme, Mudita Kompakt, and any e-ink Android device. No animations means no ghosting. Paged navigation means no partial refreshes. Two-color theming means maximum contrast.</p>
</div>
<div class="about-page-card">
<div class="about-page-card-icon">
<span class="material-symbols-outlined" style="font-size:28px;">keyboard</span>
</div>
<h3>QWERTY</h3>
<p>With the return of physical keyboard phones — Unihertz Titan, Minimal Phone, and the upcoming Clicks Communicator — inkOS is built to take full advantage. Start typing on your home screen to search instantly. No screen to touch. Just type.</p>
</div>
<div class="about-page-card">
<div class="about-page-card-icon">
<span class="material-symbols-outlined" style="font-size:28px;">dialpad</span>
</div>
<h3>D-pad & T9</h3>
<p>Every screen in inkOS is fully navigable with a D-pad. Toggle settings, browse apps, read notifications — all without touch. Perfect for people who don't like touchscreens, and essential for Android devices that don't have one at all.</p>
</div>
<div class="about-page-card">
<div class="about-page-card-icon">
<span class="material-symbols-outlined" style="font-size:28px;">touch_app</span>
</div>
<h3>Touch</h3>
<p>Bring a powerful flagship and still enjoy the calm nature of the app. Swipe gestures, double-tap actions, long-press menus — all configurable. inkOS works beautifully on any touchscreen Android device, from 240p flip phones to 1440p flagships.</p>
</div>
</div>
</div>
</section>
<!-- SECTION 3: NAMING -->
<section class="about-page-section">
<div class="about-page-inner">
<div class="about-page-left">
<h2>What's in the name?</h2>
<p><strong>ink</strong> comes from E-ink. The app started as a fork of oLauncher, optimized for E-ink phones like the Mudita Kompakt. Other people started installing it, so I decided to support as many devices as possible, but kept the original name.</p>
<p><strong>OS</strong> is a little play on "Operating System", but it mostly ties back to my own name. It's the diminutive suffix of my name in my mother tongue, which is why my GitHub username is Gezimos.</p>
</div>
<div class="about-page-right">
<div style="display:flex; flex-direction:column; gap:12px;">
<div class="about-page-card" style="padding:24px; display:flex; gap:20px; align-items:flex-start;">
<div class="about-page-card-icon" style="color:var(--black); width:56px; height:56px; border-radius:14px; margin-bottom:0; flex-shrink:0;">
<span class="material-symbols-outlined" style="font-size:32px;">block</span>
</div>
<div>
<h3 style="margin-bottom:4px;">Not an OS</h3>
<p>inkOS is not an operating system. It's an Android app, a launcher.</p>
</div>
</div>
<div class="about-page-card" style="padding:24px; display:flex; gap:20px; align-items:flex-start;">
<div class="about-page-card-icon" style="color:var(--black); width:56px; height:56px; border-radius:14px; margin-bottom:0; flex-shrink:0;">
<span class="material-symbols-outlined" style="font-size:32px;">home</span>
</div>
<div>
<h3 style="margin-bottom:4px;">Home screen</h3>
<p>It changes the look of your home screen and how you navigate to your apps.</p>
</div>
</div>
<div class="about-page-card" style="padding:24px; display:flex; gap:20px; align-items:flex-start;">
<div class="about-page-card-icon" style="color:var(--black); width:56px; height:56px; border-radius:14px; margin-bottom:0; flex-shrink:0;">
<span class="material-symbols-outlined" style="font-size:32px;">shield</span>
</div>
<div>
<h3 style="margin-bottom:4px;">Not a ROM</h3>
<p>It does not replace Android, modify your data, or affect other apps in your device.</p>
</div>
</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">Source Code</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="..#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">&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>