-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
1 lines (1 loc) · 13.5 KB
/
Copy pathcontact.html
File metadata and controls
1 lines (1 loc) · 13.5 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 | Contact</title><meta name="description" content="Contact Bikram Gole for AI, Linux, open source, and collaboration."><meta name="author" content="Bikram Gole"><meta name="keywords" content="Bikram Gole, contact, AI, open source, Linux, developer, Nepal"><meta name="robots" content="index,follow"><link rel="canonical" href="https://devxtechnic.github.io/contact.html"><meta property="og:title" content="Bikram Gole | Contact"><meta property="og:description" content="Contact Bikram Gole for AI, Linux, open source, and collaboration."><meta property="og:type" content="website"><meta property="og:url" content="https://devxtechnic.github.io/contact.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 | Contact"><meta name="twitter:description" content="Contact Bikram Gole for AI, Linux, open source, and collaboration."><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="contact"><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><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">Contact 📡</p><h1 id="hero-name" data-name="Open Channel ✉️">Open Channel <span class="no-gradient">✉️</span></h1><span class="name-underline" aria-hidden="true"></span><p class="subtitle">For AI ideas, open source builds, Linux setup talk, and serious debates.</p></section><section id="direct-links" class="panel reveal delay-1 skew-right"><h2>Direct Links</h2><div class="contact-list tilt-zone"><a class="contact-item tilt" href="mailto:bikramgole.genius@gmail.com"><h3 class="contact-title"><span class="contact-logo" aria-hidden="true"><svg class="mono-icon" viewBox="0 0 24 24" role="img" focusable="false"><path d="M3 6h18a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1Zm9 7L4.8 8h14.4L12 13Z"/></svg> </span>Primary Email</h3><p>bikramgole.genius@gmail.com</p></a><a class="contact-item tilt" href="mailto:Developer.genius@gmail.com"><h3 class="contact-title"><span class="contact-logo" aria-hidden="true"><svg class="mono-icon" viewBox="0 0 24 24" role="img" focusable="false"><path d="M3 6h18a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1Zm9 7L4.8 8h14.4L12 13Z"/></svg> </span>Backup Email</h3><p>Developer.genius@gmail.com</p></a><a class="contact-item tilt" href="https://github.com/DevXtechnic" target="_blank" rel="noopener noreferrer"><h3 class="contact-title"><span class="contact-logo" aria-hidden="true"><svg class="mono-icon" viewBox="0 0 24 24" role="img" focusable="false"><path d="M12 .5a12 12 0 0 0-3.79 23.4c.6.11.82-.26.82-.58v-2.2c-3.34.72-4.04-1.61-4.04-1.61a3.17 3.17 0 0 0-1.33-1.75c-1.08-.75.08-.74.08-.74a2.5 2.5 0 0 1 1.82 1.23 2.54 2.54 0 0 0 3.47 1 2.54 2.54 0 0 1 .76-1.59c-2.66-.3-5.47-1.33-5.47-5.92a4.63 4.63 0 0 1 1.24-3.22 4.3 4.3 0 0 1 .12-3.17s1.01-.32 3.3 1.23a11.4 11.4 0 0 1 6.01 0c2.28-1.55 3.3-1.23 3.3-1.23a4.3 4.3 0 0 1 .12 3.17 4.62 4.62 0 0 1 1.23 3.22c0 4.6-2.81 5.61-5.49 5.91a2.84 2.84 0 0 1 .81 2.2v3.27c0 .32.22.69.83.58A12 12 0 0 0 12 .5Z"/></svg> </span>GitHub</h3><p>github.com/DevXtechnic</p></a><a class="contact-item tilt" href="https://leetcode.com/u/bikramgole/" target="_blank" rel="noopener noreferrer"><h3 class="contact-title"><span class="contact-logo" aria-hidden="true"><svg viewBox="0 0 24 24" role="img" focusable="false" aria-hidden="true"><path d="M9.2 6.2 4.4 12l4.8 5.8" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.8 6.2 19.6 12l-4.8 5.8" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.7 18.4 13.3 5.6" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg> </span>LeetCode</h3><p>leetcode.com/u/bikramgole</p></a><a class="contact-item tilt" href="https://www.youtube.com/@Genibik" target="_blank" rel="noopener noreferrer"><h3 class="contact-title"><span class="contact-logo" aria-hidden="true"><svg class="mono-icon" viewBox="0 0 24 24" role="img" focusable="false"><path d="M23 7s-.3-2-1.2-2.8c-1.1-1.2-2.4-1.2-3-1.3C16.6 2.8 12 2.8 12 2.8s-4.6 0-6.8.1c-.6.1-1.9.1-3 1.3C1.3 5 1 7 1 7S.7 9.2.7 11.4v2.1C.7 15.7 1 18 1 18s.3 2 1.2 2.8c1.1 1.2 2.6 1.1 3.3 1.2C7.6 22.2 12 22.2 12 22.2s4.6 0 6.8-.2c.6-.1 1.9-.1 3-1.3.9-.8 1.2-2.8 1.2-2.8s.3-2.2.3-4.4v-2.1C23.3 9.2 23 7 23 7ZM9.7 15.5V8.4l8.1 3.6-8.1 3.5Z"/></svg> </span>YouTube</h3><p>youtube.com/@Genibik</p></a></div></section></main><footer class="site-footer"><p id="page-footer-line" data-text="Fastest response: gmail.">Fastest response: gmail.</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>