-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 47.2 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 47.2 KB
1
<!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>Authors | From Serfs and Frauds</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="/static/css/3441.0100e5f5.chunk.css" rel="stylesheet" type="text/css"><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="Meet the authors behind the Dungeons & Dragons stories, From Serfs and Frauds." name="description"><meta content="Fezcodex, d&d, dnd, from serfs and frauds, authors" name="keywords"><meta content="Authors | From Serfs and Frauds" property="og:title"><meta content="Meet the authors behind the Dungeons & Dragons stories, From Serfs and Frauds." property="og:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image"><meta content="https://fezcode.com/stories/authors" property="og:url"><meta content="website" property="og:type"><meta content="Fezcodex" property="og:site_name"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image:secure_url"><meta content="summary_large_image" name="twitter:card"><meta content="Authors | From Serfs and Frauds" name="twitter:title"><meta content="Meet the authors behind the Dungeons & Dragons stories, From Serfs and Frauds." name="twitter:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" name="twitter:image"><meta content="https://fezcode.com/stories/authors" name="twitter:url"><link href="https://fezcode.com/stories/authors" rel="canonical"><link href="https://avatars.githubusercontent.com" rel="preconnect"></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 fill="currentColor" height="20" viewBox="0 0 256 256" 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 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" href="https://fezcode.com/climb-the-tall-building-0/">Play Climb the Tall Building 0<svg fill="currentColor" height="12" viewBox="0 0 256 256" 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 class="p-1 hover:bg-black/20 rounded-sm transition-colors shrink-0" aria-label="Dismiss"><svg fill="currentColor" height="20" viewBox="0 0 256 256" 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 style="opacity:1"><div class="dnd-theme-root min-h-screen flex flex-col relative overflow-x-hidden"><div class="hidden md:block"><div class="dnd-viewport-frame"></div><div class="fixed top-0 left-0 w-24 h-24 z-[210] pointer-events-none"><div class="absolute top-4 left-4 w-12 h-12 border-t-4 border-l-4 border-dnd-gold rounded-tl-lg"></div></div><div class="fixed top-0 right-0 w-24 h-24 z-[210] pointer-events-none"><div class="absolute top-4 right-4 w-12 h-12 border-t-4 border-r-4 border-dnd-gold rounded-tr-lg"></div></div><div class="fixed bottom-0 left-0 w-24 h-24 z-[210] pointer-events-none"><div class="absolute bottom-4 left-4 w-12 h-12 border-b-4 border-l-4 border-dnd-gold rounded-bl-lg"></div></div><div class="fixed bottom-0 right-0 w-24 h-24 z-[210] pointer-events-none"><div class="absolute bottom-4 right-4 w-12 h-12 border-b-4 border-r-4 border-dnd-gold rounded-br-lg"></div></div><div class="dnd-lightning-overlay"></div><div class="fixed bottom-8 left-8 z-[110]"><audio loop src="/sounds/static.mp3"></audio><button class="p-4 rounded-full border-2 transition-all shadow-2xl bg-black/40 border-white/10 text-white/40 hover:text-white" title="Toggle Ambient Fireplace"><svg fill="currentColor" height="32" viewBox="0 0 256 256" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M176.69,48.72a225,225,0,0,0-42.52-35,12,12,0,0,0-12.34,0,225,225,0,0,0-42.52,35C51,78.47,36,111.42,36,144a92,92,0,0,0,184,0C220,111.42,205,78.47,176.69,48.72ZM100,184c0-13.33,5.53-26.26,16.45-38.45A93,93,0,0,1,128,134.72a93,93,0,0,1,11.55,10.83C150.47,157.74,156,170.67,156,184a28,28,0,0,1-56,0Zm79.84,3.94c.09-1.3.16-2.61.16-3.94,0-46.26-44-73.17-45.83-74.29a12,12,0,0,0-12.34,0C120,110.83,76,137.74,76,184c0,1.33.07,2.64.16,3.94A67.68,67.68,0,0,1,60,144c0-26.52,12.21-52.86,36.28-78.3A213.07,213.07,0,0,1,128,38.39C145.82,50.86,196,90.71,196,144A67.68,67.68,0,0,1,179.84,187.94Z"></path></svg></button></div><div class="dnd-fire-overlay"></div><div class="fixed inset-0 pointer-events-none z-[100] hidden md:block"></div><div class="fixed bottom-8 right-8 z-[110] flex flex-col items-center gap-4"><button class="p-4 bg-dnd-crimson border-2 border-dnd-gold rounded-full text-white/50 shadow-2xl transition-all hover:scale-110 active:scale-95"><svg fill="currentColor" height="32" viewBox="0 0 256 256" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M247.44,173.75a.68.68,0,0,0,0-.14L231.05,89.44c0-.06,0-.12,0-.18A60.08,60.08,0,0,0,172,40H83.89a59.88,59.88,0,0,0-59,49.52L8.58,173.61a.68.68,0,0,0,0,.14,36,36,0,0,0,60.9,31.71l.35-.37L109.52,160h37l39.71,45.09c.11.13.23.25.35.37A36.08,36.08,0,0,0,212,216a36,36,0,0,0,35.43-42.25ZM104,112H96v8a8,8,0,0,1-16,0v-8H72a8,8,0,0,1,0-16h8V88a8,8,0,0,1,16,0v8h8a8,8,0,0,1,0,16Zm40-8a8,8,0,0,1,8-8h24a8,8,0,0,1,0,16H152A8,8,0,0,1,144,104Zm84.37,87.47a19.84,19.84,0,0,1-12.9,8.23A20.09,20.09,0,0,1,198,194.31L167.8,160H172a60,60,0,0,0,51-28.38l8.74,45A19.82,19.82,0,0,1,228.37,191.47Z"></path></svg></button></div><div class="fixed inset-0 pointer-events-none z-10 overflow-hidden"><div class="dnd-fire-particle" style="left:8.12529%;width:8.79949px;height:8.79949px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:6.12576s;animation-delay:-6.4551s;box-shadow:#ff4500 0 0 17.599px"></div><div class="dnd-fire-particle" style="left:95.4994%;width:4.19332px;height:4.19332px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:8.25369s;animation-delay:-7.39499s;box-shadow:#ff4500 0 0 8.38664px"></div><div class="dnd-fire-particle" style="left:41.8993%;width:3.71916px;height:3.71916px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:11.5404s;animation-delay:-11.0911s;box-shadow:#ff4500 0 0 7.43831px"></div><div class="dnd-fire-particle" style="left:22.7883%;width:5.89455px;height:5.89455px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:8.20562s;animation-delay:-5.0194s;box-shadow:#ff4500 0 0 11.7891px"></div><div class="dnd-fire-particle" style="left:60.0905%;width:6.08906px;height:6.08906px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:14.6062s;animation-delay:-7.02743s;box-shadow:#ff4500 0 0 12.1781px"></div><div class="dnd-fire-particle" style="left:15.2898%;width:5.4983px;height:5.4983px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:6.38498s;animation-delay:-5.74897s;box-shadow:#ff4500 0 0 10.9966px"></div><div class="dnd-fire-particle" style="left:96.1013%;width:5.55233px;height:5.55233px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:5.05267s;animation-delay:-14.1126s;box-shadow:#ff4500 0 0 11.1047px"></div><div class="dnd-fire-particle" style="left:20.8304%;width:6.1541px;height:6.1541px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:8.972s;animation-delay:-11.0867s;box-shadow:#ff4500 0 0 12.3082px"></div><div class="dnd-fire-particle" style="left:34.2614%;width:4.40238px;height:4.40238px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:12.0268s;animation-delay:-3.33263s;box-shadow:#ff4500 0 0 8.80475px"></div><div class="dnd-fire-particle" style="left:12.7933%;width:8.72319px;height:8.72319px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:6.19802s;animation-delay:-3.16137s;box-shadow:#ff4500 0 0 17.4464px"></div><div class="dnd-fire-particle" style="left:20.7337%;width:4.77954px;height:4.77954px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:6.83159s;animation-delay:-7.56062s;box-shadow:#ff4500 0 0 9.55908px"></div><div class="dnd-fire-particle" style="left:36.0227%;width:5.28166px;height:5.28166px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:12.8403s;animation-delay:-8.26645s;box-shadow:#ff4500 0 0 10.5633px"></div><div class="dnd-fire-particle" style="left:50.944%;width:8.30115px;height:8.30115px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:6.94959s;animation-delay:-8.56606s;box-shadow:#ff4500 0 0 16.6023px"></div><div class="dnd-fire-particle" style="left:50.2452%;width:9.92299px;height:9.92299px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:6.9185s;animation-delay:-3.7695s;box-shadow:#ff4500 0 0 19.846px"></div><div class="dnd-fire-particle" style="left:47.9209%;width:7.37419px;height:7.37419px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:7.56202s;animation-delay:-1.13582s;box-shadow:#ff4500 0 0 14.7484px"></div><div class="dnd-fire-particle" style="left:67.6069%;width:4.43778px;height:4.43778px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:7.96048s;animation-delay:-12.542s;box-shadow:#ff4500 0 0 8.87557px"></div><div class="dnd-fire-particle" style="left:2.98605%;width:8.02445px;height:8.02445px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:6.57822s;animation-delay:-8.52244s;box-shadow:#ff4500 0 0 16.0489px"></div><div class="dnd-fire-particle" style="left:81.9084%;width:8.34097px;height:8.34097px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:5.879s;animation-delay:-10.4624s;box-shadow:#ff4500 0 0 16.6819px"></div><div class="dnd-fire-particle" style="left:8.37632%;width:7.17043px;height:7.17043px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:12.0839s;animation-delay:-3.14969s;box-shadow:#ff4500 0 0 14.3409px"></div><div class="dnd-fire-particle" style="left:85.2143%;width:10.8534px;height:10.8534px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:10.1675s;animation-delay:-.533996s;box-shadow:#ff4500 0 0 21.7067px"></div><div class="dnd-fire-particle" style="left:80.777%;width:3.01781px;height:3.01781px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:7.50918s;animation-delay:-14.0281s;box-shadow:#ff4500 0 0 6.03562px"></div><div class="dnd-fire-particle" style="left:97.8074%;width:8.62643px;height:8.62643px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:5.76767s;animation-delay:-4.64568s;box-shadow:#ff4500 0 0 17.2529px"></div><div class="dnd-fire-particle" style="left:25.5868%;width:10.9539px;height:10.9539px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:8.22531s;animation-delay:-2.8001s;box-shadow:#ff4500 0 0 21.9078px"></div><div class="dnd-fire-particle" style="left:99.9023%;width:9.40505px;height:9.40505px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:7.85203s;animation-delay:-13.375s;box-shadow:#ff4500 0 0 18.8101px"></div><div class="dnd-fire-particle" style="left:12.5764%;width:7.05311px;height:7.05311px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:13.9404s;animation-delay:-11.4724s;box-shadow:#ff4500 0 0 14.1062px"></div><div class="dnd-fire-particle" style="left:70.0142%;width:7.13585px;height:7.13585px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:14.9533s;animation-delay:-9.67988s;box-shadow:#ff4500 0 0 14.2717px"></div><div class="dnd-fire-particle" style="left:47.1065%;width:9.80059px;height:9.80059px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:8.34177s;animation-delay:-8.88703s;box-shadow:#ff4500 0 0 19.6012px"></div><div class="dnd-fire-particle" style="left:32.5087%;width:10.9554px;height:10.9554px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:12.9274s;animation-delay:-6.78242s;box-shadow:#ff4500 0 0 21.9109px"></div><div class="dnd-fire-particle" style="left:97.8255%;width:5.87468px;height:5.87468px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:13.2518s;animation-delay:-10.9389s;box-shadow:#ff4500 0 0 11.7494px"></div><div class="dnd-fire-particle" style="left:64.1837%;width:6.29316px;height:6.29316px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:5.07349s;animation-delay:-8.57952s;box-shadow:#ff4500 0 0 12.5863px"></div><div class="dnd-fire-particle" style="left:38.3173%;width:9.69543px;height:9.69543px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:9.93976s;animation-delay:-11.438s;box-shadow:#ff4500 0 0 19.3909px"></div><div class="dnd-fire-particle" style="left:67.4048%;width:3.09093px;height:3.09093px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:7.22172s;animation-delay:-10.4551s;box-shadow:#ff4500 0 0 6.18187px"></div><div class="dnd-fire-particle" style="left:50.271%;width:6.41752px;height:6.41752px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:8.38542s;animation-delay:-3.71138s;box-shadow:#ff4500 0 0 12.835px"></div><div class="dnd-fire-particle" style="left:41.6955%;width:10.8479px;height:10.8479px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:5.01099s;animation-delay:-10.0917s;box-shadow:#ff4500 0 0 21.6958px"></div><div class="dnd-fire-particle" style="left:82.7684%;width:10.9997px;height:10.9997px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.8912s;animation-delay:-13.261s;box-shadow:#ff4500 0 0 21.9993px"></div><div class="dnd-fire-particle" style="left:69.4966%;width:8.26734px;height:8.26734px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:13.6819s;animation-delay:-9.75633s;box-shadow:#ff4500 0 0 16.5347px"></div><div class="dnd-fire-particle" style="left:64.1924%;width:10.6949px;height:10.6949px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:11.9739s;animation-delay:-6.47596s;box-shadow:#ff4500 0 0 21.3898px"></div><div class="dnd-fire-particle" style="left:47.5631%;width:7.06041px;height:7.06041px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:5.21868s;animation-delay:-13.0835s;box-shadow:#ff4500 0 0 14.1208px"></div><div class="dnd-fire-particle" style="left:38.9682%;width:8.96381px;height:8.96381px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:12.2659s;animation-delay:-3.03715s;box-shadow:#ff4500 0 0 17.9276px"></div><div class="dnd-fire-particle" style="left:62.6439%;width:7.24393px;height:7.24393px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:14.3118s;animation-delay:-5.55144s;box-shadow:#ff4500 0 0 14.4879px"></div><div class="dnd-fire-particle" style="left:25.0654%;width:4.62146px;height:4.62146px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:14.825s;animation-delay:-4.26738s;box-shadow:#ff4500 0 0 9.24292px"></div><div class="dnd-fire-particle" style="left:44.2463%;width:7.71137px;height:7.71137px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:14.1887s;animation-delay:-13.6069s;box-shadow:#ff4500 0 0 15.4227px"></div><div class="dnd-fire-particle" style="left:57.8947%;width:3.41929px;height:3.41929px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:10.975s;animation-delay:-6.29375s;box-shadow:#ff4500 0 0 6.83859px"></div><div class="dnd-fire-particle" style="left:82.0544%;width:10.3004px;height:10.3004px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:5.71311s;animation-delay:-4.69203s;box-shadow:#ff4500 0 0 20.6008px"></div><div class="dnd-fire-particle" style="left:95.0942%;width:5.31918px;height:5.31918px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:9.75121s;animation-delay:-9.56908s;box-shadow:#ff4500 0 0 10.6384px"></div><div class="dnd-fire-particle" style="left:39.6066%;width:6.24565px;height:6.24565px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:9.25196s;animation-delay:-14.3784s;box-shadow:#ff4500 0 0 12.4913px"></div><div class="dnd-fire-particle" style="left:74.9718%;width:6.52687px;height:6.52687px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:7.63281s;animation-delay:-9.10827s;box-shadow:#ff4500 0 0 13.0537px"></div><div class="dnd-fire-particle" style="left:16.6198%;width:9.70296px;height:9.70296px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:10.4327s;animation-delay:-8.61743s;box-shadow:#ff4500 0 0 19.4059px"></div><div class="dnd-fire-particle" style="left:42.6591%;width:8.32351px;height:8.32351px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:14.7676s;animation-delay:-4.18556s;box-shadow:#ff4500 0 0 16.647px"></div><div class="dnd-fire-particle" style="left:14.1624%;width:10.7577px;height:10.7577px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:5.01402s;animation-delay:-8.75529s;box-shadow:#ff4500 0 0 21.5155px"></div></div><div class="fixed inset-0 pointer-events-none z-10 overflow-hidden"><div class="dnd-dust-particle" style="left:17.7673%;top:105.618%;animation-duration:21.745s;animation-delay:-13.6699s;width:2.89633px;height:2.98683px"></div><div class="dnd-dust-particle" style="left:25.9545%;top:118.336%;animation-duration:17.8266s;animation-delay:-19.7931s;width:2.43353px;height:1.92336px"></div><div class="dnd-dust-particle" style="left:73.4815%;top:115.545%;animation-duration:29.4823s;animation-delay:-4.08786s;width:2.24609px;height:1.74777px"></div><div class="dnd-dust-particle" style="left:40.407%;top:102.376%;animation-duration:21.0661s;animation-delay:-18.9942s;width:2.1019px;height:2.5205px"></div><div class="dnd-dust-particle" style="left:71.3455%;top:100.85%;animation-duration:15.5742s;animation-delay:-12.661s;width:2.7419px;height:1.53371px"></div><div class="dnd-dust-particle" style="left:86.4646%;top:102.259%;animation-duration:16.4604s;animation-delay:-4.64255s;width:1.5659px;height:1.97949px"></div><div class="dnd-dust-particle" style="left:72.7618%;top:117.666%;animation-duration:27.3801s;animation-delay:-7.33226s;width:1.41865px;height:2.02625px"></div><div class="dnd-dust-particle" style="left:22.3969%;top:102.076%;animation-duration:12.7376s;animation-delay:-7.55757s;width:2.80366px;height:2.77208px"></div><div class="dnd-dust-particle" style="left:1.92147%;top:106.999%;animation-duration:12.5257s;animation-delay:-15.1678s;width:2.9191px;height:1.37932px"></div><div class="dnd-dust-particle" style="left:89.6151%;top:114.858%;animation-duration:21.3862s;animation-delay:-5.47155s;width:1.98013px;height:1.60984px"></div><div class="dnd-dust-particle" style="left:59.7652%;top:117.867%;animation-duration:20.7431s;animation-delay:-12.2289s;width:1.05353px;height:1.132px"></div><div class="dnd-dust-particle" style="left:50.3991%;top:105.859%;animation-duration:10.9105s;animation-delay:-17.0612s;width:1.08739px;height:2.9174px"></div><div class="dnd-dust-particle" style="left:15.5511%;top:109.382%;animation-duration:14.8373s;animation-delay:-13.9359s;width:1.6983px;height:1.37814px"></div><div class="dnd-dust-particle" style="left:92.2584%;top:119.928%;animation-duration:19.0645s;animation-delay:-16.7278s;width:2.03434px;height:2.28488px"></div><div class="dnd-dust-particle" style="left:62.2018%;top:118.73%;animation-duration:23.4812s;animation-delay:-12.5791s;width:1.05363px;height:2.77165px"></div><div class="dnd-dust-particle" style="left:13.0739%;top:112.256%;animation-duration:12.757s;animation-delay:-3.22748s;width:2.782px;height:2.94005px"></div><div class="dnd-dust-particle" style="left:79.1681%;top:106.969%;animation-duration:15.8255s;animation-delay:-1.61252s;width:1.74923px;height:1.49078px"></div><div class="dnd-dust-particle" style="left:64.972%;top:104.714%;animation-duration:25.4068s;animation-delay:-15.6949s;width:1.35071px;height:2.2603px"></div><div class="dnd-dust-particle" style="left:58.5174%;top:100.619%;animation-duration:10.1157s;animation-delay:-.373967s;width:1.36833px;height:1.53096px"></div><div class="dnd-dust-particle" style="left:71.6528%;top:118.518%;animation-duration:28.856s;animation-delay:-7.66246s;width:2.51127px;height:2.6929px"></div></div><div class="fixed inset-0 pointer-events-none z-0 overflow-hidden"><div class="dnd-floating-rune text-4xl" style="left:73.9279%;top:18.9415%;transform:rotate(356.394deg);opacity:.02">ᚾ</div><div class="dnd-floating-rune text-4xl" style="left:1.34573%;top:42.2721%;transform:rotate(105.762deg);opacity:.02">ᛃ</div><div class="dnd-floating-rune text-4xl" style="left:65.9215%;top:20.2017%;transform:rotate(101.476deg);opacity:.02">ᚠ</div><div class="dnd-floating-rune text-4xl" style="left:62.6325%;top:73.9586%;transform:rotate(352.176deg);opacity:.02">ᚱ</div><div class="dnd-floating-rune text-4xl" style="left:33.6952%;top:66.8493%;transform:rotate(125.996deg);opacity:.02">ᛖ</div><div class="dnd-floating-rune text-4xl" style="left:52.1782%;top:1.3209%;transform:rotate(231.86deg);opacity:.02">ᚠ</div><div class="dnd-floating-rune text-4xl" style="left:68.1883%;top:37.3304%;transform:rotate(296.581deg);opacity:.02">ᚷ</div><div class="dnd-floating-rune text-4xl" style="left:22.3561%;top:36.4965%;transform:rotate(131.139deg);opacity:.02">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left:34.788%;top:29.6717%;transform:rotate(208.631deg);opacity:.02">ᛞ</div><div class="dnd-floating-rune text-4xl" style="left:11.2913%;top:37.4384%;transform:rotate(141.834deg);opacity:.02">ᛃ</div><div class="dnd-floating-rune text-4xl" style="left:12.6114%;top:92.3574%;transform:rotate(139.168deg);opacity:.02">ᛏ</div><div class="dnd-floating-rune text-4xl" style="left:86.0472%;top:82.9426%;transform:rotate(141.016deg);opacity:.02">ᛟ</div><div class="dnd-floating-rune text-4xl" style="left:66.9988%;top:28.824%;transform:rotate(128.408deg);opacity:.02">ᛖ</div><div class="dnd-floating-rune text-4xl" style="left:17.2449%;top:74.4091%;transform:rotate(217.522deg);opacity:.02">ᚲ</div><div class="dnd-floating-rune text-4xl" style="left:78.1673%;top:29.3979%;transform:rotate(21.6849deg);opacity:.02">ᛜ</div><div class="dnd-floating-rune text-4xl" style="left:49.3896%;top:62.5853%;transform:rotate(277.905deg);opacity:.02">ᚺ</div><div class="dnd-floating-rune text-4xl" style="left:51.8854%;top:35.7066%;transform:rotate(298.865deg);opacity:.02">ᛞ</div><div class="dnd-floating-rune text-4xl" style="left:45.6112%;top:64.392%;transform:rotate(198.904deg);opacity:.02">ᛉ</div><div class="dnd-floating-rune text-4xl" style="left:25.5552%;top:54.2715%;transform:rotate(164.824deg);opacity:.02">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left:17.0923%;top:92.3844%;transform:rotate(357.634deg);opacity:.02">ᛚ</div></div></div><div class="fixed inset-0 z-0"><div class="absolute inset-0 bg-cover bg-center transition-all duration-1000" style="background-image:url(/images/stories/wallies/muhammad-haikal-sjukri--RMBf_xSf2U-unsplash.jpg);filter:brightness(.45) contrast(1.1)"></div><div class="absolute inset-0 bg-gradient-to-b from-black/20 via-transparent to-black/80"></div></div><div class="relative z-20 flex flex-col min-h-screen"><nav class="fixed top-0 left-0 right-0 z-[300] dnd-nav-modern border-b-2 border-dnd-gold"><div class="bg-black/40 px-4 md:px-12 py-2 flex items-center justify-between border-b border-white/5 md:mt-[25px]"><div class="flex items-center gap-4"><a class="text-white hover:text-dnd-gold transition-colors" href="/" data-discover="true"><svg fill="currentColor" height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M224,120v96a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V164a4,4,0,0,0-4-4H108a4,4,0,0,0-4,4v52a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V120a16,16,0,0,1,4.69-11.31l80-80a16,16,0,0,1,22.62,0l80,80A16,16,0,0,1,224,120Z"></path></svg></a><div class="hidden sm:flex items-center gap-2 font-mono text-[9px] uppercase tracking-[0.2em]"><svg fill="currentColor" height="10" viewBox="0 0 256 256" width="10" xmlns="http://www.w3.org/2000/svg" class="text-white/40"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><a class="text-white/60 hover:text-white transition-colors" href="/stories" data-discover="true">S&F</a><svg fill="currentColor" height="10" viewBox="0 0 256 256" width="10" xmlns="http://www.w3.org/2000/svg" class="text-white/40"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><span class="text-white font-bold">Authors</span></div></div><div class="flex items-center gap-6"><div class="flex items-center gap-2 font-mono text-[10px] font-bold tracking-widest"><button class="transition-colors text-dnd-gold underline decoration-2 underline-offset-4">EN</button><span class="text-white/20">/</span><button class="transition-colors text-white/40 hover:text-white">TR</button></div><a class="text-[10px] font-mono font-bold tracking-[0.4em] text-white/40 hover:text-dnd-gold transition-colors hidden md:block" href="/" data-discover="true">FEZCODEX_SYSTEM</a></div></div><div class="px-6 py-4 flex items-center justify-center relative bg-gradient-to-b from-dnd-crimson to-transparent"><span class="text-3xl md:text-4xl font-playfairDisplay italic font-black dnd-gold-gradient-text uppercase tracking-tighter drop-shadow-2xl">From Serfs & Frauds</span></div></nav><main class="flex-grow pt-24 pb-12"><div class="max-w-7xl mx-auto px-6 py-12"><header class="text-center mb-12 relative"><div class="flex justify-center mb-6"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg" class="text-dnd-gold-light drop-shadow-[0_0_8px_rgba(249,224,118,0.4)]"><path d="M136,108A52,52,0,1,1,84,56,52,52,0,0,1,136,108Z" opacity="0.2"></path><path d="M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z"></path></svg></div><h1 class="text-4xl md:text-8xl font-playfairDisplay italic font-black dnd-gold-gradient-text uppercase tracking-tighter mb-4 leading-none">The Scribes</h1><p class="text-lg md:text-xl font-arvo text-gray-400 max-w-2xl mx-auto uppercase tracking-widest opacity-60 mb-12">Meeting the voices behind the recorded history of the realms.</p><div class="relative max-w-md mx-auto mb-8 md:mb-16 group"><div class="absolute inset-0 bg-dnd-gold/20 blur-xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="relative flex items-center"><div class="absolute left-5 text-dnd-gold"><svg fill="currentColor" height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"></path><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"></path></svg></div><input class="w-full bg-[#1a0f0a] border-2 border-dnd-gold/50 rounded-full py-4 pl-14 pr-6 text-[#fcfaf2] font-arvo placeholder-dnd-gold/40 focus:outline-none focus:border-dnd-gold focus:ring-2 focus:ring-dnd-gold/20 transition-all duration-300 shadow-[0_4px_20px_rgba(0,0,0,0.5)]" placeholder="Search scribes by name or alias..." type="text" value=""><div class="absolute right-4 w-2 h-2 rounded-full bg-dnd-gold/30 animate-pulse"></div></div><div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-px bg-gradient-to-r from-transparent via-dnd-gold/20 to-transparent"></div></div></header><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12"><div style="opacity:1;transform:none"><div class="dnd-parchment-container p-8 md:p-12 shadow-xl group transition-all duration-500 hover:-translate-y-2 border-2 border-black/10"><div class="dnd-ornate-corner dnd-ornate-corner-tl !w-10 !h-10"></div><div class="dnd-ornate-corner dnd-ornate-corner-tr !w-10 !h-10"></div><div class="dnd-ornate-corner dnd-ornate-corner-bl !w-10 !h-10"></div><div class="dnd-ornate-corner dnd-ornate-corner-br !w-10 !h-10"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="relative mb-6"><div class="absolute inset-0 bg-dnd-gold rounded-full blur-md opacity-20 group-hover:opacity-40 transition-opacity"></div><img alt="Samil" class="w-32 h-32 rounded-full object-cover border-4 border-dnd-gold shadow-lg grayscale hover:grayscale-0 transition-all duration-700" src="https://avatars.githubusercontent.com/u/49845895?v=4"></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-1">Samil</h3><span class="text-[10px] font-mono font-bold uppercase tracking-[0.4em] text-dnd-crimson/40 mb-4">Known as // fezcode</span><div class="dnd-mystic-divider !my-4 opacity-20"></div><a class="flex items-center gap-2 text-xs font-mono font-bold uppercase tracking-widest text-dnd-crimson/60 hover:text-dnd-crimson transition-colors mb-8" href="https://fezcode.com" rel="noopener noreferrer" target="_blank"><svg fill="currentColor" height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"></path></svg>Digital Signal</a><div class="w-full pt-6 border-t border-dnd-crimson/10"><div class="flex items-center justify-center gap-2 mb-4 opacity-40"><svg fill="currentColor" height="16" viewBox="0 0 256 256" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64Z"></path></svg><span class="text-[9px] font-mono font-bold uppercase tracking-[0.3em]">Compiled Tomes</span></div><div class="space-y-2"><a class="block text-sm font-arvo font-bold text-dnd-crimson/80 hover:text-dnd-crimson transition-colors" href="/stories/books/1" data-discover="true">Volume I: The Streets of Thornus</a><a class="block text-sm font-arvo font-bold text-dnd-crimson/80 hover:text-dnd-crimson transition-colors" href="/stories/books/2" data-discover="true">Volume II: The Cost of Sin</a><a class="block text-sm font-arvo font-bold text-dnd-crimson/80 hover:text-dnd-crimson transition-colors" href="/stories/books/3" data-discover="true">Volume III: The RedLink Arc</a><a class="block text-sm font-arvo font-bold text-dnd-crimson/80 hover:text-dnd-crimson transition-colors" href="/stories/books/4" data-discover="true">Volume IV: The Resistance</a><a class="block text-sm font-arvo font-bold text-dnd-crimson/80 hover:text-dnd-crimson transition-colors" href="/stories/books/5" data-discover="true">Volume V: The Black Ragnarok</a><a class="block text-sm font-arvo font-bold text-dnd-crimson/80 hover:text-dnd-crimson transition-colors" href="/stories/books/6" data-discover="true">Volume VI: The Fifth Death</a></div></div></div></div></div><div style="opacity:1;transform:none"><div class="dnd-parchment-container p-8 md:p-12 shadow-xl group transition-all duration-500 hover:-translate-y-2 border-2 border-black/10"><div class="dnd-ornate-corner dnd-ornate-corner-tl !w-10 !h-10"></div><div class="dnd-ornate-corner dnd-ornate-corner-tr !w-10 !h-10"></div><div class="dnd-ornate-corner dnd-ornate-corner-bl !w-10 !h-10"></div><div class="dnd-ornate-corner dnd-ornate-corner-br !w-10 !h-10"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="relative mb-6"><div class="absolute inset-0 bg-dnd-gold rounded-full blur-md opacity-20 group-hover:opacity-40 transition-opacity"></div><img alt="Sabri" class="w-32 h-32 rounded-full object-cover border-4 border-dnd-gold shadow-lg grayscale hover:grayscale-0 transition-all duration-700" src="https://avatars.githubusercontent.com/u/99679216?v=4"></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-1">Sabri</h3><span class="text-[10px] font-mono font-bold uppercase tracking-[0.4em] text-dnd-crimson/40 mb-4">Known as // TheLastRoadRunner</span><div class="dnd-mystic-divider !my-4 opacity-20"></div><a class="flex items-center gap-2 text-xs font-mono font-bold uppercase tracking-widest text-dnd-crimson/60 hover:text-dnd-crimson transition-colors mb-8" href="https://github.com/TheLastRoadRunner" rel="noopener noreferrer" target="_blank"><svg fill="currentColor" height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"></path></svg>Digital Signal</a></div></div></div><div style="opacity:1;transform:none"><div class="dnd-parchment-container p-8 md:p-12 shadow-xl group transition-all duration-500 hover:-translate-y-2 border-2 border-black/10"><div class="dnd-ornate-corner dnd-ornate-corner-tl !w-10 !h-10"></div><div class="dnd-ornate-corner dnd-ornate-corner-tr !w-10 !h-10"></div><div class="dnd-ornate-corner dnd-ornate-corner-bl !w-10 !h-10"></div><div class="dnd-ornate-corner dnd-ornate-corner-br !w-10 !h-10"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="relative mb-6"><div class="absolute inset-0 bg-dnd-gold rounded-full blur-md opacity-20 group-hover:opacity-40 transition-opacity"></div><img alt="Constellation" class="w-32 h-32 rounded-full object-cover border-4 border-dnd-gold shadow-lg grayscale hover:grayscale-0 transition-all duration-700" src="/images/avatar/greg-rakozy-oMpAz-DN-9I-unsplash.jpg"></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-1">Constellation</h3><span class="text-[10px] font-mono font-bold uppercase tracking-[0.4em] text-dnd-crimson/40 mb-4">Known as // Constellation</span><div class="dnd-mystic-divider !my-4 opacity-20"></div><a class="flex items-center gap-2 text-xs font-mono font-bold uppercase tracking-widest text-dnd-crimson/60 hover:text-dnd-crimson transition-colors mb-8" href="https://fezcode.com" rel="noopener noreferrer" target="_blank"><svg fill="currentColor" height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"></path></svg>Digital Signal</a><div class="w-full pt-6 border-t border-dnd-crimson/10"><div class="flex items-center justify-center gap-2 mb-4 opacity-40"><svg fill="currentColor" height="16" viewBox="0 0 256 256" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64Z"></path></svg><span class="text-[9px] font-mono font-bold uppercase tracking-[0.3em]">Compiled Tomes</span></div><div class="space-y-2"><a class="block text-sm font-arvo font-bold text-dnd-crimson/80 hover:text-dnd-crimson transition-colors" href="/stories/books/1" data-discover="true">Volume I: The Streets of Thornus</a></div></div></div></div></div></div></div></main><footer class="relative mt-12 md:mt-24 border-t-2 border-dnd-gold bg-dnd-crimson/95 py-12 md:py-16 px-6 text-white"><div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12 items-center text-center md:text-left"><div class="space-y-4"><div class="flex justify-center md:justify-start"><span class="text-4xl font-playfairDisplay font-black uppercase tracking-tighter dnd-gold-gradient-text">S & F</span></div><p class="font-arvo text-[10px] uppercase tracking-[0.4em] text-white/70">From Serfs and Frauds</p></div><div class="flex flex-col items-center gap-4 text-white"><svg fill="currentColor" height="32" viewBox="0 0 256 256" width="32" xmlns="http://www.w3.org/2000/svg" class="opacity-60"><path d="M200,176H104s8,6,8,16a24,24,0,0,1-48,0V64A24,24,0,0,0,40,40H176a24,24,0,0,1,24,24Z" opacity="0.2"></path><path d="M96,104a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H104A8,8,0,0,1,96,104Zm8,40h64a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16Zm128,48a32,32,0,0,1-32,32H88a32,32,0,0,1-32-32V64a16,16,0,0,0-32,0c0,5.74,4.83,9.62,4.88,9.66h0A8,8,0,0,1,24,88a7.89,7.89,0,0,1-4.79-1.61h0C18.05,85.54,8,77.61,8,64A32,32,0,0,1,40,32H176a32,32,0,0,1,32,32V168h8a8,8,0,0,1,4.8,1.6C222,170.46,232,178.39,232,192ZM96.26,173.48A8.07,8.07,0,0,1,104,168h88V64a16,16,0,0,0-16-16H67.69A31.71,31.71,0,0,1,72,64V192a16,16,0,0,0,32,0c0-5.74-4.83-9.62-4.88-9.66A7.82,7.82,0,0,1,96.26,173.48ZM216,192a12.58,12.58,0,0,0-3.23-8h-94a26.92,26.92,0,0,1,1.21,8,31.82,31.82,0,0,1-4.29,16H200A16,16,0,0,0,216,192Z"></path></svg><p class="font-arvo italic text-sm text-white max-w-xs text-center leading-relaxed">"Every chronicle is a living memory of those who braved the dark."</p></div><div class="space-y-4 md:text-right"><p class="font-arvo text-[9px] uppercase tracking-widest text-white">Digital Archive Kernel // v0.8.7</p><p class="font-arvo text-[9px] uppercase tracking-widest text-white">Wallpaper Source // <span class="text-white font-bold">Muhammad Haikal Sjukri</span></p><div class="h-px w-12 bg-dnd-gold ml-auto opacity-50"></div><p class="font-arvo text-[10px] uppercase tracking-[0.2em] text-white">© 2026 Archives of the Realm</p></div></div></footer></div><div class="fixed inset-0 pointer-events-none z-10 shadow-[inset_0_0_150px_rgba(0,0,0,0.9)]"></div></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(94.2555vw)"><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(-.00170363px) scale(1.01684) rotate(-.00470789deg)"><svg fill="currentColor" height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M216,80V192H40V64H200A16,16,0,0,1,216,80Z" opacity="0.2"></path><path d="M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z"></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(-.0033118px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-1.99669px)"></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 class="relative w-80 md:w-96 bg-[#050505]/95 backdrop-blur-xl border-2 border-amber-400/50 rounded-sm shadow-2xl shadow-amber-400/10 overflow-hidden mb-4 group" style="opacity:1;transform:none"><div class="absolute bottom-0 left-0 h-1 z-20 bg-amber-400" style="width:83.1%"></div><div class="p-6 flex gap-4 items-start"><div class="flex-shrink-0 mt-1"><div class="text-xl"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" class="text-amber-400"><path d="M200,48v63.1c0,39.7-31.75,72.6-71.45,72.9A72,72,0,0,1,56,112V48Z" opacity="0.2"></path><path d="M232,64H208V48a8,8,0,0,0-8-8H56a8,8,0,0,0-8,8V64H24A16,16,0,0,0,8,80V96a40,40,0,0,0,40,40h3.65A80.13,80.13,0,0,0,120,191.61V216H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16H136V191.58c31.94-3.23,58.44-25.64,68.08-55.58H208a40,40,0,0,0,40-40V80A16,16,0,0,0,232,64ZM48,120A24,24,0,0,1,24,96V80H48v32q0,4,.39,8Zm144-8.9c0,35.52-29,64.64-64,64.9a64,64,0,0,1-64-64V56H192ZM232,96a24,24,0,0,1-24,24h-.5a81.81,81.81,0,0,0,.5-8.9V80h24Z"></path></svg></div></div><div class="flex-grow min-w-0 space-y-1"><h4 class="text-xs font-black uppercase tracking-widest text-white leading-tight">Achievement Unlocked!</h4><p class="text-[11px] font-mono leading-relaxed text-gray-400">Author Aficionado</p><div class="flex flex-wrap gap-2 pt-3"><a class="text-[9px] font-black uppercase tracking-widest px-3 py-1.5 bg-white/5 border border-white/10 text-white hover:bg-white hover:text-black transition-all rounded-sm" href="/settings" data-discover="true">Settings</a><a class="text-[9px] font-black uppercase tracking-widest px-3 py-1.5 bg-white/5 border border-white/10 text-white hover:bg-white hover:text-black transition-all rounded-sm" href="/achievements" data-discover="true">Trophy Room</a></div></div><button class="flex-shrink-0 text-gray-600 hover:text-white transition-colors p-1"><svg fill="currentColor" height="16" viewBox="0 0 256 256" width="16" 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="absolute inset-0 bg-gradient-to-tr from-white/[0.02] to-transparent pointer-events-none"></div></div></div></div></div></body></html>