MstfSlm38 · MstfSlm38 · Aug 27, 2026 · Aug 27, 2026 · Aug 27, 2026 · Aug 27, 2026
diff --git a/docs/index.html b/docs/index.html
@@ -3,22 +3,42 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="description" content="CodeSnip — a modern, fast and offline code & prompt manager for developers.">
-  <meta name="theme-color" content="#0b0d12">
+  <meta name="description" content="CodeSnip — Next-Gen Code & Prompt Manager.">
+  <meta name="theme-color" content="#00adb5">
+  <link rel="icon" href="https://raw.githubusercontent.com/MstfSlm38/CodeSnip/26Q2.5/icon.ico" type="image/x-icon">
   <title>CodeSnip — Next-Gen Code & Prompt Manager</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="style.css">
 </head>
 <body>
-  <header class="nav-wrap"><nav class="nav container"><a class="brand" href="#top"><span class="brand-mark">&lt;/&gt;</span><span>CodeSnip</span></a><div class="nav-links"><a href="#features">Features</a><a href="#screenshots">Screenshots</a><a href="#roadmap">Roadmap</a><a href="https://github.com/MstfSlm38/CodeSnip">GitHub</a></div><button class="menu" id="menu" aria-label="Open menu">☰</button></nav></header>
-  <main id="top">
-    <section class="hero container"><div class="hero-copy"><span class="eyebrow">NEXT-GENERATION CODE & PROMPT MANAGER</span><h1>Your code.<br><span>Organized.</span></h1><p class="lead">A modern, fast and completely offline desktop app for code snippets, terminal commands and AI prompts.</p><div class="actions"><a class="btn primary" href="https://github.com/MstfSlm38/CodeSnip/releases">Download CodeSnip <span>↗</span></a><a class="btn secondary" href="https://github.com/MstfSlm38/CodeSnip">View source</a></div><div class="meta"><span>Electron</span><i></i><span>MIT License</span><i></i><span>Offline-first</span></div></div><div class="hero-card glass"><div class="window-bar"><span></span><span></span><span></span><b>CodeSnip</b></div><div class="mock-sidebar"><div class="mock-logo">&lt;/&gt;</div><div class="mock-line active"></div><div class="mock-line"></div><div class="mock-line"></div><div class="mock-line short"></div></div><div class="mock-main"><div class="mock-search">⌕ &nbsp; Search snippets...</div><div class="mock-title">My snippets</div><div class="snippet"><small>JavaScript</small><strong>fetchData()</strong><span>async function fetchData() { ... }</span></div><div class="snippet"><small>PowerShell</small><strong>Build project</strong><span>npm run dist</span></div><div class="snippet"><small>Prompt</small><strong>Code reviewer</strong><span>Review this code for bugs...</span></div></div></div></section>
-    <section class="trusted container"><span>BUILT FOR PEOPLE WHO BUILD</span><div><b>Developers</b><b>AI Users</b><b>Designers</b><b>Power Users</b></div></section>
-    <section id="features" class="section container"><div class="section-head"><span class="eyebrow">FEATURES</span><h2>Everything you need.<br>Nothing you don't.</h2><p>CodeSnip keeps your frequently used code and prompts close, searchable and available even without an internet connection.</p></div><div class="feature-grid"><article class="feature glass"><div class="icon">⌕</div><h3>Spotlight Search</h3><p>Find snippets instantly with global Spotlight search. Use <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd> from anywhere.</p></article><article class="feature glass"><div class="icon">✦</div><h3>Liquid Glass UI</h3><p>A clean, modern interface designed around fast navigation and a focused workspace.</p></article><article class="feature glass"><div class="icon">↗</div><h3>Share with Base64</h3><p>Create compact Base64-based sharing links for snippets without sending your data to a server.</p></article><article class="feature glass"><div class="icon">◉</div><h3>Offline by Design</h3><p>Your snippets stay local. CodeSnip works without requiring an internet connection.</p></article><article class="feature glass"><div class="icon">文</div><h3>TR / EN</h3><p>Switch between Turkish and English and keep the workspace comfortable for your workflow.</p></article><article class="feature glass"><div class="icon">▦</div><h3>Categories</h3><p>Organize snippets into categories and filter your collection quickly as it grows.</p></article></div></section>
-    <section id="screenshots" class="section container screenshots"><div class="section-head"><span class="eyebrow">THE WORKSPACE</span><h2>Made to stay out of your way.</h2></div><div class="shots"><figure class="shot large"><img src="https://github.com/user-attachments/assets/1e01968b-ef57-46bb-a8e7-743f0b2e65e5" alt="CodeSnip application interface"></figure><figure class="shot"><img src="https://github.com/user-attachments/assets/e31ec191-3f60-4b64-9a4b-7a8306fd653d" alt="CodeSnip screenshot"></figure><figure class="shot"><img src="https://github.com/user-attachments/assets/83036436-5c32-43c4-aa88-24eea23bbb24" alt="CodeSnip screenshot"></figure></div></section>
-    <section id="roadmap" class="section container"><div class="section-head"><span class="eyebrow">ROADMAP</span><h2>Built in releases.<br>Always moving forward.</h2></div><div class="timeline"><div class="release done"><span>v1.0</span><div><h3>Initial Release</h3><p>CodeSnip starts its journey.</p></div></div><div class="release done"><span>26Q2</span><div><h3>Spotlight & Liquid Glass</h3><p>Spotlight search, sharing and redesigned UI.</p></div></div><div class="release done"><span>26Q2.5</span><div><h3>JSON & Improved Spotlight</h3><p>Import/export improvements and updated version naming.</p></div></div><div class="release done"><span>26Q3.1</span><div><h3>Critical Hotfixes</h3><p>Stability improvements for the current release line.</p></div></div><div class="release next"><span>26Q3.5</span><div><h3>Next up</h3><p>Important hotfixes, Spanish language support and light-theme improvements.</p></div></div><div class="release"><span>27Q1</span><div><h3>Plugin System</h3><p>Plugins and code preview are planned for the future.</p></div></div></div></section>
-    <section class="cta container glass"><div><span class="eyebrow">READY?</span><h2>Keep your best code one shortcut away.</h2><p>Download CodeSnip or explore the source on GitHub.</p></div><div class="actions"><a class="btn primary" href="https://github.com/MstfSlm38/CodeSnip/releases">Get CodeSnip ↗</a><a class="btn secondary" href="https://github.com/MstfSlm38/CodeSnip">GitHub</a></div></section>
-  </main><footer class="footer container"><div><b>CodeSnip</b><span>Next-Gen Code & Prompt Manager</span></div><div><span>MIT License</span><a href="https://github.com/MstfSlm38/CodeSnip">MstfSlm38/CodeSnip</a></div></footer><script src="script.js"></script>
-</body></html>
+<header class="nav-wrap"><nav class="nav container">
+  <a class="brand" href="#top"><img src="https://raw.githubusercontent.com/MstfSlm38/CodeSnip/26Q2.5/icon.ico" alt="CodeSnip logo"><span>CodeSnip</span></a>
+  <div class="nav-links"><a href="#features" data-i18n="features">Features</a><a href="#screenshots" data-i18n="screenshots">Screenshots</a><a href="#roadmap" data-i18n="roadmap">Roadmap</a><a href="https://github.com/MstfSlm38/CodeSnip" data-i18n="github">GitHub</a></div>
+  <div class="nav-actions"><div class="language"><button id="lang-en" class="lang active">EN</button><span>/</span><button id="lang-tr" class="lang">TR</button></div><button class="menu" id="menu" aria-label="Open menu">☰</button></div>
+</nav></header>
+<main id="top">
+<section class="hero container"><div class="hero-copy"><span class="eyebrow" data-i18n="eyebrow">NEXT-GENERATION CODE & PROMPT MANAGER</span><h1 data-i18n="heroTitle">Your code.<br><span>Organized.</span></h1><p class="lead" data-i18n="heroText">A modern, fast and completely offline desktop app for code snippets, terminal commands and AI prompts.</p><div class="actions"><a class="btn primary" href="https://github.com/MstfSlm38/CodeSnip/releases" data-i18n="download">Download CodeSnip ↗</a><a class="btn secondary" href="https://github.com/MstfSlm38/CodeSnip" data-i18n="source">View source</a></div><div class="meta"><span>Electron</span><i></i><span>MIT License</span><i></i><span data-i18n="offline">Offline-first</span></div></div>
+<div class="hero-card glass"><div class="window-bar"><span></span><span></span><span></span><b>CodeSnip</b></div><div class="mock-sidebar"><img src="https://raw.githubusercontent.com/MstfSlm38/CodeSnip/26Q2.5/icon.ico" alt=""><div class="mock-line active"></div><div class="mock-line"></div><div class="mock-line"></div><div class="mock-line short"></div></div><div class="mock-main"><div class="mock-search">⌕ &nbsp; Search snippets...</div><div class="mock-title">My snippets</div><div class="snippet"><small>JavaScript</small><strong>fetchData()</strong><span>async function fetchData() { ... }</span></div><div class="snippet"><small>PowerShell</small><strong>Build project</strong><span>npm run dist</span></div><div class="snippet"><small>Prompt</small><strong>Code reviewer</strong><span>Review this code for bugs...</span></div></div></div></section>
+<section class="trusted container"><span data-i18n="builtFor">BUILT FOR PEOPLE WHO BUILD</span><div><b>Developers</b><b>AI Users</b><b>Designers</b><b>Power Users</b></div></section>
+<section id="features" class="section container"><div class="section-head"><span class="eyebrow" data-i18n="featureEyebrow">FEATURES</span><h2 data-i18n="featureTitle">Everything you need.<br>Nothing you don't.</h2><p data-i18n="featureIntro">CodeSnip keeps your frequently used code and prompts close, searchable and available even without an internet connection.</p></div><div class="feature-grid">
+<article class="feature glass"><div class="icon">⌕</div><h3 data-i18n="f1t">Spotlight Search</h3><p data-i18n="f1p">Find snippets instantly with global Spotlight search. Use Ctrl + Shift + S from anywhere.</p></article>
+<article class="feature glass"><div class="icon">✦</div><h3 data-i18n="f2t">Liquid Glass UI</h3><p data-i18n="f2p">A clean, modern interface designed around fast navigation and a focused workspace.</p></article>
+<article class="feature glass"><div class="icon">↗</div><h3 data-i18n="f3t">Share with Base64</h3><p data-i18n="f3p">Create compact Base64-based sharing links for snippets without sending your data to a server.</p></article>
+<article class="feature glass"><div class="icon">◉</div><h3 data-i18n="f4t">Offline by Design</h3><p data-i18n="f4p">Your snippets stay local. CodeSnip works without requiring an internet connection.</p></article>
+<article class="feature glass"><div class="icon">文</div><h3 data-i18n="f5t">TR / EN</h3><p data-i18n="f5p">Switch between Turkish and English and keep the workspace comfortable for your workflow.</p></article>
+<article class="feature glass"><div class="icon">▦</div><h3 data-i18n="f6t">Categories</h3><p data-i18n="f6p">Organize snippets into categories and filter your collection quickly as it grows.</p></article>
+</div></section>
+<section id="screenshots" class="section container screenshots"><div class="section-head"><span class="eyebrow" data-i18n="workspace">THE WORKSPACE</span><h2 data-i18n="workspaceTitle">Made to stay out of your way.</h2></div><div class="shots"><figure class="shot large"><img src="https://github.com/user-attachments/assets/1e01968b-ef57-46bb-a8e7-743f0b2e65e5" alt="CodeSnip application interface"></figure><figure class="shot"><img src="https://github.com/user-attachments/assets/e31ec191-3f60-4b64-9a4b-7a8306fd653d" alt="CodeSnip screenshot"></figure><figure class="shot"><img src="https://github.com/user-attachments/assets/83036436-5c32-43c4-aa88-24eea23bbb24" alt="CodeSnip screenshot"></figure></div></section>
+<section id="roadmap" class="section container"><div class="section-head"><span class="eyebrow" data-i18n="roadmapEyebrow">ROADMAP</span><h2 data-i18n="roadmapTitle">Built in releases.<br>Always moving forward.</h2></div><div class="timeline">
+<div class="release done"><span>v1.0</span><div><h3 data-i18n="r1t">Initial Release</h3><p data-i18n="r1p">CodeSnip starts its journey.</p></div></div>
+<div class="release done"><span>26Q2</span><div><h3>Spotlight & Liquid Glass</h3><p data-i18n="r2p">Spotlight search, sharing and redesigned UI.</p></div></div>
+<div class="release done"><span>26Q2.5</span><div><h3>JSON & Improved Spotlight</h3><p data-i18n="r3p">Import/export improvements and updated version naming.</p></div></div>
+<div class="release done"><span>26Q3.1</span><div><h3>Critical Hotfixes</h3><p data-i18n="r4p">Stability improvements for the current release line.</p></div></div>
+<div class="release next"><span>26Q3.5</span><div><h3 data-i18n="r5t">Next up</h3><p data-i18n="r5p">Important hotfixes, Spanish language support and light-theme improvements.</p></div></div>
+<div class="release"><span>27Q1</span><div><h3>Plugin System</h3><p data-i18n="r6p">Plugins and code preview are planned for the future.</p></div></div>
+</div></section>
+<section class="cta container glass"><div><span class="eyebrow" data-i18n="ready">READY?</span><h2 data-i18n="ctaTitle">Keep your best code one shortcut away.</h2><p data-i18n="ctaText">Download CodeSnip or explore the source on GitHub.</p></div><div class="actions"><a class="btn primary" href="https://github.com/MstfSlm38/CodeSnip/releases" data-i18n="get">Get CodeSnip ↗</a><a class="btn secondary" href="https://github.com/MstfSlm38/CodeSnip" data-i18n="github">GitHub</a></div></section>
+</main><footer class="footer container"><div><b>CodeSnip</b><span data-i18n="tagline">Next-Gen Code & Prompt Manager</span></div><div><span>MIT License</span><a href="https://github.com/MstfSlm38/CodeSnip">MstfSlm38/CodeSnip</a></div></footer>
+<script src="script.js"></script></body></html>