-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
1 lines (1 loc) · 13.7 KB
/
Copy pathabout.html
File metadata and controls
1 lines (1 loc) · 13.7 KB
1
<!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 | About</title><meta name="description" content="About Bikram Gole (Aura Farmer) — AI-focused student builder from Gongabu, KTM with chaotic fun energy."><meta name="author" content="Bikram Gole"><meta name="keywords" content="Bikram Gole, Aura Farmer, AI, open source, Linux, developer profile, Nepal"><meta name="robots" content="index,follow"><link rel="canonical" href="https://devxtechnic.github.io/about.html"><meta property="og:title" content="Bikram Gole | About"><meta property="og:description" content="About Bikram Gole (Aura Farmer) — AI-focused student builder from Gongabu, KTM."><meta property="og:type" content="profile"><meta property="og:url" content="https://devxtechnic.github.io/about.html"><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 | About"><meta name="twitter:description" content="About Bikram Gole (Aura Farmer) — AI-focused student builder from Gongabu, KTM."><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"><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);--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}.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.compact{padding:.82rem}.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}.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}.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}.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"'></head><body data-page="about"><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="#identity-snapshot" data-section="identity-snapshot" aria-label="Identity"><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="#strengths" data-section="strengths" aria-label="Strengths"><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="#influence-stack" data-section="influence-stack" aria-label="Influence"><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 compact 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><p class="tag">About Neo 🐧</p><h1 id="hero-name" data-name="Aura Farmer Profile">Aura Farmer Profile</h1><span class="name-underline" aria-hidden="true"></span><p class="subtitle">From Gongabu, KTM, Nepal. I am building toward AI Engineering with chaotic fun energy.</p><p class="status-line">Shivapuri College | Grade 11 | ISTJ-A</p></section><section id="identity-snapshot" class="panel reveal delay-1 skew-right"><h2>Identity Snapshot</h2><div class="about-grid tilt-zone"><article class="glass-card tilt"><h3>Name</h3><p>Bikram Gole</p></article><article class="glass-card tilt"><h3>Age</h3><p id="age-display">17</p></article><article class="glass-card tilt"><h3>Height</h3><p>5'7"</p></article><article class="glass-card tilt"><h3>Base</h3><p>Gongabu, KTM, Nepal</p></article><article class="glass-card tilt"><h3>Distro</h3><p>Arch + Hyprland</p></article><article class="glass-card tilt"><h3>Goal</h3><p>Become an AI Engineer</p></article><article class="glass-card tilt"><h3>Relationship Status</h3><p>Complicated (with code and deadlines).</p></article></div></section><section id="strengths" class="panel reveal delay-2 skew-left"><h2>Strengths</h2><div class="fact-grid tilt-zone"><article class="fact-card tilt"><h3>Communication</h3><p>Great English speaker.</p></article><article class="fact-card tilt"><h3>Debate</h3><p>Can debate almost any topic.</p></article><article class="fact-card tilt"><h3>Mindset</h3><p>Self improvement + consistency.</p></article><article class="fact-card tilt"><h3>Energy</h3><p>Low sleep, high intensity.</p></article></div></section><section id="influence-stack" class="panel reveal delay-3 skew-right"><h2>AI + Influence Stack</h2><div class="favorite-grid tilt-zone"><article class="favorite-card tilt"><h3>YouTube</h3><p>AI Explained, Matt Wolfe, Luke Smith, Mental Outlaw, Linus Tech Tips, HowToMen, The Linux Experiment, Fireship, Vaibhav Sisinty, Vivek Mishra</p></article><article class="favorite-card tilt"><h3>People</h3><p>Sam Altman, Dario Amodei, Elon Musk, Linus Torvalds, Terry A. Davis</p></article><article class="favorite-card tilt"><h3>Crypto</h3><p>BTC, Ethereum, Monero, Solana</p></article><article class="favorite-card tilt"><h3>Ideas</h3><p>Open source, AI tools, Libertarian, Privacy by default, Free speech, Permissionless innovation</p></article></div></section></main><footer class="site-footer"><p id="page-footer-line" data-text="Aura Farmer: thinking deep, building fast.">Aura Farmer: thinking deep, building fast.</p></footer><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>