Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
19 lines (16 loc) · 27.4 KB
/
Copy pathindex.html
File metadata and controls
19 lines (16 loc) · 27.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>SM Riad — Full-Stack + SaaS + AI + Cloud/DevOps + DNS/Hosting/SMTP · 100% JSS</title><meta name="description" content="I build and architect scalable web applications, SaaS platforms, APIs, AI solutions, business automation systems, and cloud infrastructure for startups, agencies, and established businesses."><meta name="author" content="SM Riad"><meta name="robots" content="index, follow"><meta name="google-site-verification" content="DuwcWPkp_G3WZhF1wDmC8LeFnk9F5o2udbTyGOsn1iw"><link rel="canonical" href="https://smriad.github.io/"><meta name="theme-color" content="#0a0a0f"><link rel="icon" href="/favicon.svg" type="image/svg+xml"><link rel="icon" href="/favicon.ico" sizes="32x32"><link rel="apple-touch-icon" href="/apple-touch-icon.svg"><link rel="manifest" href="/manifest.json"><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=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"><meta property="og:type" content="website"><meta property="og:site_name" content="SM Riad"><meta property="og:locale" content="en_US"><meta property="og:title" content="SM Riad — Full-Stack + SaaS + AI + Cloud/DevOps + DNS/Hosting/SMTP · 100% JSS"><meta property="og:description" content="I build and architect scalable web applications, SaaS platforms, APIs, AI solutions, business automation systems, and cloud infrastructure for startups, agencies, and established businesses."><meta property="og:url" content="https://smriad.github.io/"><meta property="og:image" content="https://smriad.github.io/images/my-avatar.webp"><meta property="og:image:alt" content="SM Riad — Head of Technology"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="SM Riad — Full-Stack + SaaS + AI + Cloud/DevOps + DNS/Hosting/SMTP · 100% JSS"><meta name="twitter:description" content="I build and architect scalable web applications, SaaS platforms, APIs, AI solutions, business automation systems, and cloud infrastructure for startups, agencies, and established businesses."><meta name="twitter:image" content="https://smriad.github.io/images/my-avatar.webp"><link rel="me" href="https://github.com/smriad"><link rel="me" href="https://dev.to/smriad"><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://smriad.github.io/#website","url":"https://smriad.github.io","name":"SM Riad","description":"I build and architect scalable web applications, SaaS platforms, APIs, AI solutions, business automation systems, and cloud infrastructure for startups, agencies, and established businesses.","inLanguage":"en"},{"@type":"Person","@id":"https://smriad.github.io/#person","name":"SM Riad","url":"https://smriad.github.io","image":"https://smriad.github.io/images/my-avatar.webp","jobTitle":"Head of Technology","worksFor":{"@type":"Organization","name":"Quest BDC PLC"},"sameAs":["https://www.upwork.com/freelancers/~019425299a2fe67a2a","https://linkedin.com/in/smriad","https://github.com/smriad","https://dev.to/smriad","https://stackoverflow.com/users/6714544/sm-ataul-karim-riad","https://hacktoberfest.com","https://mlh.io"],"description":"I build and architect scalable web applications, SaaS platforms, APIs, AI solutions, business automation systems, and cloud infrastructure for startups, agencies, and established businesses."}]}</script><script defer src="https://www.googletagmanager.com/gtag/js?id=G-B22EG26EBD"></script><script>(function(){const analyticsId = "G-B22EG26EBD";
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', analyticsId, { anonymize_ip: true });
})();</script><link rel="stylesheet" href="/_astro/TextWithAbbr.BPqeTphJ.css"><style>.cmd-row[data-astro-cid-oqgw6c2e]:hover{box-shadow:inset 3px 0 0 var(--color-accent)}
</style></head><body class="ubuntu-terminal min-h-screen flex flex-col relative"><a href="#main-content" class="skip-link">Skip to content</a><div class="coder-bg" aria-hidden="true"><div class="coder-bg__mesh"></div><div class="coder-bg__grid"></div><canvas id="matrix-canvas" class="coder-bg__canvas"></canvas></div><div id="cursor-glow" class="cursor-glow" aria-hidden="true"></div><header class="sticky top-0 z-50 border-b border-border/80 bg-surface/85 backdrop-blur-xl"><div class="site-container flex items-center gap-2 sm:gap-3 px-4 sm:px-5 py-2"><a href="/" class="group flex shrink-0 items-center gap-2 min-w-0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="28" height="28" role="img" aria-label="SM Riad" class="select-none shrink-0 opacity-90 group-hover:opacity-100 transition-all duration-300 group-hover:drop-shadow-[0_0_10px_rgba(34,211,238,0.45)]" data-astro-cid-f7espo7c><defs data-astro-cid-f7espo7c><linearGradient id="logo-glow" x1="0" y1="0" x2="32" y2="32" gradientUnits="userSpaceOnUse" data-astro-cid-f7espo7c><stop stop-color="#22d3ee" data-astro-cid-f7espo7c></stop><stop offset="1" stop-color="#0891b2" data-astro-cid-f7espo7c></stop></linearGradient><radialGradient id="logo-bg" cx="50%" cy="35%" r="70%" data-astro-cid-f7espo7c><stop stop-color="#16161f" data-astro-cid-f7espo7c></stop><stop offset="1" stop-color="#0a0a0f" data-astro-cid-f7espo7c></stop></radialGradient></defs><rect width="32" height="32" rx="7" fill="url(#logo-bg)" class="logo-bg" data-astro-cid-f7espo7c></rect><rect x="0.75" y="0.75" width="30.5" height="30.5" rx="6.5" fill="none" stroke="url(#logo-glow)" stroke-width="1.25" opacity="0.55" class="logo-ring" data-astro-cid-f7espo7c></rect><path fill="#22d3ee" d="M7.2 9.2h4.1c2.2 0 3.7 1.1 3.7 3 0 1.2-.6 2.1-1.6 2.6 1.3.5 2.1 1.7 2.1 3.2 0 2.4-1.9 3.8-4.8 3.8H7.2V9.2zm2.2 2v3.1h1.7c1 0 1.6-.5 1.6-1.4 0-.9-.6-1.4-1.6-1.4h-1.7zm0 5.1v3.4h2.1c1.4 0 2.2-.7 2.2-1.8 0-1.1-.8-1.8-2.2-1.8h-2.1z" class="logo-s" data-astro-cid-f7espo7c></path><path fill="#e2e8f0" d="M17.4 9.2h5.8c3.5 0 5.8 2.1 5.8 5.4 0 3.3-2.3 5.4-5.8 5.4h-3.6V9.2zm2.2 2v6.8h3.4c2.1 0 3.4-1.2 3.4-3.4 0-2.2-1.3-3.4-3.4-3.4h-3.4z" class="logo-r" data-astro-cid-f7espo7c></path><rect x="24.2" y="21.5" width="1.6" height="6.2" rx="0.4" fill="#22d3ee" opacity="0.85" class="logo-cursor" data-astro-cid-f7espo7c></rect></svg><span class="hidden md:flex flex-col min-w-0 leading-tight"><span class="font-semibold text-sm tracking-tight group-hover:text-accent transition-colors truncate">SM Riad</span><span class="font-mono text-[10px] text-muted group-hover:text-accent/70 transition-colors truncate">// full-stack · available</span></span></a><nav class="route-scroll flex flex-1 min-w-0 items-center justify-center gap-0.5 sm:gap-1" aria-label="Main navigation"><a href="/" aria-label="Home" aria-current="page" data-abbr-tip="Home · Overview" class="nav-abbr-tip nav-glow shrink-0 rounded-md px-2 py-1.5 font-mono text-[10px] sm:text-[11px] transition-colors duration-200 is-active text-accent bg-panel/80">~</a><a href="/work" aria-label="Work" data-abbr-tip="Work · Work" class="nav-abbr-tip nav-glow shrink-0 rounded-md px-2 py-1.5 font-mono text-[10px] sm:text-[11px] transition-colors duration-200 text-muted hover:text-white">~/work</a><a href="/reviews" aria-label="Testimonials" data-abbr-tip="Testimonials · Testimonials" class="nav-abbr-tip nav-glow shrink-0 rounded-md px-2 py-1.5 font-mono text-[10px] sm:text-[11px] transition-colors duration-200 text-muted hover:text-white">~/reviews</a><a href="/engineering" aria-label="Stack" data-abbr-tip="Stack · Stack" class="nav-abbr-tip nav-glow shrink-0 rounded-md px-2 py-1.5 font-mono text-[10px] sm:text-[11px] transition-colors duration-200 text-muted hover:text-white">~/stack</a><a href="/experience" aria-label="Timeline" data-abbr-tip="Timeline · Timeline" class="nav-abbr-tip nav-glow shrink-0 rounded-md px-2 py-1.5 font-mono text-[10px] sm:text-[11px] transition-colors duration-200 text-muted hover:text-white">~/timeline</a><a href="/github" aria-label="GitHub" data-abbr-tip="GitHub · GitHub" class="nav-abbr-tip nav-glow shrink-0 rounded-md px-2 py-1.5 font-mono text-[10px] sm:text-[11px] transition-colors duration-200 text-muted hover:text-white">~/github</a><a href="/coding" aria-label="Coding" data-abbr-tip="Coding · Coding Profiles" class="nav-abbr-tip nav-glow shrink-0 rounded-md px-2 py-1.5 font-mono text-[10px] sm:text-[11px] transition-colors duration-200 text-muted hover:text-white">~/coding</a><a href="/contact" aria-label="Contact" data-abbr-tip="Contact · Contact" class="nav-abbr-tip nav-glow shrink-0 rounded-md px-2 py-1.5 font-mono text-[10px] sm:text-[11px] transition-colors duration-200 text-muted hover:text-white">~/contact</a></nav><div class="flex shrink-0 items-center gap-2"><button type="button" data-open-palette class="hidden sm:inline-flex items-center gap-1 rounded-md border border-border bg-panel/80 px-2 py-1 font-mono text-[10px] text-muted hover:text-accent hover:border-accent/40 transition-colors" title="Command palette (Ctrl+Shift+P)"><span class="text-accent/80">⌘</span>K</button><a href="https://www.upwork.com/freelancers/~019425299a2fe67a2a" target="_blank" rel="noopener noreferrer" class="hidden sm:inline-flex items-center gap-1.5 rounded-md bg-accent px-2.5 py-1.5 font-mono text-[11px] font-semibold text-surface hover:bg-accent/90 transition-all duration-200">Hire · 100%</a></div></div></header><main id="main-content" class="flex-1 relative z-10" tabindex="-1"><div class="page-shell !py-8 sm:!py-10"><div class="grid gap-8 lg:grid-cols-[1fr_280px] lg:items-start"><div data-reveal><p class="section-label mb-3"><span class="text-muted/70 mr-1">$</span>// index</p><h1 class="text-3xl sm:text-4xl font-bold tracking-tight text-gradient mb-3 glitch-hover">SM Riad</h1><p class="text-sm sm:text-base text-accent mb-2 font-medium m-0">Full-Stack + <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">SaaS</span><span class="abbr-tip__popup" role="tooltip">Software as a Service</span></span> + <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">AI</span><span class="abbr-tip__popup" role="tooltip">Artificial Intelligence</span></span> + Cloud/DevOps + DNS/Hosting/SMTP</p><p class="text-sm text-muted leading-relaxed max-w-xl mb-3 m-0">I build and architect scalable web applications, <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">SaaS</span><span class="abbr-tip__popup" role="tooltip">Software as a Service</span></span> platforms, <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">APIs</span><span class="abbr-tip__popup" role="tooltip">Application Programming Interfaces</span></span>, <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">AI</span><span class="abbr-tip__popup" role="tooltip">Artificial Intelligence</span></span> solutions, business automation systems, and cloud infrastructure for startups, agencies, and established businesses.</p><p class="text-xs text-muted mb-6">Also Head of Technology at <a href="https://questbdc.com" target="_blank" rel="noopener noreferrer" class="text-accent hover:underline">Quest BDC PLC</a>— enterprise leadership with hands-on delivery.</p><div class="flex flex-wrap gap-2 mb-6"><a href="https://www.upwork.com/freelancers/~019425299a2fe67a2a" target="_blank" rel="noopener noreferrer" class="btn-primary">Hire on Upwork</a><a href="/work" class="btn-ghost">View Work</a><a href="/reviews" class="btn-ghost">4.8★ Testimonials</a></div><div class="terminal-window panel overflow-hidden panel-glow" data-terminal-window="upwork-ts" data-reveal><div class="terminal-window__titlebar"><div class="terminal-window__controls" role="group" aria-label="Window controls"><button type="button" class="tw-btn tw-btn--close" data-tw-action="close" aria-label="Close window"></button><button type="button" class="tw-btn tw-btn--minimize" data-tw-action="minimize" aria-label="Minimize window"></button><button type="button" class="tw-btn tw-btn--maximize" data-tw-action="maximize" aria-label="Toggle fullscreen"></button></div><div class="terminal-window__title-wrap min-w-0"><p class="terminal-window__title truncate">smriad@portfolio: ~/src/upwork.ts</p><p class="terminal-window__subtitle truncate">nano · typescript</p></div><div class="terminal-window__actions"><span class="code-block__typing font-mono text-[10px] text-accent" aria-hidden="true">typing…</span></div></div><div class="terminal-window__body"><div class="code-block code-block__body overflow-x-auto p-3 sm:p-4" data-code-typewriter><pre class="code-block__pre font-mono text-xs sm:text-sm leading-relaxed text-zinc-300 m-0">
<code class="code-block__ghost" aria-hidden="true"><span class="syntax-keyword">const</span> <span class="syntax-property">upwork</span> = {
<span class="syntax-property">jobSuccess</span>: <span class="syntax-string">"100%"</span>,
<span class="syntax-property">jobs</span>: <span class="syntax-number">57</span>,
<span class="syntax-property">rating</span>: <span class="syntax-number">4.8</span>,
<span class="syntax-property">reviews</span>: <span class="syntax-number">46</span>,
<span class="syntax-property">hours</span>: <span class="syntax-string">"1,300+"</span>
};</code>
<code class="code-block__type"></code>
</pre></div></div><div class="terminal-window__resize" data-tw-resize role="separator" aria-orientation="both" aria-label="Resize window" tabindex="-1"></div><div class="terminal-window__closed hidden" data-tw-closed-bar><span class="font-mono text-[10px] text-muted">[upwork-ts] closed</span><button type="button" class="text-accent font-mono text-[10px] hover:underline" data-tw-action="restore">reopen</button></div></div><script type="module">function e(e){let t=[],n=0;for(;n<e.length;){if(e[n]===`<`){let r=e.indexOf(`>`,n);if(r===-1){t.push(e.slice(n));break}t.push(e.slice(n,r+1)),n=r+1;continue}let r=n;for(;r<e.length&&e[r]!==`<`;)r++;let i=e.slice(n,r);for(let e of i)t.push(e);n=r}return t}function t(){let t=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;document.querySelectorAll(`.code-block[data-code-typewriter]`).forEach(n=>{if(n.getAttribute(`data-tw-init`)===`true`)return;n.setAttribute(`data-tw-init`,`true`);let r=n.querySelector(`.code-block__ghost`),i=n.querySelector(`.code-block__type`),a=n.closest(`.terminal-window`)?.querySelector(`.code-block__typing`);if(!r||!i)return;let o=r.innerHTML,s=()=>{i.innerHTML=`${o}<span class="syntax-comment">▋</span>`,n.classList.add(`is-done`),a?.remove()};if(t){s();return}let c=e(o),l=0,u=``,d=()=>{if(l>=c.length){s();return}let e=c[l++];u+=e,i.innerHTML=u;let t=e.startsWith(`<`)?8:14+Math.random()*16;window.setTimeout(d,t)},f=()=>{i.innerHTML=``,window.setTimeout(d,350)},p=new IntersectionObserver(e=>{e[0]?.isIntersecting&&(f(),p.disconnect())},{threshold:.2,rootMargin:`0px 0px -8% 0px`});p.observe(n)})}t(),document.addEventListener(`astro:page-load`,t);</script></div><div data-reveal><div class="avatar-glow panel p-1.5 max-w-[280px] mx-auto lg:max-w-none"><img src="/images/my-avatar.webp" alt="SM Riad" width="280" height="280" class="w-full rounded-lg object-cover aspect-square" loading="eager" fetchpriority="high"></div></div></div><section class="section-block mt-10 pt-8 border-t border-border/60"><p class="section-label mb-3"><span class="text-muted/70 mr-1">$</span>// routes</p><h2 class="section-title" data-reveal>Quick Navigation</h2><div class="terminal-window panel overflow-hidden panel-glow" data-terminal-window="routes-cli" data-reveal><div class="terminal-window__titlebar"><div class="terminal-window__controls" role="group" aria-label="Window controls"><button type="button" class="tw-btn tw-btn--close" data-tw-action="close" aria-label="Close window"></button><button type="button" class="tw-btn tw-btn--minimize" data-tw-action="minimize" aria-label="Minimize window"></button><button type="button" class="tw-btn tw-btn--maximize" data-tw-action="maximize" aria-label="Toggle fullscreen"></button></div><div class="terminal-window__title-wrap min-w-0"><p class="terminal-window__title truncate">smriad@portfolio: ~/routes</p><p class="terminal-window__subtitle truncate">zsh · static preview</p></div><div class="terminal-window__actions"></div></div><div class="terminal-window__body"><nav class="p-3 space-y-0.5 font-mono text-xs sm:text-sm" aria-label="Quick navigation" data-astro-cid-oqgw6c2e><p class="text-muted text-xs mb-2" data-astro-cid-oqgw6c2e><span class="text-accent" data-astro-cid-oqgw6c2e>$</span> ls ~/routes<span class="text-muted/60 ml-2" data-astro-cid-oqgw6c2e>— press <kbd class="kbd" data-astro-cid-oqgw6c2e>Ctrl</kbd>+<kbd class="kbd" data-astro-cid-oqgw6c2e>Shift</kbd>+<kbd class="kbd" data-astro-cid-oqgw6c2e>P</kbd> for VS Code palette</span></p><a href="/work" class="cmd-row group flex items-center gap-2 sm:gap-3 rounded-md px-2.5 py-2 transition-all duration-200 hover:bg-accent/5" data-astro-cid-oqgw6c2e><span class="text-accent/60 group-hover:text-accent w-4 text-center" data-astro-cid-oqgw6c2e>›</span><span class="text-accent group-hover:text-cyan-300 min-w-[5.5rem]" data-astro-cid-oqgw6c2e>work</span><span class="text-border hidden sm:inline" data-astro-cid-oqgw6c2e>──</span><span class="text-muted group-hover:text-zinc-300 truncate m-0 min-w-0">57 jobs · 100% <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">JSS</span><span class="abbr-tip__popup" role="tooltip">Job Success Score (Upwork)</span></span> · portfolio</span></a><a href="/reviews" class="cmd-row group flex items-center gap-2 sm:gap-3 rounded-md px-2.5 py-2 transition-all duration-200 hover:bg-accent/5" data-astro-cid-oqgw6c2e><span class="text-accent/60 group-hover:text-accent w-4 text-center" data-astro-cid-oqgw6c2e>›</span><span class="text-accent group-hover:text-cyan-300 min-w-[5.5rem]" data-astro-cid-oqgw6c2e>testimonials</span><span class="text-border hidden sm:inline" data-astro-cid-oqgw6c2e>──</span><span class="text-muted group-hover:text-zinc-300 truncate m-0 min-w-0">46 ratings · 4.8★ average</span></a><a href="/contact" class="cmd-row group flex items-center gap-2 sm:gap-3 rounded-md px-2.5 py-2 transition-all duration-200 hover:bg-accent/5" data-astro-cid-oqgw6c2e><span class="text-accent/60 group-hover:text-accent w-4 text-center" data-astro-cid-oqgw6c2e>›</span><span class="text-accent group-hover:text-cyan-300 min-w-[5.5rem]" data-astro-cid-oqgw6c2e>contact</span><span class="text-border hidden sm:inline" data-astro-cid-oqgw6c2e>──</span><span class="text-muted group-hover:text-zinc-300 truncate m-0 min-w-0">Upwork · email · Skype</span></a><a href="/engineering" class="cmd-row group flex items-center gap-2 sm:gap-3 rounded-md px-2.5 py-2 transition-all duration-200 hover:bg-accent/5" data-astro-cid-oqgw6c2e><span class="text-accent/60 group-hover:text-accent w-4 text-center" data-astro-cid-oqgw6c2e>›</span><span class="text-accent group-hover:text-cyan-300 min-w-[5.5rem]" data-astro-cid-oqgw6c2e>stack</span><span class="text-border hidden sm:inline" data-astro-cid-oqgw6c2e>──</span><span class="text-muted group-hover:text-zinc-300 truncate m-0 min-w-0">Full-stack · <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">SaaS</span><span class="abbr-tip__popup" role="tooltip">Software as a Service</span></span> · <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">AI</span><span class="abbr-tip__popup" role="tooltip">Artificial Intelligence</span></span> · cloud · <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">DevOps</span><span class="abbr-tip__popup" role="tooltip">Development + Operations automation culture</span></span></span></a><a href="/experience" class="cmd-row group flex items-center gap-2 sm:gap-3 rounded-md px-2.5 py-2 transition-all duration-200 hover:bg-accent/5" data-astro-cid-oqgw6c2e><span class="text-accent/60 group-hover:text-accent w-4 text-center" data-astro-cid-oqgw6c2e>›</span><span class="text-accent group-hover:text-cyan-300 min-w-[5.5rem]" data-astro-cid-oqgw6c2e>timeline</span><span class="text-border hidden sm:inline" data-astro-cid-oqgw6c2e>──</span><span class="text-muted group-hover:text-zinc-300 truncate m-0 min-w-0">19+ years · <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">CTO</span><span class="abbr-tip__popup" role="tooltip">Chief Technology Officer</span></span> & Head of Technology</span></a><a href="/github" class="cmd-row group flex items-center gap-2 sm:gap-3 rounded-md px-2.5 py-2 transition-all duration-200 hover:bg-accent/5" data-astro-cid-oqgw6c2e><span class="text-accent/60 group-hover:text-accent w-4 text-center" data-astro-cid-oqgw6c2e>›</span><span class="text-accent group-hover:text-cyan-300 min-w-[5.5rem]" data-astro-cid-oqgw6c2e>github</span><span class="text-border hidden sm:inline" data-astro-cid-oqgw6c2e>──</span><span class="text-muted group-hover:text-zinc-300 truncate m-0 min-w-0">Open source · live activity</span></a><a href="/coding" class="cmd-row group flex items-center gap-2 sm:gap-3 rounded-md px-2.5 py-2 transition-all duration-200 hover:bg-accent/5" data-astro-cid-oqgw6c2e><span class="text-accent/60 group-hover:text-accent w-4 text-center" data-astro-cid-oqgw6c2e>›</span><span class="text-accent group-hover:text-cyan-300 min-w-[5.5rem]" data-astro-cid-oqgw6c2e>coding</span><span class="text-border hidden sm:inline" data-astro-cid-oqgw6c2e>──</span><span class="text-muted group-hover:text-zinc-300 truncate m-0 min-w-0">Codewars · <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">UVa</span><span class="abbr-tip__popup" role="tooltip">University of Valladolid Online Judge</span></span> <span class="abbr-tip" tabindex="0"><span class="abbr-tip__label">OJ</span><span class="abbr-tip__popup" role="tooltip">Online Judge</span></span> · LeetCode · Stack Overflow</span></a><a href="https://dev.to/smriad" target="_blank" rel="noopener noreferrer" class="cmd-row group flex items-center gap-2 sm:gap-3 rounded-md px-2.5 py-2 transition-all duration-200 hover:bg-accent/5" data-astro-cid-oqgw6c2e><span class="text-accent/60 group-hover:text-accent w-4 text-center" data-astro-cid-oqgw6c2e>›</span><span class="text-accent group-hover:text-cyan-300 min-w-[5.5rem]" data-astro-cid-oqgw6c2e>dev.to</span><span class="text-border hidden sm:inline" data-astro-cid-oqgw6c2e>──</span><span class="text-muted group-hover:text-zinc-300 truncate m-0 min-w-0">DEV profile · Hacktoberfest 2026 · MLH events</span></a><p class="text-muted text-xs mt-3 pt-2 border-t border-border/50 flex flex-wrap items-center gap-2" data-astro-cid-oqgw6c2e><span class="text-accent" data-astro-cid-oqgw6c2e>$</span><button type="button" data-open-palette class="text-accent hover:underline" data-astro-cid-oqgw6c2e>open command palette</button><span class="cursor-blink" data-astro-cid-oqgw6c2e></span></p></nav></div><div class="terminal-window__resize" data-tw-resize role="separator" aria-orientation="both" aria-label="Resize window" tabindex="-1"></div><div class="terminal-window__closed hidden" data-tw-closed-bar><span class="font-mono text-[10px] text-muted">[routes-cli] closed</span><button type="button" class="text-accent font-mono text-[10px] hover:underline" data-tw-action="restore">reopen</button></div></div></section></div></main><footer class="status-bar relative z-10 mt-10"><div class="site-container px-4 sm:px-5 py-2 flex flex-col sm:flex-row items-center justify-between gap-1.5 text-[11px] sm:text-xs"><p class="flex items-center gap-2"><span class="inline-block h-1.5 w-1.5 rounded-full bg-green-500 animate-pulse" aria-hidden="true"></span><span><span class="text-accent">smriad@portfolio</span>:<span class="text-purple-300">~</span>$ status — <span class="text-accent">available</span> · 100% · Dhaka, Bangladesh</span></p><p class="text-muted/60 hidden sm:block">// Astro · TypeScript · Tailwind</p></div><div class="site-container px-4 sm:px-5 py-4 flex flex-col sm:flex-row items-center justify-between gap-3 text-xs text-muted border-t border-border/50"><p class="flex items-center gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="22" height="22" role="img" aria-label="SM Riad" class="select-none shrink-0 opacity-70" data-astro-cid-f7espo7c><defs data-astro-cid-f7espo7c><linearGradient id="logo-glow" x1="0" y1="0" x2="32" y2="32" gradientUnits="userSpaceOnUse" data-astro-cid-f7espo7c><stop stop-color="#22d3ee" data-astro-cid-f7espo7c></stop><stop offset="1" stop-color="#0891b2" data-astro-cid-f7espo7c></stop></linearGradient><radialGradient id="logo-bg" cx="50%" cy="35%" r="70%" data-astro-cid-f7espo7c><stop stop-color="#16161f" data-astro-cid-f7espo7c></stop><stop offset="1" stop-color="#0a0a0f" data-astro-cid-f7espo7c></stop></radialGradient></defs><rect width="32" height="32" rx="7" fill="url(#logo-bg)" class="logo-bg" data-astro-cid-f7espo7c></rect><rect x="0.75" y="0.75" width="30.5" height="30.5" rx="6.5" fill="none" stroke="url(#logo-glow)" stroke-width="1.25" opacity="0.55" class="logo-ring" data-astro-cid-f7espo7c></rect><path fill="#22d3ee" d="M7.2 9.2h4.1c2.2 0 3.7 1.1 3.7 3 0 1.2-.6 2.1-1.6 2.6 1.3.5 2.1 1.7 2.1 3.2 0 2.4-1.9 3.8-4.8 3.8H7.2V9.2zm2.2 2v3.1h1.7c1 0 1.6-.5 1.6-1.4 0-.9-.6-1.4-1.6-1.4h-1.7zm0 5.1v3.4h2.1c1.4 0 2.2-.7 2.2-1.8 0-1.1-.8-1.8-2.2-1.8h-2.1z" class="logo-s" data-astro-cid-f7espo7c></path><path fill="#e2e8f0" d="M17.4 9.2h5.8c3.5 0 5.8 2.1 5.8 5.4 0 3.3-2.3 5.4-5.8 5.4h-3.6V9.2zm2.2 2v6.8h3.4c2.1 0 3.4-1.2 3.4-3.4 0-2.2-1.3-3.4-3.4-3.4h-3.4z" class="logo-r" data-astro-cid-f7espo7c></path><rect x="24.2" y="21.5" width="1.6" height="6.2" rx="0.4" fill="#22d3ee" opacity="0.85" class="logo-cursor" data-astro-cid-f7espo7c></rect></svg><span>© 2026 SM Riad</span></p><div class="flex items-center gap-4"><a href="https://www.upwork.com/freelancers/~019425299a2fe67a2a" target="_blank" rel="noopener noreferrer" class="text-accent hover:underline transition-colors duration-200">Hire on Upwork</a><a href="/work" class="hover:text-accent transition-colors duration-200">Work</a><a href="/reviews" class="hover:text-accent transition-colors duration-200">Testimonials</a><a href="https://dev.to/smriad" target="_blank" rel="noopener noreferrer" class="hover:text-accent transition-colors duration-200">DEV</a><a href="mailto:smriad@gmail.com" class="hover:text-accent transition-colors duration-200">Email</a></div></div></footer><div id="vscode-palette" class="vscode-palette" hidden role="dialog" aria-modal="true" aria-label="Command palette" aria-hidden="true"><div class="vscode-palette__backdrop" data-palette-dismiss tabindex="-1"></div><div class="vscode-palette__panel terminal-window"><div class="terminal-window__titlebar vscode-palette__titlebar"><span class="font-mono text-[10px] text-muted truncate">smriad@portfolio — bash</span><span class="font-mono text-[10px] text-accent/80">Ctrl+Shift+P</span></div><div class="vscode-palette__input-row"><span class="text-accent font-mono text-sm">></span><input id="vscode-palette-input" type="search" class="vscode-palette__input" placeholder="Search pages, projects, reviews, stack…" autocomplete="off" spellcheck="false" aria-controls="vscode-palette-list" aria-autocomplete="list"></div><ul id="vscode-palette-list" class="vscode-palette__list" role="listbox"></ul><p class="vscode-palette__foot font-mono text-[10px] text-muted">↑↓ navigate · ↵ open · esc close · <kbd class="kbd">Ctrl</kbd>+<kbd class="kbd">P</kbd> quick open</p></div></div><script type="module" src="/_astro/VscodeCommandPalette.astro_astro_type_script_index_0_lang.B61li11t.js"></script><script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_0_lang.C6xf7zIJ.js"></script></body></html>