-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
27 lines (27 loc) · 31.9 KB
/
Copy pathindex.html
File metadata and controls
27 lines (27 loc) · 31.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="color-scheme" content="dark"><meta name="theme-color" content="#020305"><meta name="darkreader-lock"><title>Bikram Gole | Aura Farmer</title><meta name="description" content="Bikram Gole (Aura Farmer) — AI-leaning builder from Gongabu, KTM. Open source, Linux, and high-energy dev experiments."><meta name="author" content="Bikram Gole"><meta name="keywords" content="Bikram Gole, DevXTechnic, Aura Farmer, AI, open source, Linux, developer portfolio, Nepal"><meta name="robots" content="index,follow"><link rel="canonical" href="https://devxtechnic.github.io/"><meta property="og:title" content="Bikram Gole | Aura Farmer"><meta property="og:description" content="AI-leaning builder from Gongabu, KTM. Open source, Linux, and high-energy dev experiments."><meta property="og:type" content="website"><meta property="og:url" content="https://devxtechnic.github.io/"><meta property="og:image" content="https://devxtechnic.github.io/og-image.svg"><meta property="og:site_name" content="DevXTechnic"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Bikram Gole | Aura Farmer"><meta name="twitter:description" content="AI-leaning builder from Gongabu, KTM. Open source, Linux, and high-energy dev experiments."><meta name="twitter:image" content="https://devxtechnic.github.io/og-image.svg"><link rel="icon" href="favicon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicon.svg"><script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "Person",
"name": "Bikram Gole",
"alternateName": "Aura Farmer",
"url": "https://devxtechnic.github.io/",
"sameAs": ["https://github.com/DevXtechnic"],
"jobTitle": "Student",
"knowsAbout": ["AI", "Open Source", "Linux", "Python", "C++"],
"address": {
"@type": "PostalAddress",
"addressLocality": "Gongabu",
"addressRegion": "KTM",
"addressCountry": "NP"
}
}</script><link rel="preload" href="bikram.jpeg" as="image" fetchpriority="high"><style>:root{color-scheme:dark;--bg-0:#020305;--bg-1:#070f21;--bg-2:#10264a;--ink:#edf4ff;--muted:#9cb2d7;--blue:#62b7ff;--blue-2:#8fd4ff;--orange:#ff9d45;--orange-2:#ffc07c;--card:rgba(8,14,29,0.78);--border:rgba(109,146,219,0.38);--header:rgba(4,8,18,0.9);--clean-glow-cyan:rgba(118,196,255,0.35);--clean-glow-orange:rgba(255,170,105,0.22);--clean-shadow:0 14px 34px rgba(2,10,28,0.3);--page-gutter:1.15rem;--motion-fast:140ms;--motion-base:240ms;--motion-slow:420ms;--motion-xslow:760ms;--ease-out:cubic-bezier(0.16,0.84,0.28,1);--ease-soft:cubic-bezier(0.2,0.7,0.2,1);--ease-snap:cubic-bezier(0.2,0.9,0.25,1)}:root[data-theme=mint]{--blue:#66ffcd;--blue-2:#b5ffe8;--orange:#67d0ff;--orange-2:#9de7ff;--border:rgba(101,229,190,.44)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}html{color-scheme:dark;background:linear-gradient(160deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2))}body{font-family:"Space Grotesk",sans-serif;color:var(--ink);min-height:100dvh;padding-bottom:calc(1.55rem + env(safe-area-inset-bottom));background-color:var(--bg-0);background:linear-gradient(160deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2));overflow-x:hidden}#starfield{position:fixed;inset:0;z-index:-4;width:100%;height:100%}.noise{position:fixed;inset:0;z-index:-3;background-image:radial-gradient(rgba(255,255,255,.04) .5px,transparent .5px);background-size:2px 2px;opacity:.14;pointer-events:none}.skip-link{position:fixed;left:1rem;top:-3rem;z-index:120;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);background:rgba(6,12,26,.92);color:var(--ink);font-size:.82rem;text-decoration:none}.site-footer,.site-header,main{width:min(1200px,calc(100% - (var(--page-gutter)*2)));max-width:100%;position:relative;z-index:3}.site-header{margin:.7rem auto 0;padding:.4rem .58rem;border:1px solid var(--border);border-radius:10px;background:var(--header);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:.65rem;position:sticky;top:.52rem;z-index:24;transition:border-color .3s var(--ease-soft),box-shadow .34s var(--ease-soft),background .3s var(--ease-soft)}.brand-name{color:var(--ink);text-decoration:none;font-family:"Space Grotesk",sans-serif;font-size:1rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 0 12px rgba(102,185,255,.4)}nav{display:flex;gap:.28rem;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;border-radius:7px;padding:.27rem .54rem;font-size:.82rem;border:1px solid transparent;transition:.16s ease}nav a.active,nav a:hover{color:var(--ink);border-color:var(--border);background:rgba(63,107,185,.2)}.header-tools{display:inline-flex;align-items:center;gap:.34rem;margin-left:auto}main{margin:.84rem auto 0}.hero,.panel{border:1px solid var(--border);border-radius:11px;background:var(--card);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.hero{padding:.9rem;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(430px 140px at 2% 0,rgba(74,149,255,.24),transparent 72%),radial-gradient(300px 130px at 97% 100%,rgba(255,154,67,.14),transparent 75%),var(--card)}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:.58rem;align-items:stretch;position:relative;z-index:2}.tag{margin:0 0 .28rem;color:var(--blue-2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}h1,h2,h3{font-family:Syne,sans-serif;margin:0;line-height:1.15}h1{font-size:clamp(28px,5vw,56px)}#hero-name{background:linear-gradient(135deg,var(--blue),var(--blue-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#hero-name .no-gradient{-webkit-text-fill-color:var(--ink)}.hero-name-row{display:inline-flex;align-items:flex-end;flex-wrap:wrap;gap:.35rem;position:relative}.status-line{margin-top:.3rem;color:#bfd4f8;font-size:.81rem;min-height:1.25em;display:block}p{margin:0}a{color:var(--blue-2)}.chips{margin-top:.45rem;display:flex;flex-wrap:wrap;gap:.35rem}.chips span{padding:.2rem .48rem;border-radius:999px;border:1px solid var(--border);background:rgba(9,15,28,.78);font-size:.74rem}.control-row,.egg-dock,.hero-actions{margin-top:.52rem;display:flex;flex-wrap:wrap;gap:.34rem}.btn,.egg-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:.38rem .62rem;font-size:.79rem;font-weight:700;text-decoration:none;border:1px solid transparent;background:0 0;color:var(--ink);cursor:pointer;transition:transform .24s var(--ease-soft),background .24s var(--ease-soft),border-color .24s var(--ease-soft),box-shadow .3s var(--ease-soft)}.btn:hover,.egg-btn:hover{transform:translateY(-1px)}.btn.primary{color:#161616;background:linear-gradient(120deg,var(--blue),var(--orange-2))}.btn.ghost,.egg-btn{border-color:var(--border);background:rgba(8,14,29,.62)}.subtitle{margin-top:.52rem;max-width:58ch;color:var(--muted);font-size:.88rem}.avatar-card{position:relative;border:1px solid var(--border);border-radius:9px;background:linear-gradient(145deg,rgba(9,16,32,.9),rgba(14,30,59,.85));min-height:214px;display:grid;place-items:center;overflow:hidden;isolation:isolate}.avatar-card::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(220px 120px at 12% 10%,rgba(95,188,255,.15),transparent 72%),linear-gradient(135deg,rgba(92,139,230,.09),transparent 48%,rgba(255,155,72,.08))}.name-speak{display:inline-flex;align-items:center;justify-content:center;width:clamp(1.25rem,2vw,1.6rem);height:clamp(1.25rem,2vw,1.6rem);border-radius:6px;border:1px solid rgba(120,190,255,.55);background:linear-gradient(160deg,rgba(105,190,255,.32),rgba(12,16,28,.9)),var(--card);color:var(--blue-2);cursor:pointer;position:absolute;right:-.6rem;top:-.06rem;opacity:0;pointer-events:none;z-index:3;transform:translate(.25em,-.4em) rotate(-12deg) scale(.9);transform-origin:left bottom;transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.name-speak.ready{opacity:1;pointer-events:auto;transform:translate(.25em,-.6em) rotate(-12deg) scale(1)}.name-speak svg{width:62%;height:62%;fill:currentColor}.name-underline{display:block;margin-top:.2rem;width:clamp(120px,28vw,240px);height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(133,202,255,.95),rgba(255,169,106,.9),transparent);transform:scaleX(0);transform-origin:left center;opacity:.9}.section-rail{position:fixed;left:50%;bottom:max(.7rem,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:.75rem;z-index:22;pointer-events:auto;padding:.5rem 1.2rem;height:52px;border-radius:999px;background:rgba(10,14,20,.85);border:1px solid rgba(46,226,230,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 20px rgba(4,10,20,.28);width:fit-content;overflow:visible}.section-rail a{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:rgba(255,255,255,.45);text-decoration:none;position:relative}body[data-page=home] .hero{padding:.96rem;background:radial-gradient(320px 120px at 0 0,rgba(79,150,255,.16),transparent 70%),radial-gradient(220px 120px at 100% 100%,rgba(255,162,94,.1),transparent 74%),linear-gradient(180deg,rgba(9,15,28,.94),rgba(8,14,24,.92))}.panel,body[data-page=home] .hero{border-radius:14px}.panel{content-visibility:auto;contain-intrinsic-size:1px 620px}</style><link rel="preload" href="styles.css" as="style" fetchpriority="low"><link rel="stylesheet" href="styles.css" media="print" onload='this.media="all"'><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=Space+Grotesk:wght@400;500;700&family=Syne:wght@700;800&display=swap" rel="stylesheet" media="print" onload='this.media="all"'><script defer="defer" src="https://browser.sentry-cdn.com/8.54.0/bundle.min.js" integrity="sha384-6G5nM9qJ3l1HWMttM7cOvRjQAL3V00bOsN1h+Ifv0Nh6Qb2gJFpV/1NuND0hGpj" crossorigin="anonymous"></script></head><body data-page="home"><a class="skip-link" href="#main-content">Skip to content</a><script>(()=>{try{var p=new URLSearchParams(location.search),t=p.get("theme")||localStorage.getItem("neoThemeVariant.v1");if(t)document.documentElement.dataset.theme=t,document.body.dataset.theme=t,localStorage.setItem("neoThemeVariant.v1",t)}catch(e){}})()</script><canvas id="starfield" aria-hidden="true"></canvas><div class="noise" aria-hidden="true"></div><header class="site-header"><a class="brand-name" href="index.html">Neo</a><nav aria-label="Primary"><a href="index.html" data-nav="home">Home</a> <a href="about.html" data-nav="about">About</a> <a href="contact.html" data-nav="contact">Contact</a><div class="header-tools"><label for="header-theme-select" class="theme-top-label">Theme</label> <select id="header-theme-select" class="theme-top-select" aria-label="Theme switcher"><option value="mint">Mint Matrix</option><option value="neo">Neo Blue</option><option value="sunset">Sunset Warp</option><option value="midnight">Midnight Ice</option><option value="ember">Ember Core</option><option value="arctic">Arctic Pulse</option><option value="grape">Grape Nebula</option><option value="toxic">Toxic Lime</option><option value="ocean">Ocean Drift</option><option value="bloodmoon">Blood Moon</option><option value="zen">Zen Temple</option><option value="liquidglass">Liquid Glass</option><option value="material3">Material 3</option><option value="paper">Paper Link</option><option value="blackflag">Black Flag Uprising</option></select> <button id="theme-cycle-btn" class="theme-cycle-btn" type="button" aria-label="Cycle theme">↻</button></div></nav><button class="hamburger" type="button" aria-label="Menu" aria-expanded="false"><span class="hamburger-line"></span> <span class="hamburger-line"></span> <span class="hamburger-line"></span></button></header><div class="scroll-progress" aria-hidden="true"><span class="scroll-progress-bar"></span></div><nav class="section-rail" aria-label="Section navigator"><a href="#hero-zone" data-section="hero-zone" aria-label="Hero"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg> </a><a href="#project-spotlight" data-section="project-spotlight" aria-label="Spotlight"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> </a><a href="#mission-console" data-section="mission-console" aria-label="Console"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg> </a><a href="#persona-quiz" data-section="persona-quiz" aria-label="Quiz"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5z"/></svg> </a><a href="#github-live" data-section="github-live" aria-label="GitHub"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a></nav><button id="back-to-top" class="back-to-top" type="button" aria-label="Back to top"><span aria-hidden="true">↑</span></button><main id="main-content"><section id="hero-zone" class="hero reveal skew-left"><span class="hero-pulse" aria-hidden="true"></span> <svg class="hero-motif" viewBox="0 0 220 140" aria-hidden="true"><path class="motif-line" d="M10 110 L60 40 L120 70 L170 25 L210 60"/><path class="motif-line secondary" d="M20 25 L70 60 L140 20 L200 100"/><circle class="motif-node" cx="10" cy="110" r="3"/><circle class="motif-node" cx="60" cy="40" r="3"/><circle class="motif-node alt" cx="120" cy="70" r="3"/><circle class="motif-node" cx="170" cy="25" r="3"/><circle class="motif-node alt" cx="210" cy="60" r="3"/><circle class="motif-node" cx="20" cy="25" r="3"/><circle class="motif-node alt" cx="70" cy="60" r="3"/><circle class="motif-node" cx="140" cy="20" r="3"/><circle class="motif-node alt" cx="200" cy="100" r="3"/></svg><div class="hero-grid"><div><p id="hero-tagline" class="tag">Aura Farmer // Builder Mode</p><div class="hero-name-row"><h1 id="hero-name" data-name="Bikram Gole">Bikram Gole</h1><button id="name-speak" class="name-speak" type="button" aria-label="Play name pronunciation" title="Hear my name"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 10.5v3h3.2l3.9 3.7c.4.4 1 .1 1-.4V6.2c0-.6-.6-.9-1-.4L6.2 10.5H3z"/><path d="M15.4 7.6c.3-.3.8-.3 1.1 0 1.2 1.2 1.9 2.8 1.9 4.4s-.7 3.2-1.9 4.4c-.3.3-.8.3-1.1 0-.3-.3-.3-.8 0-1.1 1-1 1.5-2.2 1.5-3.3s-.5-2.4-1.5-3.3c-.3-.3-.3-.8 0-1.1z"/><path d="M18.6 4.4c.3-.3.8-.3 1.1 0 2.1 2.1 3.3 4.8 3.3 7.6s-1.2 5.5-3.3 7.6c-.3.3-.8.3-1.1 0-.3-.3-.3-.8 0-1.1 1.8-1.8 2.8-4.2 2.8-6.5s-1-4.7-2.8-6.5c-.3-.3-.3-.8 0-1.1z"/></svg></button></div><span class="name-underline" aria-hidden="true"></span><p id="hero-status" class="status-line" aria-live="polite">Debater mode always ready.</p><div class="chips"><span>AI</span> <span>Open Source</span> <span>Linux</span></div><div class="hero-actions"><a class="btn primary" href="about.html">About</a> <a class="btn ghost" href="https://github.com/DevXtechnic" target="_blank" rel="noopener noreferrer">GitHub</a> <a class="btn ghost" href="contact.html">Contact</a> <button id="palette-open" class="btn ghost" type="button">Ctrl/🐧 + K</button></div></div><aside class="avatar-card tilt" aria-label="mascot avatar"><div class="avatar-glow"></div><img class="avatar-photo" src="bikram.jpeg" alt="Bikram Gole"><div class="android-avatar" aria-hidden="true"><div class="android-head"><span class="android-antenna left"></span> <span class="android-antenna right"></span> <span class="android-eye left"></span> <span class="android-eye right"></span></div><div class="android-body"><div class="android-date-badge" aria-live="polite"></div></div><span class="android-arm left"></span> <span class="android-arm right"></span> <span class="android-leg left"></span> <span class="android-leg right"></span></div><div class="zen-avatar" aria-hidden="true"><div class="zen-head"><span class="zen-bun"></span> <span class="zen-ear left"></span> <span class="zen-ear right"></span> <span class="zen-eye left"></span> <span class="zen-eye right"></span> <span class="zen-mouth"></span></div><div class="zen-body"><span class="zen-robe"></span> <span class="zen-hands"></span> <span class="zen-book"></span></div><span class="zen-base"></span></div></aside></div></section><section id="cli-snapshot" class="panel reveal delay-1 skew-left"><div class="cli-window" aria-label="Terminal snapshot"><pre class="cli-block">
<span class="cli-prompt">neo@arch:~$ whoami</span>
<span class="cli-output">Bikram Gole</span>
<span class="cli-gap"></span>
<span class="cli-prompt">neo@arch:~$ skills</span>
<span class="cli-output">Linux | Python | C++ | Open Source | AI</span>
<span class="cli-gap"></span>
<span class="cli-prompt">neo@arch:~$ projects</span>
<span class="cli-output">> Ytdaily</span>
<span class="cli-output">> Hyprland Cava Underlay</span>
<span class="cli-output">> KinaHub</span>
</pre></div></section><section id="mission-console" class="panel reveal delay-1 skew-right"><h2>Mission Console</h2><p>Pulse controls and live site state.</p><div class="control-row"><button id="console-launch-btn" class="btn ghost" type="button">Launch Pulse</button> <button id="quote-btn" class="btn primary" type="button">Drop Insight</button> <button id="console-matrix-btn" class="btn ghost" type="button">Toggle Matrix</button></div><div class="ops-grid" aria-label="mission status deck"><article class="ops-card"><span class="ops-label">Theme</span> <strong id="ops-theme">mint</strong></article><article class="ops-card"><span class="ops-label">Pulse State</span> <strong id="ops-pulse-state">Cold start</strong></article><article class="ops-card"><span class="ops-label">Active Mode</span> <strong id="ops-active-mode">Standard</strong></article><article class="ops-card"><span class="ops-label">Last Signal</span> <strong id="ops-last-event">Console ready</strong></article></div><div class="pulse-ladder" aria-label="pulse milestone ladder"><article class="pulse-node" data-target="5"><strong>5</strong> <span>Warp</span></article><article class="pulse-node" data-target="10"><strong>10</strong> <span>Chill</span></article><article class="pulse-node" data-target="15"><strong>15</strong> <span>Grid</span></article><article class="pulse-node" data-target="20"><strong>20</strong> <span>Matrix</span></article></div><div id="quote-output" class="terminal" role="status" aria-live="polite">Console ready.</div><p class="signal-board">Signals launched: <strong id="signal-count">0</strong> · Milestones: 5 Warp, 10 Chill, 15 Grid, 20 Matrix.</p></section><section id="project-spotlight" class="panel reveal delay-2 skew-left"><p class="spotlight-label">PROJECT SPOTLIGHT</p><div class="spotlight-grid"><article class="spotlight-card"><h3>Ytdaily</h3><p>Python-powered YouTube automation engine — monitors channels, downloads in up to 4K with parallel threads, strips sponsors via SponsorBlock, and runs silently as a systemd service.</p><a class="spotlight-btn" href="https://github.com/DevXtechnic/Ytdaily" target="_blank" rel="noopener noreferrer"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg> VIEW REPO</a></article><article class="spotlight-card"><h3>Hyprland Cava Underlay</h3><p>Hyprland visuals fused with an audio-reactive Cava underlay for a desktop that feels alive.</p><a class="spotlight-btn" href="https://github.com/DevXtechnic/hyprland-cava-underlay" target="_blank" rel="noopener noreferrer"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg> VIEW REPO</a></article><article class="spotlight-card"><h3>KinaHub</h3><img class="spotlight-logo" src="assets/logo-kinahub.png" alt="KinaHub logo" loading="lazy"><p>Location-aware e-commerce platform with an AI shopping assistant (OpenRouter LLM), seller CRM dashboard, smart cart, and advanced filtering — built with React, Django, and PostgreSQL.</p><div class="spotlight-actions"><a class="spotlight-btn" href="https://kinahub.vercel.app" target="_blank" rel="noopener noreferrer"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg> LIVE SITE </a><a class="spotlight-btn" href="https://github.com/DevXtechnic/KinaHub" target="_blank" rel="noopener noreferrer"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg> VIEW SOURCE</a></div></article><article class="spotlight-card"><h3>BinodLivestock</h3><img class="spotlight-logo" src="assets/logo-binodlivestock.png" alt="BinodLivestock logo" loading="lazy"><p>Full-stack livestock marketplace for buying and selling goats, chickens, and farm animals — built with Next.js, Express, Prisma, and PostgreSQL.</p><a class="spotlight-btn" href="http://binodgurung.com.np/" target="_blank" rel="noopener noreferrer"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg> LIVE SITE</a></article><article class="spotlight-card"><h3>Jillab</h3><img class="spotlight-logo" src="assets/logo-jillab.png" alt="Jillab logo" loading="lazy"><p>Aesthetic personal website for my brother — video background, custom music player, snowfall effects, and a glowing cursor. Pure HTML/CSS/JS, zero frameworks.</p><a class="spotlight-btn" href="http://jillab.vercel.app/" target="_blank" rel="noopener noreferrer"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg> LIVE SITE</a></article><article class="spotlight-card"><h3>RVX-UltraLock</h3><img class="spotlight-logo" src="assets/logo-rvx-ultralock.png" alt="RVX-UltraLock logo" loading="lazy"><p>Focus-first YouTube RVX build with UltraLock — block settings access for hours or permanently to kill distractions. Built on ReVanced Extended patches for Android.</p><a class="spotlight-btn" href="https://github.com/DevXtechnic/RVX-UltraLock" target="_blank" rel="noopener noreferrer"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg> VIEW REPO</a></article><article class="spotlight-card"><h3>Snapcode</h3><img class="spotlight-logo" src="assets/logo-snapcode.png" alt="Snapcode logo" loading="lazy"><p>Firefox extension for instant visual element inspection — hover any element, click it, and get its HTML, computed CSS, a robust selector, and a screenshot bundled into a Markdown report copied straight to your clipboard.</p><a class="spotlight-btn" href="https://addons.mozilla.org/en-US/firefox/addon/snapcode/" target="_blank" rel="noopener noreferrer"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg> GET ON FIREFOX</a></article></div></section><section id="ai-constellation" class="panel reveal delay-2 skew-right"><div class="section-head"><div><h2>AI Constellation</h2><p class="subtitle">The people and ideas currently shaping how I think.</p></div></div><div class="chaos-grid ai-grid"><article class="chaos-card tilt c1"><p class="chaos-kicker">Feed</p><h3>YouTube Radar</h3><p>The channels that keep my model of tech, AI, Linux, and internet culture sharp.</p><div class="chips chaos-tags"><span>AI Explained</span> <span>Matt Wolfe</span> <span>Luke Smith</span> <span>Mental Outlaw</span> <span>Fireship</span></div></article><article class="chaos-card tilt c2"><p class="chaos-kicker">Operators</p><h3>People I Watch</h3><p>I pay attention to builders who shape products, research, and systems at scale.</p><div class="chips chaos-tags"><span>Sam Altman</span> <span>Dario Amodei</span> <span>Elon Musk</span> <span>Linus Torvalds</span></div></article><article class="chaos-card tilt c3"><p class="chaos-kicker">Build Thesis</p><h3>What I Actually Want</h3><p>Useful AI, fast tooling, open systems, and projects that feel good to use every day.</p><div class="chips chaos-tags"><span>AI Tools</span> <span>Automation</span> <span>Linux</span> <span>Open Source</span></div></article><article class="chaos-card tilt c4"><p class="chaos-kicker">Current Orbit</p><h3>Locked In On</h3><ul class="chaos-list"><li>Agent-style workflows that save real time</li><li>Terminal UX that feels clean and native</li><li>Making personal branding feel technical, not corporate</li></ul></article></div></section><section id="culture-brain" class="panel reveal delay-3 skew-left"><h2>Culture + Brain Fuel</h2><div class="favorite-grid tilt-zone"><article class="favorite-card tilt"><h3>Books</h3><p class="favorite-lead">Dystopia, grit, ambition, and existential damage.</p><div class="chips favorite-tags"><span>1984</span> <span>Can't Hurt Me</span> <span>Elon Musk</span> <span>All Tomorrows</span> <span>I Have No Mouth and I Must Scream</span></div></article><article class="favorite-card tilt"><h3>Movies</h3><p class="favorite-lead">Mind-benders, big energy, and pure spectacle.</p><div class="chips favorite-tags"><span>The Matrix</span> <span>The Monkey King</span> <span>Robot</span> <span>2.0</span> <span>The Real Jackpot</span> <span>Nayak</span> <span>Ready Player One</span> <span>Squid Game</span> <span>BFG</span></div></article><article class="favorite-card tilt"><h3>Games</h3><p class="favorite-lead">My rotation is a mix of myth, creativity, and story-heavy chaos.</p><div class="chips favorite-tags"><span>Black Myth: Wukong</span> <span>Minecraft</span> <span>Detroit: Become Human</span> <span>God of War</span></div></article><article class="favorite-card tilt"><h3>Anime</h3><p class="favorite-lead">Psychological pressure, power systems, and strategic monsters.</p><div class="chips favorite-tags"><span>Death Note</span> <span>Monster</span> <span>Psycho-Pass</span> <span>The 7 Deadly Sins</span> <span>Attack on Titan</span> <span>Naruto</span> <span>My Hero Academia</span> <span>Classroom of the Elite</span> <span>Baki</span></div></article></div></section><section id="neo-terminal" class="panel reveal delay-3 skew-right"><h2>Neo Terminal</h2><p>A real mini shell for the site.</p><div class="mini-terminal"><div class="mini-terminal-head"><p class="omp-row omp-row-top"><span class="omp-nerd"> Neo 0ms </span> <span class="omp-fallback">[arch] Neo | OK | 0ms</span></p><p class="omp-row omp-row-mid"><span class="omp-nerd">╭─ </span> <span class="omp-fallback">~/home/neo</span></p></div><div class="mini-terminal-screen"><div id="mini-terminal-output" class="mini-terminal-output" aria-live="polite"></div><form id="mini-terminal-form" class="mini-terminal-form"><label for="mini-terminal-input"><span class="omp-nerd">╰─❯</span> <span class="omp-fallback">$</span></label> <input id="mini-terminal-input" type="text" placeholder="help" autocomplete="off"></form></div><p class="mini-terminal-hint">Try: help, now, buildlog, projects, repo ytdaily, culture, quote, matrix</p></div></section><section id="persona-quiz" class="panel reveal delay-3 skew-left"><h2>Persona Quiz Game</h2><p>Test if people really know my vibe. Questions are based on my actual persona.</p><div class="quiz-board"><p id="quiz-progress" class="quiz-meta">Ready to start the quiz.</p><h3 id="quiz-question" class="quiz-question">Hit start and prove your Neo-level awareness.</h3><div id="quiz-options" class="quiz-options" role="group" aria-label="quiz answers"></div><div class="quiz-controls"><button id="quiz-start" class="btn primary" type="button">Start Quiz</button> <button id="quiz-reset" class="btn ghost" type="button">Reset Quiz</button></div><p id="quiz-score" class="quiz-score">Score: 0/0</p></div></section><section id="github-live" class="panel reveal delay-3 skew-right"><h2>Live GitHub</h2><p>Live repo feed from <a href="https://github.com/DevXtechnic" target="_blank" rel="noopener noreferrer">github.com/DevXtechnic</a>.</p><p id="repo-meta-line" class="repo-meta-line">Loading repo stats...</p><div id="repo-overview" class="repo-overview" aria-live="polite"><article class="repo-stat"><span class="repo-stat-label">Repos</span> <strong id="repo-total-stat">--</strong></article><article class="repo-stat"><span class="repo-stat-label">Stars</span> <strong id="repo-star-stat">--</strong></article><article class="repo-stat"><span class="repo-stat-label">Top Stack</span> <strong id="repo-top-stat">Loading</strong></article><article class="repo-stat"><span class="repo-stat-label">Freshest Repo</span> <strong id="repo-fresh-stat">Loading</strong></article></div><div id="repo-grid" class="repo-grid tilt-zone" aria-live="polite"></div><button id="repo-toggle" class="btn ghost repo-toggle" type="button" aria-expanded="false">Show more repos</button><div id="contribution-section" class="panel-inner"><h3>Contribution Graph</h3><p class="subtitle">Last year of GitHub activity.</p><div id="contribution-graph" class="contrib-graph" aria-label="GitHub contribution graph"><div class="contrib-loading">Loading contributions...</div></div></div></section></main><footer class="site-footer"><p><span id="page-footer-line" data-text="Primary:">Primary:</span> <a href="mailto:bikramgole.genius@gmail.com">bikramgole.genius@gmail.com</a></p></footer><div id="command-palette" class="command-palette" aria-hidden="true"><button id="command-backdrop" class="command-backdrop" type="button" aria-label="Close command palette"></button><div class="command-shell" role="dialog" aria-modal="true" aria-labelledby="command-title"><div class="command-head"><div class="command-title-wrap"><span class="linux-mark" aria-hidden="true"></span><h3 id="command-title">Ctrl/🐧 + K Panel</h3></div><span>Neo Ops</span></div><input id="command-input" type="text" placeholder="Type command: quiz, github, matrix..." autocomplete="off"><div id="command-results" class="command-results" role="listbox" aria-label="command results"></div><p class="command-hint">Tip: <kbd>Ctrl/🐧 + K</kbd> to open, <kbd>Esc</kbd> to close.</p></div></div><div id="page-mascot" aria-hidden="true"></div><div id="page-transition" class="page-transition"></div><script defer="defer" src="script.js"></script></body></html>