-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
10 lines (10 loc) · 22.2 KB
/
index.html
File metadata and controls
10 lines (10 loc) · 22.2 KB
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html><html class="dark" lang="en"><head><meta charset="utf-8"><link href="/favicon.ico" rel="icon"><link href="/favicon.svg" rel="icon" type="image/svg+xml"><meta content="width=device-width,initial-scale=1" name="viewport"><meta content="#000000" name="theme-color"><link href="/rss.xml" rel="alternate" type="application/rss+xml" title="Fezcodex RSS Feed"><meta content="codex by fezcode..." name="description"><meta content="website" property="og:type"><meta content="https://fezcode.com/" property="og:url"><meta content="Fezcodex - Personal Blog and Projects" property="og:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." property="og:description"><meta content="/images/asset/ogtitle.png" property="og:image"><meta content="summary_large_image" name="twitter:card"><meta content="https://fezcode.com/" name="twitter:url"><meta content="Fezcodex - Personal Blog and Projects" name="twitter:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." name="twitter:description"><meta content="/images/asset/ogtitle.png" name="twitter:image"><link href="/logo192.png" rel="apple-touch-icon"><link href="/manifest.json" rel="manifest"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin=""><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Arvo&family=Inter&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet"><title>bm - bookmark manager | Fezcodex</title><title>bm - bookmark manager | Fezcodex</title><title>fezcodex</title><script defer src="/static/js/main.87f8d95f.js"></script><link href="/static/css/main.c666da2c.css" rel="stylesheet"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect"><link href="https://github.com" rel="preconnect"><link href="https://release-assets.githubusercontent.com" rel="preconnect"><meta content="BM is a simple command-line bookmark manager for your shell. It stores bookmarks in a `store.toml` file within a `~/.bm` directory." name="description"><meta content="Rust, TOML" name="keywords"><meta content="bm - bookmark manager | Fezcodex" property="og:title"><meta content="BM is a simple command-line bookmark manager for your shell. It stores bookmarks in a `store.toml` file within a `~/.bm` directory." property="og:description"><meta content="https://fezcode.com/images/defaults/esma-melike-sezer-YpUj3dD0YzU-unsplash.jpg" property="og:image"><meta content="https://fezcode.com/projects/bm/" property="og:url"><meta content="website" property="og:type"><meta content="Fezcodex" property="og:site_name"><meta content="https://fezcode.com/images/defaults/esma-melike-sezer-YpUj3dD0YzU-unsplash.jpg" property="og:image:secure_url"><meta content="summary_large_image" name="twitter:card"><meta content="bm - bookmark manager | Fezcodex" name="twitter:title"><meta content="BM is a simple command-line bookmark manager for your shell. It stores bookmarks in a `store.toml` file within a `~/.bm` directory." name="twitter:description"><meta content="https://fezcode.com/images/defaults/esma-melike-sezer-YpUj3dD0YzU-unsplash.jpg" name="twitter:image"><meta content="https://fezcode.com/projects/bm/" name="twitter:url"><link href="https://fezcode.com/projects/bm/" rel="canonical"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect"><link href="https://github.com" rel="preconnect"><link href="https://release-assets.githubusercontent.com" rel="preconnect"><meta content="BM is a simple command-line bookmark manager for your shell. It stores bookmarks in a `store.toml` file within a `~/.bm` directory." name="description"><meta content="Rust, TOML" name="keywords"><meta content="bm - bookmark manager | Fezcodex" property="og:title"><meta content="BM is a simple command-line bookmark manager for your shell. It stores bookmarks in a `store.toml` file within a `~/.bm` directory." property="og:description"><meta content="https://fezcode.com/images/defaults/esma-melike-sezer-YpUj3dD0YzU-unsplash.jpg" property="og:image"><meta content="https://fezcode.com/projects/bm/" property="og:url"><meta content="website" property="og:type"><meta content="Fezcodex" property="og:site_name"><meta content="https://fezcode.com/images/defaults/esma-melike-sezer-YpUj3dD0YzU-unsplash.jpg" property="og:image:secure_url"><meta content="summary_large_image" name="twitter:card"><meta content="bm - bookmark manager | Fezcodex" name="twitter:title"><meta content="BM is a simple command-line bookmark manager for your shell. It stores bookmarks in a `store.toml` file within a `~/.bm` directory." name="twitter:description"><meta content="https://fezcode.com/images/defaults/esma-melike-sezer-YpUj3dD0YzU-unsplash.jpg" name="twitter:image"><meta content="https://fezcode.com/projects/bm/" name="twitter:url"><link href="https://fezcode.com/projects/bm/" rel="canonical"></head><body class="bg-slate-950" style="cursor:default;user-select:auto"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div class="bg-emerald-600 text-white relative z-[100] border-b-2 border-black selection:bg-white selection:text-black" style="height:auto;opacity:1"><div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between gap-4"><div class="flex items-center gap-3 flex-1"><span class="shrink-0"><svg viewBox="0 0 256 256" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M108,84a16,16,0,1,1,16,16A16,16,0,0,1,108,84Zm128,44A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Zm-72,36.68V132a20,20,0,0,0-20-20,12,12,0,0,0-4,23.32V168a20,20,0,0,0,20,20,12,12,0,0,0,4-23.32Z"></path></svg></span><p class="font-mono text-xs md:text-sm font-black uppercase tracking-widest leading-tight">CLIMB THE TALL BUILDING 0 IS ONLINE: BUILD YOUR DECK AND CLIMB. ACCESS AT /CLIMB-THE-TALL-BUILDING-0.</p><a href="https://fezcode.com/climb-the-tall-building-0/" class="shrink-0 inline-flex items-center gap-1 bg-black/20 hover:bg-black/40 px-3 py-1 rounded-sm border border-white/20 transition-all font-bold text-[10px] uppercase">Play Climb the Tall Building 0<svg viewBox="0 0 256 256" fill="currentColor" height="12" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></a></div><button aria-label="Dismiss" class="p-1 hover:bg-black/20 rounded-sm transition-colors shrink-0"><svg viewBox="0 0 256 256" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"></path></svg></button></div><div class="h-0.5 w-full bg-black/10"></div></div><div class="bg-[#050505] min-h-screen font-sans flex"><div class="flex-1 flex flex-col transition-all duration-300 md:ml-0"><main class="flex-grow"><div class="min-h-screen bg-black text-[#e8e8e8] font-nunito selection:bg-[#ffffff20] selection:text-white overflow-x-hidden relative"><div class="fixed top-0 left-0 w-full h-full pointer-events-none z-0" aria-hidden="true"><svg viewBox="0 0 2455 3344" class="w-full h-full opacity-20" preserveAspectRatio="none"><line class="stroke-white/10" stroke-width="1" x1="100.6059" x2="100.6059" y1="0" y2="3344"></line><line class="stroke-white/10" stroke-width="1" x1="664.3046" x2="664.3046" y1="0" y2="3344"></line><line class="stroke-white/10" stroke-width="1" x1="1228.0033" x2="1228.0033" y1="0" y2="3344"></line><line class="stroke-white/10" stroke-width="1" x1="1603.4669" x2="1603.4669" y1="0" y2="3344"></line><line class="stroke-white/10" stroke-width="1" x1="1978.9305" x2="1978.9305" y1="0" y2="3344"></line><line class="stroke-white/10" stroke-width="1" x1="2354.3941" x2="2354.3941" y1="0" y2="3344"></line></svg><img alt="" class="absolute top-0 left-0 w-full h-full object-cover mix-blend-normal opacity-40" src="/images/bg/nik.jpg"></div><div class="relative z-10 flex flex-col min-h-screen"><nav class="border-b border-white/10 relative z-20 bg-black/50 backdrop-blur-sm"><div class="max-w-[2400px] mx-auto px-6 h-16 flex items-center justify-between"><a href="/" class="flex items-center gap-2 group" data-discover="true"><span class="font-instr-serif italic text-2xl text-white tracking-tighter">Fezcodex</span></a><div class="flex items-center gap-6 text-sm font-medium text-white/70"><a href="/projects" class="hover:text-white transition-colors" data-discover="true">Projects</a><a href="/about" class="hover:text-white transition-colors" data-discover="true">About</a><a href="https://github.com/fezcode/bm" class="bg-white text-black px-3 py-1.5 rounded hover:bg-white/90 transition-colors" rel="noopener noreferrer" target="_blank">GitHub</a></div></div></nav><main class="flex-1 flex flex-col"><section class="relative pt-20 pb-32 border-b border-white/10 overflow-hidden"><div class="max-w-[2400px] mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8"><div class="md:col-span-2 md:col-start-2 border-l border-white/10 pl-8"><div class="mb-6"><span class="font-instr-serif text-xl text-white uppercase tracking-[0.1em] px-4 py-2 border border-white/20 inline-block">bm - bookmark manager</span></div><h1 class="text-6xl md:text-8xl font-instr-serif leading-[0.9] tracking-tight text-white mb-8"><div class="mb-0">Shell Bookmarks</div><div class="mb-0">Simplified</div></h1></div><div class="md:col-span-2 md:col-start-2 md:pl-8 border-l border-white/10 flex flex-col gap-6"><div class="text-xl md:text-2xl text-[#e0e0e0] font-nunito font-light leading-relaxed max-w-2xl"><p>BM is a simple, yet powerful command-line bookmark manager for your shell. Built with Rust to be more secure.</p></div><div class="pt-4 flex flex-wrap gap-4"><a href="#install" class="inline-flex items-center gap-2 bg-white text-black px-6 py-3 rounded text-lg font-medium hover:bg-white/90 transition-colors">Get Started <span>→</span></a><a href="https://github.com/fezcode/bm" class="inline-flex items-center gap-2 border border-white/20 text-white px-6 py-3 rounded text-lg font-medium hover:bg-white/5 transition-colors" rel="noopener noreferrer" target="_blank">View Source</a></div></div></div></section><section class="py-24 border-b border-white/10"><div class="max-w-[2400px] mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8"><div class="md:col-start-2 md:col-span-2 border-l border-white/10 pl-8 mb-8"><p class="font-mono text-xs uppercase tracking-wider text-white/50 mb-2">Install</p><h2 class="text-4xl md:text-5xl font-instr-serif text-white leading-tight">Available in the<br><span class="italic text-white/70">terminal</span></h2></div><div class="md:col-start-2 md:col-span-3"><div class="bg-[#1d2021] rounded-lg overflow-hidden border border-white/10 shadow-2xl font-mono text-sm"><div class="bg-[#282828] px-4 py-2 flex items-center justify-between border-b border-white/5"><div class="flex gap-2"><div class="w-3 h-3 rounded-full bg-[#cc241d]"></div><div class="w-3 h-3 rounded-full bg-[#98971a]"></div><div class="w-3 h-3 rounded-full bg-[#d79921]"></div></div><div class="text-white/30 text-xs">dush</div><div></div></div><div class="p-6 text-[#ebdbb2] overflow-x-auto"><pre class="whitespace-pre-wrap"><div class="mb-2"><span class="text-[#b8bb26]">➜</span> <span class="text-[#fabd2f]">~</span> bm add config <span class="text-[#b8bb26]"># Adds current directory to bookmarks</span>
<span class="text-[#b8bb26]">➜</span> <span class="text-[#fabd2f]">~</span> bm show <span class="text-[#b8bb26]"># Lists all bookmarks</span></div>
<div class="mb-2">ws C:\Workspace
bm C:\Workspace\bm\target\debug\bm.exe
home C:\Users\fezcode
config C:\Users\fezcode.bm</div>
<div class="mb-2"><span class="text-[#b8bb26]">➜</span> <span class="text-[#fabd2f]">~</span> bm show -p <span class="text-[#b8bb26]"># Lists all bookmarks in a table</span>
<span class="text-[#b8bb26]">➜</span> <span class="text-[#fabd2f]">~</span> bm delete config <span class="text-[#b8bb26]"># Delete rust_docs bookmark</span>
<span class="text-[#b8bb26]">➜</span> <span class="text-[#fabd2f]">~</span> bm help <span class="text-[#b8bb26]"># Show help text</span>
<span class="text-[#b8bb26]">➜</span> <span class="text-[#fabd2f]">~</span> bm version <span class="text-[#b8bb26]"># Show version</span></div></pre><div class="mt-4 flex items-center gap-2"><span class="text-[#b8bb26]">➜</span><span class="text-[#fabd2f]">~</span><span class="animate-pulse">_</span></div></div></div></div></div></section><section class="border-t border-white/10"><div class="max-w-[2400px] mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8 py-24"><div class="md:col-span-1 flex flex-col gap-3"><p class="font-mono uppercase text-xs text-white/50">Details</p><h2 class="text-4xl md:text-5xl font-instr-serif font-normal tracking-tight text-white sticky top-24">About <span class="italic text-white/70">the</span> Project</h2></div><div class="md:col-start-2 md:col-span-3 border-l border-white/10 pl-8 flex flex-col"><div class="group py-8 border-b border-white/10 last:border-b-0 hover:bg-white/5 -mx-8 px-8 transition-colors"><div class="grid grid-cols-1 md:grid-cols-12 gap-8"><div class="md:col-span-2 font-mono text-xs uppercase tracking-wider text-white/50 pt-1">01</div><div class="md:col-span-10 flex flex-col gap-4"><h3 class="font-instr-serif text-2xl text-white group-hover:text-white/90 transition-colors">Overview</h3><div class="text-base font-nunito text-[#e0e0e0] leading-relaxed max-w-3xl"><p class="mb-4 last:mb-0">BM is a simple, yet powerful command-line bookmark manager for your shell. Designed for terminal enthusiasts, it allows you to save, tag, and quickly retrieve your favorite files and directories directly from the command line.</p><p class="mb-4 last:mb-0">Forget alias-based bookmarks or clunky UI applications. BM integrates seamlessly into your workflow, making it effortless to manage your bookmarks.</p><h1></h1></div></div></div></div><div class="group py-8 border-b border-white/10 last:border-b-0 hover:bg-white/5 -mx-8 px-8 transition-colors"><div class="grid grid-cols-1 md:grid-cols-12 gap-8"><div class="md:col-span-2 font-mono text-xs uppercase tracking-wider text-white/50 pt-1">02</div><div class="md:col-span-10 flex flex-col gap-4"><h3 class="font-instr-serif text-2xl text-white group-hover:text-white/90 transition-colors">Why BM?</h3><div class="text-base font-nunito text-[#e0e0e0] leading-relaxed max-w-3xl"><ul class="list-disc pl-4 mb-4 space-y-2 marker:text-white/50"><li class="pl-1"><span class="font-bold text-white">Lightning Fast:</span> Built with Rust, BM operates with near-zero overhead, ensuring instant responses.</li><li class="pl-1"><span class="font-bold text-white">Terminal Native:</span> Live and breathe in your terminal? BM is your perfect companion.</li><li class="pl-1"><span class="font-bold text-white">TOML-based Storage:</span> Your bookmarks are stored in a human-readable <code>store.toml</code> file, easy to backup and edit.</li><li class="pl-1"><span class="font-bold text-white">Privacy-Focused:</span> Your data stays local, under your control.</li><li class="pl-1"><span class="font-bold text-white">Open Source:</span> Contribute, customize, and make it truly yours.</li></ul></div></div></div></div></div></div></section><section class="py-24 border-b border-white/10" id="install"><div class="max-w-[2400px] mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8"><div class="md:col-start-2 md:col-span-3 border-l border-white/10 pl-8"><div class="grid md:grid-cols-2 gap-12"><div><h3 class="font-mono text-xs uppercase tracking-wider text-white/50 mb-4 border-b border-white/10 pb-2">Platform Support</h3><div class="flex flex-wrap gap-2"><div class="border border-white/20 text-white px-4 py-2 rounded select-none cursor-default">Windows</div><div class="border border-white/20 text-white px-4 py-2 rounded select-none cursor-default">Linux</div><div class="border border-white/20 text-white px-4 py-2 rounded select-none cursor-default">macOS</div></div></div><div><h3 class="font-mono text-xs uppercase tracking-wider text-white/50 mb-4 border-b border-white/10 pb-2">Install Command</h3><div class="bg-[#1d2021] border border-white/10 rounded p-3 flex items-center justify-between group cursor-pointer hover:bg-[#282828] transition-colors"><code class="font-mono text-sm text-[#ebdbb2] truncate">https://github.com/fezcode/bm/releases/tag/v0.8.3</code><span class="text-white/30 group-hover:text-white transition-colors"><svg viewBox="0 0 24 24" fill="none" height="16" width="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect height="13" rx="2" ry="2" width="13" x="9" y="9"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span></div></div></div></div></div></section><section class="py-24 border-b border-white/10 overflow-hidden"><div class="max-w-[2400px] mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8"><div class="md:col-start-2 md:col-span-3 md:border-l md:border-white/10 md:pl-8"><div class="flex flex-col md:flex-row md:items-end justify-between gap-4 mb-8 pr-4"><div><p class="font-mono text-xs uppercase tracking-wider text-white/50">Social</p><h2 class="text-4xl md:text-5xl font-instr-serif text-white">Explore<br><span class="italic text-white/70">With</span> Us</h2></div><div class="flex gap-2"><button aria-label="Scroll left" class="w-10 h-10 rounded-full border border-white/20 flex items-center justify-center text-white hover:bg-white/10 transition-colors">←</button><button aria-label="Scroll right" class="w-10 h-10 rounded-full border border-white/20 flex items-center justify-center text-white hover:bg-white/10 transition-colors">→</button></div></div><div class="flex gap-6 overflow-x-auto pb-12 snap-x snap-mandatory -ml-4 px-4 scrollbar-hide"><a href="https://github.com/fezcode/bm/releases/tag/v0.8.3" class="snap-start shrink-0 w-[300px] md:w-[320px] aspect-[3/4] bg-black border border-white/10 rounded-xl overflow-hidden relative group" rel="noopener noreferrer" target="_blank"><div class="absolute inset-0 opacity-20 pointer-events-none"><svg viewBox="0 0 100 100" class="w-full h-full text-white" preserveAspectRatio="none"><path d="M0 50 Q 25 25, 50 50 T 100 50" fill="none" stroke="currentColor" stroke-width="0.5"></path><path d="M0 60 Q 25 35, 50 60 T 100 60" fill="none" stroke="currentColor" stroke-width="0.5"></path><path d="M0 70 Q 25 45, 50 70 T 100 70" fill="none" stroke="currentColor" stroke-width="0.5"></path></svg></div><div class="p-6 relative z-10 flex flex-col h-full justify-between"><div><h3 class="text-2xl font-instr-serif text-white leading-tight mb-2">Runs on every platform</h3><div class="flex items-center gap-2 mt-4"><div class="w-5 h-5 rounded-full bg-white/20"></div><span class="text-sm text-white/70">fezcode</span></div></div><div class="flex items-center gap-4 text-xs font-mono"><span class="text-green-400">+8</span><span class="text-red-400">-2</span><span class="text-yellow-400">~0</span></div></div></a></div></div></div></section></main><footer class="border-t border-white/10 py-16 bg-black z-10 relative"><div class="max-w-[2400px] mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-4"><div class="text-sm text-white/50 text-center md:text-left flex-1 md:flex-none md:absolute md:left-1/2 md:-translate-x-1/2"><span>© 2026 Handcrafted by Fezcode · Built with love and code.</span></div><div class="text-[10px] text-white/30 hover:text-white/50 transition-colors uppercase tracking-wider ml-auto"><a href="https://unsplash.com/photos/palm-fronds-against-a-sunset-sky-3ZMkvC45R_E" rel="noopener noreferrer" target="_blank">Photo by Nik on Unsplash</a></div></div></footer></div></div></main></div></div><div class="fixed bottom-0 left-0 w-full h-32 pointer-events-none z-[9999]"><div class="absolute bottom-2 flex flex-col items-center pointer-events-auto cursor-help" style="width:60px;transform:translateX(93.5849vw)"><div class="relative" style="transform:scaleX(-1)"><div class="w-10 h-10 flex items-center justify-center rounded-lg border-2 bg-[#050505] border-[#10B981]/40 text-[#10B981] shadow-lg" style="transform:translateY(-1.72684px) rotate(3.0615deg)"><svg viewBox="0 0 256 256" fill="currentColor" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M224,118.31V200a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V118.31h0A191.14,191.14,0,0,0,128,144,191.08,191.08,0,0,0,224,118.31Z" opacity="0.2"></path><path d="M104,112a8,8,0,0,1,8-8h32a8,8,0,0,1,0,16H112A8,8,0,0,1,104,112ZM232,72V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V72A16,16,0,0,1,40,56H80V48a24,24,0,0,1,24-24h48a24,24,0,0,1,24,24v8h40A16,16,0,0,1,232,72ZM96,56h64V48a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8ZM40,72v41.62A184.07,184.07,0,0,0,128,136a184,184,0,0,0,88-22.39V72ZM216,200V131.63A200.25,200.25,0,0,1,128,152a200.19,200.19,0,0,1-88-20.36V200H216Z"></path></svg><div class="absolute top-2 left-2 flex gap-3"><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div></div></div><div class="flex justify-around mt-[-4px]"><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-1.53298px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.467018px)"></div></div></div></div></div><div class="fixed top-24 right-6 md:right-12 z-[100] pointer-events-none flex flex-col items-end gap-2"><div class="pointer-events-auto flex flex-col-reverse gap-3"></div></div></div></body></html>