1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="description" content="Portfolio of a software developer crafting creative and high-performance mobile apps, desktop systems, and Google Workspace add-ons."> 7 <title>AKA Labs | Creative Engineering & Smart Solutions</title> 8 9 <!-- Google Fonts --> 10 <link rel="preconnect" href="https://fonts.googleapis.com"> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 12 <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500;600&family=Outfit:wght@800&display=swap" rel="stylesheet"> 13 14 <!-- FontAwesome for Icons --> 15 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 16 <link rel="stylesheet" href="css/styles.css"> 17</head> 18<body> 19 20 <!-- Paper Grain Texture Overlay --> 21 <div class="grain-overlay"></div> 22 23 <!-- Navigation --> 24 <header> 25 <div class="container navbar"> 26 <a href="#" class="logo" id="logoLink">AKA <span>Labs</span></a> 27 <ul class="nav-links"> 28 <li><a href="#" class="active" id="navHome">01 // Home</a></li> 29 <li><a href="#apps" id="navApps">02 // My Apps</a></li> 30 <li><a href="#skills" id="navSkills">03 // Tech Stack</a></li> 31 <li><a href="#contact" id="navContact">04 // Contact</a></li> 32 <li><a href="support.html">05 // Support</a></li> 33 </ul> 34 </div> 35 </header> 36 37 <!-- Hero Section (Asymmetric Editorial Layout) --> 38 <section class="hero"> 39 <div class="container hero-grid"> 40 <div class="hero-content"> 41 <span class="hero-badge">Smart Solutions & Apps</span> 42 <h1>Crafting tools of <br><span>absolute precision.</span></h1> 43 <p>Supercharge your digital productivity with local-first, privacy-respecting cross-platform mobile apps, automated Google Workspace extensions, and high-performance desktop utilities built to optimize complex daily workflows.</p> 44 <div class="hero-buttons"> 45 <a href="#apps" class="btn btn-primary"><i class="fa-solid fa-compass"></i> Explore Solutions</a> 46 <a href="#contact" class="btn btn-secondary"><i class="fa-solid fa-envelope"></i> Get In Touch</a> 47 </div> 48 </div> 49 50 <!-- Terminal Live Simulation Widget --> 51 <div class="hero-terminal"> 52 <div class="terminal-header"> 53 <div class="terminal-dots"> 54 <div class="terminal-dot"></div> 55 <div class="terminal-dot"></div> 56 <div class="terminal-dot"></div> 57 </div> 58 <div class="terminal-title">aka-lab-terminal.sh</div> 59 </div> 60 <div class="terminal-body" id="terminalBody"> 61 <div class="terminal-line"><span class="muted">1 </span>$ <span class="accent">init-system-logs</span> --verbose</div> 62 <div class="terminal-line"><span class="muted">2 </span><span class="success">[ok]</span> Lab environment initialized.</div> 63 <div class="terminal-line"><span class="muted">3 </span><span class="success">[ok]</span> Local-first secure sandbox ready.</div> 64 <div class="terminal-line"><span class="muted">4 </span>$ <span class="accent">load-projects</span> --target=dava-belgelerim</div> 65 <div class="terminal-line"><span class="muted">5 </span><span class="muted">[status]</span> Parsing UDF document structure...</div> 66 </div> 67 </div> 68 </div> 69 </section> 70 71 <!-- Apps Showcase Section (Asymmetric Bento Grid) --> 72 <section class="portfolio" id="apps"> 73 <div class="container">
74 <span class="section-meta">[ 02 / PORTFOLIO ]</span> 75 <div class="section-header"> 76 <h2>Featured <span>Applications</span></h2> 77 <p>Niche desktop, mobile, and workspace tools built with privacy-first architectures to streamline legal and productivity tasks.</p> 78 </div> 79 80 <!-- Sliding Capsule Category Filters --> 81 <div class="filter-wrapper"> 82 <div class="filter-controls" id="filterControls"> 83 <div class="filter-indicator" id="filterIndicator"></div> 84 <button class="filter-btn active" data-filter="all" id="filterAll">All Tools</button> 85 <button class="filter-btn" data-filter="legal" id="filterLegal">Legal Tech</button> 86 <button class="filter-btn" data-filter="productivity" id="filterProductivity">Productivity</button> 87 </div> 88 </div> 89 90 <!-- Dynamic Asymmetric Cards Grid --> 91 <div class="app-grid" id="appGrid"> 92 <!-- App cards will be dynamically injected by Javascript --> 93 </div> 94 </div> 95 </section> 96 97 <!-- Tech Stack Section (Spec-Sheet Style) --> 98 <section class="tech-stack" id="skills"> 99 <div class="container"> 100 <span class="section-meta">[ 03 / CORE CAPABILITIES ]</span> 101 <div class="section-header"> 102 <h2>Technical <span>Specifications</span></h2> 103 <p>Engineering platforms, languages, and local-first data services utilized to build secure and scalable client/server tools.</p> 104 </div> 105 106 <div class="skills-grid"> 107 <div class="skill-card"> 108 <span class="skill-type">[ UI / Cross-Platform ]</span> 109 <i class="fa-solid fa-mobile-screen-button"></i> 110 <h4>Flutter & Dart</h4> 111 <p>Highly responsive native compilation for Android, iOS, Windows, macOS, and Linux from a single codebase.</p> 112 </div> 113 <div class="skill-card"> 114 <span class="skill-type">[ Scripting & Automation ]</span> 115 <i class="fa-brands fa-google"></i> 116 <h4>Google Apps Script</h4> 117 <p>Building Workspace add-ons, automating Google Sheets/Docs, and integrating custom APIs seamlessly.</p> 118 </div> 119 <div class="skill-card"> 120 <span class="skill-type">[ Web & Extensions ]</span> 121 <i class="fa-brands fa-js"></i> 122 <h4>JavaScript / TS</h4> 123 <p>Developing lightweight browser extensions, secure client-side parsers, and interactive UI states.</p> 124 </div> 125 <div class="skill-card"> 126 <span class="skill-type">[ Local Database ]</span> 127 <i class="fa-solid fa-database"></i> 128 <h4>SQLite & Hive</h4> 129 <p>Offline-first storage architectures ensuring user data never leaves their local device sandboxes.</p> 130 </div> 131 <div class="skill-card"> 132 <span class="skill-type">[ Systems Scripting ]</span> 133 <i class="fa-brands fa-python"></i> 134 <h4>Python</h4> 135 <p>Automated desktop data converters, document parsers, and custom terminal command utilities.</p> 136 </div> 137 <div class="skill-card"> 138 <span class="skill-type">[ Server-Side ]</span> 139 <i class="fa-solid fa-terminal"></i> 140 <h4>Node.js / Express</h4> 141 <p>Minimal server utilities for sandboxed file routing, secure web hooks, and REST APIs.</p> 142 </div> 143 </div> 144 </div> 145 </section> 146 147 <!-- Contact Section (Invitation Style) --> 148 <section class="contact" id="contact"> 149 <div class="container"> 150 <div class="contact-box"> 151 <h3>Let's build a <span>custom solution</span></h3> 152 <p>Interested in bespoke legal automation, customized Google Sheets workflow extensions, or offline-first desktop systems? Reach out to coordinate an engineering consultation.</p> 153 <a href="mailto:[email protected]" class="btn btn-primary" id="emailBtn"> 154 <i class="fa-solid fa-paper-plane"></i> Initiate Consultation 155 </a> 156 </div> 157 </div> 158 </section> 159 160 <!-- Footer --> 161 <footer> 162 <div class="container"> 163 <p>© 2026 AKA Labs. All Rights Reserved. Engineered with a minimal offline-first aesthetic.</p> 164 </div> 165 </footer> 166
167 <!-- JS Logic --> 168
168<script src="js/app.js"></script>
168 169</body> 170</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.