-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
53 lines (48 loc) · 35.7 KB
/
Copy pathindex.html
File metadata and controls
53 lines (48 loc) · 35.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<link rel="stylesheet" type="text/css" href="/assets/static/src_index-b3c78705.C5qNKjRb.css">
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/png" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="alternate" type="application/rss+xml" title="Fezcodex RSS Feed" href="/rss.xml" />
<meta name="description" content="codex by fezcode..." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://fezcode.com/" />
<meta property="og:title" content="Fezcodex - Personal Blog and Projects" />
<meta property="og:description" content="Discover logs, posts, projects, and stories from Fezcode." />
<meta property="og:image" content="/images/asset/ogtitle.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://fezcode.com/" />
<meta name="twitter:title" content="Fezcodex - Personal Blog and Projects" />
<meta name="twitter:description" content="Discover logs, posts, projects, and stories from Fezcode." />
<meta name="twitter:image" content="/images/asset/ogtitle.png" />
<link rel="apple-touch-icon" href="/logo192.png" />
<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=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" />
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,200..900,0..100,0..1;1,9..144,200..900,0..100,0..1&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;800&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&family=IM+Fell+English:ital@0;1&family=IM+Fell+DW+Pica:ital@0;1&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@300;400;500&display=swap" rel="stylesheet" />
<title>fezcodex</title>
</head>
<body class="bg-slate-950">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="react-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: 0;"><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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><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">FEZMIST IS ONLINE: A CODEX HALF-REMEMBERED — FOG PAPER, EUCALYPTUS INK, HORIZONS THAT FADE. ENABLE VIA SETTINGS OR COMMAND PALETTE.</p><a href="https://fezcode.com/settings?fezTheme=mist#fezcodex-theme" 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">Enable Mist<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 256 256"><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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><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: 0;"><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 src="/sounds/static.mp3" loop=""></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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><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: 50.0485%; width: 9.00315px; height: 9.00315px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 11.0009s; animation-delay: -14.8632s; box-shadow: rgb(255, 69, 0) 0px 0px 18.0063px;"></div><div class="dnd-fire-particle" style="left: 52.6911%; width: 9.37657px; height: 9.37657px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 14.8929s; animation-delay: -12.761s; box-shadow: rgb(255, 69, 0) 0px 0px 18.7531px;"></div><div class="dnd-fire-particle" style="left: 55.0985%; width: 7.39864px; height: 7.39864px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 8.76282s; animation-delay: -12.8195s; box-shadow: rgb(255, 69, 0) 0px 0px 14.7973px;"></div><div class="dnd-fire-particle" style="left: 41.3803%; width: 8.1081px; height: 8.1081px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 11.8823s; animation-delay: -3.71068s; box-shadow: rgb(255, 69, 0) 0px 0px 16.2162px;"></div><div class="dnd-fire-particle" style="left: 69.66%; width: 10.8823px; height: 10.8823px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 8.04084s; animation-delay: -3.77997s; box-shadow: rgb(255, 69, 0) 0px 0px 21.7647px;"></div><div class="dnd-fire-particle" style="left: 9.98451%; width: 7.65342px; height: 7.65342px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 6.0263s; animation-delay: -14.2321s; box-shadow: rgb(255, 69, 0) 0px 0px 15.3068px;"></div><div class="dnd-fire-particle" style="left: 13.8002%; width: 10.9322px; height: 10.9322px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.30693s; animation-delay: -13.7416s; box-shadow: rgb(255, 69, 0) 0px 0px 21.8643px;"></div><div class="dnd-fire-particle" style="left: 5.85718%; width: 10.2439px; height: 10.2439px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 9.3711s; animation-delay: -8.95901s; box-shadow: rgb(255, 69, 0) 0px 0px 20.4878px;"></div><div class="dnd-fire-particle" style="left: 81.176%; width: 5.40376px; height: 5.40376px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 11.753s; animation-delay: -0.456724s; box-shadow: rgb(255, 69, 0) 0px 0px 10.8075px;"></div><div class="dnd-fire-particle" style="left: 23.2924%; width: 6.34736px; height: 6.34736px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.70211s; animation-delay: -11.647s; box-shadow: rgb(255, 69, 0) 0px 0px 12.6947px;"></div><div class="dnd-fire-particle" style="left: 6.82159%; width: 9.23362px; height: 9.23362px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 11.9209s; animation-delay: -11.4543s; box-shadow: rgb(255, 69, 0) 0px 0px 18.4672px;"></div><div class="dnd-fire-particle" style="left: 61.4282%; width: 7.94251px; height: 7.94251px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 11.7382s; animation-delay: -7.60095s; box-shadow: rgb(255, 69, 0) 0px 0px 15.885px;"></div><div class="dnd-fire-particle" style="left: 94.8366%; width: 9.27184px; height: 9.27184px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 12.9231s; animation-delay: -11.6861s; box-shadow: rgb(255, 69, 0) 0px 0px 18.5437px;"></div><div class="dnd-fire-particle" style="left: 78.029%; width: 9.16989px; height: 9.16989px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 5.73971s; animation-delay: -3.70875s; box-shadow: rgb(255, 69, 0) 0px 0px 18.3398px;"></div><div class="dnd-fire-particle" style="left: 72.1732%; width: 3.77973px; height: 3.77973px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 8.93143s; animation-delay: -0.783096s; box-shadow: rgb(255, 69, 0) 0px 0px 7.55946px;"></div><div class="dnd-fire-particle" style="left: 33.5556%; width: 3.42502px; height: 3.42502px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 13.46s; animation-delay: -2.07443s; box-shadow: rgb(255, 69, 0) 0px 0px 6.85005px;"></div><div class="dnd-fire-particle" style="left: 94.8779%; width: 3.78117px; height: 3.78117px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 9.97139s; animation-delay: -8.19282s; box-shadow: rgb(255, 69, 0) 0px 0px 7.56234px;"></div><div class="dnd-fire-particle" style="left: 41.219%; width: 6.84587px; height: 6.84587px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.5853s; animation-delay: -2.40288s; box-shadow: rgb(255, 69, 0) 0px 0px 13.6917px;"></div><div class="dnd-fire-particle" style="left: 44.0227%; width: 8.10782px; height: 8.10782px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 8.05675s; animation-delay: -1.28387s; box-shadow: rgb(255, 69, 0) 0px 0px 16.2156px;"></div><div class="dnd-fire-particle" style="left: 85.4665%; width: 6.31198px; height: 6.31198px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.12701s; animation-delay: -4.49012s; box-shadow: rgb(255, 69, 0) 0px 0px 12.624px;"></div><div class="dnd-fire-particle" style="left: 36.6862%; width: 5.52605px; height: 5.52605px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 12.3303s; animation-delay: -12.9258s; box-shadow: rgb(255, 69, 0) 0px 0px 11.0521px;"></div><div class="dnd-fire-particle" style="left: 88.9694%; width: 3.06696px; height: 3.06696px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 14.8519s; animation-delay: -8.82352s; box-shadow: rgb(255, 69, 0) 0px 0px 6.13391px;"></div><div class="dnd-fire-particle" style="left: 33.3075%; width: 7.57802px; height: 7.57802px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 11.9209s; animation-delay: -9.68146s; box-shadow: rgb(255, 69, 0) 0px 0px 15.156px;"></div><div class="dnd-fire-particle" style="left: 59.8774%; width: 4.96567px; height: 4.96567px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 6.50918s; animation-delay: -2.27318s; box-shadow: rgb(255, 69, 0) 0px 0px 9.93135px;"></div><div class="dnd-fire-particle" style="left: 24.6423%; width: 4.87248px; height: 4.87248px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 8.44878s; animation-delay: -12.4032s; box-shadow: rgb(255, 69, 0) 0px 0px 9.74495px;"></div><div class="dnd-fire-particle" style="left: 38.4017%; width: 3.37142px; height: 3.37142px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 11.504s; animation-delay: -14.286s; box-shadow: rgb(255, 69, 0) 0px 0px 6.74284px;"></div><div class="dnd-fire-particle" style="left: 16.4685%; width: 4.57951px; height: 4.57951px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 12.8136s; animation-delay: -14.7501s; box-shadow: rgb(255, 69, 0) 0px 0px 9.15902px;"></div><div class="dnd-fire-particle" style="left: 49.5327%; width: 3.08996px; height: 3.08996px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 6.62373s; animation-delay: -2.68031s; box-shadow: rgb(255, 69, 0) 0px 0px 6.17992px;"></div><div class="dnd-fire-particle" style="left: 60.5709%; width: 5.91142px; height: 5.91142px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 12.2509s; animation-delay: -2.08087s; box-shadow: rgb(255, 69, 0) 0px 0px 11.8228px;"></div><div class="dnd-fire-particle" style="left: 47.7515%; width: 3.94002px; height: 3.94002px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 9.73415s; animation-delay: -7.41456s; box-shadow: rgb(255, 69, 0) 0px 0px 7.88004px;"></div><div class="dnd-fire-particle" style="left: 52.0797%; width: 9.45435px; height: 9.45435px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 10.1975s; animation-delay: -3.47974s; box-shadow: rgb(255, 69, 0) 0px 0px 18.9087px;"></div><div class="dnd-fire-particle" style="left: 15.7507%; width: 6.56354px; height: 6.56354px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 14.7696s; animation-delay: -14.3484s; box-shadow: rgb(255, 69, 0) 0px 0px 13.1271px;"></div><div class="dnd-fire-particle" style="left: 52.7481%; width: 7.74352px; height: 7.74352px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 12.5505s; animation-delay: -12.4743s; box-shadow: rgb(255, 69, 0) 0px 0px 15.487px;"></div><div class="dnd-fire-particle" style="left: 55.4647%; width: 7.83401px; height: 7.83401px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 5.87959s; animation-delay: -9.87736s; box-shadow: rgb(255, 69, 0) 0px 0px 15.668px;"></div><div class="dnd-fire-particle" style="left: 2.29043%; width: 7.21551px; height: 7.21551px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 13.9049s; animation-delay: -3.8455s; box-shadow: rgb(255, 69, 0) 0px 0px 14.431px;"></div><div class="dnd-fire-particle" style="left: 75.6335%; width: 9.88739px; height: 9.88739px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 11.744s; animation-delay: -12.0153s; box-shadow: rgb(255, 69, 0) 0px 0px 19.7748px;"></div><div class="dnd-fire-particle" style="left: 13.9476%; width: 10.9966px; height: 10.9966px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 8.9321s; animation-delay: -10.5182s; box-shadow: rgb(255, 69, 0) 0px 0px 21.9933px;"></div><div class="dnd-fire-particle" style="left: 81.2259%; width: 6.06385px; height: 6.06385px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 11.008s; animation-delay: -1.06309s; box-shadow: rgb(255, 69, 0) 0px 0px 12.1277px;"></div><div class="dnd-fire-particle" style="left: 97.5704%; width: 9.02303px; height: 9.02303px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 9.97377s; animation-delay: -2.36085s; box-shadow: rgb(255, 69, 0) 0px 0px 18.0461px;"></div><div class="dnd-fire-particle" style="left: 60.344%; width: 8.89171px; height: 8.89171px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.4207s; animation-delay: -13.5249s; box-shadow: rgb(255, 69, 0) 0px 0px 17.7834px;"></div><div class="dnd-fire-particle" style="left: 44.2471%; width: 5.51998px; height: 5.51998px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 11.7886s; animation-delay: -12.0406s; box-shadow: rgb(255, 69, 0) 0px 0px 11.04px;"></div><div class="dnd-fire-particle" style="left: 91.6904%; width: 8.28646px; height: 8.28646px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.4095s; animation-delay: -14.927s; box-shadow: rgb(255, 69, 0) 0px 0px 16.5729px;"></div><div class="dnd-fire-particle" style="left: 76.7661%; width: 5.40047px; height: 5.40047px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 5.62042s; animation-delay: -4.90183s; box-shadow: rgb(255, 69, 0) 0px 0px 10.8009px;"></div><div class="dnd-fire-particle" style="left: 35.7401%; width: 4.55961px; height: 4.55961px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.97496s; animation-delay: -6.23968s; box-shadow: rgb(255, 69, 0) 0px 0px 9.11922px;"></div><div class="dnd-fire-particle" style="left: 49.6817%; width: 4.24113px; height: 4.24113px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 13.5291s; animation-delay: -1.49696s; box-shadow: rgb(255, 69, 0) 0px 0px 8.48226px;"></div><div class="dnd-fire-particle" style="left: 59.9189%; width: 8.51315px; height: 8.51315px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 14.802s; animation-delay: -11.266s; box-shadow: rgb(255, 69, 0) 0px 0px 17.0263px;"></div><div class="dnd-fire-particle" style="left: 17.1975%; width: 3.14633px; height: 3.14633px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 13.2423s; animation-delay: -9.64347s; box-shadow: rgb(255, 69, 0) 0px 0px 6.29265px;"></div><div class="dnd-fire-particle" style="left: 65.0818%; width: 7.64268px; height: 7.64268px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.26881s; animation-delay: -11.0085s; box-shadow: rgb(255, 69, 0) 0px 0px 15.2854px;"></div><div class="dnd-fire-particle" style="left: 33.3399%; width: 7.25842px; height: 7.25842px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 6.83626s; animation-delay: -1.78834s; box-shadow: rgb(255, 69, 0) 0px 0px 14.5168px;"></div><div class="dnd-fire-particle" style="left: 87.7978%; width: 10.9666px; height: 10.9666px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 12.2963s; animation-delay: -13.5471s; box-shadow: rgb(255, 69, 0) 0px 0px 21.9331px;"></div></div><div class="fixed inset-0 pointer-events-none z-10 overflow-hidden"><div class="dnd-dust-particle" style="left: 59.39%; top: 114.194%; animation-duration: 18.7344s; animation-delay: -12.2971s; width: 2.12613px; height: 2.39019px;"></div><div class="dnd-dust-particle" style="left: 67.6851%; top: 111.893%; animation-duration: 13.9707s; animation-delay: -6.74274s; width: 2.66733px; height: 2.41526px;"></div><div class="dnd-dust-particle" style="left: 92.0259%; top: 107.648%; animation-duration: 28.4367s; animation-delay: -4.19943s; width: 2.85854px; height: 2.80979px;"></div><div class="dnd-dust-particle" style="left: 72.736%; top: 114.312%; animation-duration: 12.9224s; animation-delay: -5.64456s; width: 2.91949px; height: 1.35225px;"></div><div class="dnd-dust-particle" style="left: 36.7188%; top: 117.782%; animation-duration: 29.9135s; animation-delay: -14.9748s; width: 1.95724px; height: 2.5806px;"></div><div class="dnd-dust-particle" style="left: 50.3818%; top: 114.145%; animation-duration: 24.3115s; animation-delay: -8.89705s; width: 1.95324px; height: 1.56763px;"></div><div class="dnd-dust-particle" style="left: 92.0197%; top: 111.6%; animation-duration: 18.7344s; animation-delay: -1.93497s; width: 1.9828px; height: 2.48939px;"></div><div class="dnd-dust-particle" style="left: 65.9889%; top: 112.781%; animation-duration: 29.84s; animation-delay: -7.61078s; width: 2.29141px; height: 1.25582px;"></div><div class="dnd-dust-particle" style="left: 8.40605%; top: 100.089%; animation-duration: 22.4795s; animation-delay: -2.01821s; width: 1.3601px; height: 1.03251px;"></div><div class="dnd-dust-particle" style="left: 27.8492%; top: 104.889%; animation-duration: 17.006s; animation-delay: -2.13405s; width: 2.66987px; height: 1.2933px;"></div><div class="dnd-dust-particle" style="left: 88.5928%; top: 100.271%; animation-duration: 22.1989s; animation-delay: -18.7415s; width: 1.66092px; height: 1.69024px;"></div><div class="dnd-dust-particle" style="left: 10.0668%; top: 106.031%; animation-duration: 29.0071s; animation-delay: -6.00421s; width: 2.42303px; height: 1.90478px;"></div><div class="dnd-dust-particle" style="left: 24.2243%; top: 115.918%; animation-duration: 15.7588s; animation-delay: -2.81646s; width: 1.94659px; height: 1.373px;"></div><div class="dnd-dust-particle" style="left: 58.0669%; top: 105.774%; animation-duration: 16.6302s; animation-delay: -9.13886s; width: 1.01751px; height: 1.17741px;"></div><div class="dnd-dust-particle" style="left: 78.8177%; top: 119.099%; animation-duration: 26.5216s; animation-delay: -18.7012s; width: 2.83561px; height: 2.54658px;"></div><div class="dnd-dust-particle" style="left: 77.07%; top: 100.604%; animation-duration: 14.4542s; animation-delay: -12.1967s; width: 2.32582px; height: 1.8958px;"></div><div class="dnd-dust-particle" style="left: 51.0935%; top: 111.741%; animation-duration: 23.9268s; animation-delay: -18.1026s; width: 2.38279px; height: 2.20396px;"></div><div class="dnd-dust-particle" style="left: 79.0116%; top: 111.678%; animation-duration: 15.0681s; animation-delay: -1.04894s; width: 1.08391px; height: 2.44372px;"></div><div class="dnd-dust-particle" style="left: 20.6937%; top: 117.626%; animation-duration: 16.4758s; animation-delay: -1.05365s; width: 1.28237px; height: 2.21227px;"></div><div class="dnd-dust-particle" style="left: 73.684%; top: 103.973%; animation-duration: 27.2706s; animation-delay: -4.79847s; width: 2.53233px; height: 1.50279px;"></div></div><div class="fixed inset-0 pointer-events-none z-0 overflow-hidden"><div class="dnd-floating-rune text-4xl" style="left: 28.9685%; top: 29.4715%; transform: rotate(52.3776deg); opacity: 0.02;">ᚠ</div><div class="dnd-floating-rune text-4xl" style="left: 19.8278%; top: 65.7428%; transform: rotate(150.583deg); opacity: 0.02;">ᚺ</div><div class="dnd-floating-rune text-4xl" style="left: 3.10249%; top: 38.7778%; transform: rotate(68.5328deg); opacity: 0.02;">ᚹ</div><div class="dnd-floating-rune text-4xl" style="left: 59.8936%; top: 6.51529%; transform: rotate(345.942deg); opacity: 0.02;">ᛊ</div><div class="dnd-floating-rune text-4xl" style="left: 15.8297%; top: 3.43494%; transform: rotate(130.249deg); opacity: 0.02;">ᚱ</div><div class="dnd-floating-rune text-4xl" style="left: 89.8819%; top: 44.6961%; transform: rotate(349.519deg); opacity: 0.02;">ᚹ</div><div class="dnd-floating-rune text-4xl" style="left: 35.0173%; top: 73.0041%; transform: rotate(15.2445deg); opacity: 0.02;">ᚹ</div><div class="dnd-floating-rune text-4xl" style="left: 22.3124%; top: 46.9042%; transform: rotate(133.125deg); opacity: 0.02;">ᛞ</div><div class="dnd-floating-rune text-4xl" style="left: 77.9193%; top: 49.1954%; transform: rotate(192.328deg); opacity: 0.02;">ᚦ</div><div class="dnd-floating-rune text-4xl" style="left: 69.4218%; top: 76.7546%; transform: rotate(1.83283deg); opacity: 0.02;">ᛖ</div><div class="dnd-floating-rune text-4xl" style="left: 54.9558%; top: 53.9284%; transform: rotate(28.297deg); opacity: 0.02;">ᚲ</div><div class="dnd-floating-rune text-4xl" style="left: 68.7926%; top: 92.2782%; transform: rotate(149.746deg); opacity: 0.02;">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left: 77.9785%; top: 7.80322%; transform: rotate(92.4245deg); opacity: 0.02;">ᛉ</div><div class="dnd-floating-rune text-4xl" style="left: 95.4586%; top: 50.7562%; transform: rotate(340.001deg); opacity: 0.02;">ᚾ</div><div class="dnd-floating-rune text-4xl" style="left: 72.3577%; top: 31.9147%; transform: rotate(179.08deg); opacity: 0.02;">ᚠ</div><div class="dnd-floating-rune text-4xl" style="left: 63.1338%; top: 45.9791%; transform: rotate(220.745deg); opacity: 0.02;">ᛖ</div><div class="dnd-floating-rune text-4xl" style="left: 1.07839%; top: 59.2367%; transform: rotate(13.6429deg); opacity: 0.02;">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left: 97.7365%; top: 43.8886%; transform: rotate(201.364deg); opacity: 0.02;">ᚦ</div><div class="dnd-floating-rune text-4xl" style="left: 82.0322%; top: 68.5538%; transform: rotate(207.275deg); opacity: 0.02;">ᛉ</div><div class="dnd-floating-rune text-4xl" style="left: 23.3564%; top: 85.3605%; transform: rotate(77.1571deg); opacity: 0.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/galxrax-rax-oGAf4jsC0Fw-unsplash.jpg"); filter: brightness(0.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 xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256"><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><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-4 md:px-6 py-8 md:py-12"><header class="text-center mb-12 md:mb-24"><div class="flex justify-center mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 256 256" class="text-dnd-gold"><path d="M192,48V224l-64-40L64,224V48a8,8,0,0,1,8-8H184A8,8,0,0,1,192,48Z" opacity="0.2"></path><path d="M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Zm0,177.57-51.77-32.35a8,8,0,0,0-8.48,0L72,209.57V48H184Z"></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 dnd-header-pulse">Loading Book...</h1><div class="h-px w-32 bg-dnd-gold mx-auto opacity-40"></div></header></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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256" 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">Galxrax Rax</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: none;"><div class="relative" style="transform: none;"><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: none;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><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: rgb(16, 185, 129); transform: none;"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color: rgb(16, 185, 129); transform: none;"></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>
<script id="vike_pageContext" type="application/json">{"pageProps":{"is404":false},"urlPathname":"\\/stories\\/books\\/7","pageId":"\\/pages","routeParams":{"*":"stories\\/books\\/7"}}</script>
<script id="vike_globalContext" type="application/json">{}</script>
<script src="/assets/entries/entry-server-routing.B8Jmu2Q3.js" type="module" async></script>
<link rel="modulepreload" href="/assets/entries/pages.BZkyDMuN.js" as="script" type="text/javascript">
<link rel="modulepreload" href="/assets/chunks/chunk-BXl3LOEh.js" as="script" type="text/javascript">
</body>
</html>