-
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) · 38.7 KB
/
Copy pathindex.html
File metadata and controls
53 lines (48 loc) · 38.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: 76.8615%; width: 5.24563px; height: 5.24563px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 14.8789s; animation-delay: -13.1655s; box-shadow: rgb(255, 69, 0) 0px 0px 10.4913px;"></div><div class="dnd-fire-particle" style="left: 18.5505%; width: 8.79129px; height: 8.79129px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 11.2565s; animation-delay: -8.36303s; box-shadow: rgb(255, 69, 0) 0px 0px 17.5826px;"></div><div class="dnd-fire-particle" style="left: 57.4726%; width: 10.9535px; height: 10.9535px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 8.60531s; animation-delay: -14.1699s; box-shadow: rgb(255, 69, 0) 0px 0px 21.907px;"></div><div class="dnd-fire-particle" style="left: 56.8498%; width: 9.19407px; height: 9.19407px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.04653s; animation-delay: -4.71833s; box-shadow: rgb(255, 69, 0) 0px 0px 18.3881px;"></div><div class="dnd-fire-particle" style="left: 88.9256%; width: 7.63693px; height: 7.63693px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 7.11766s; animation-delay: -2.89818s; box-shadow: rgb(255, 69, 0) 0px 0px 15.2739px;"></div><div class="dnd-fire-particle" style="left: 92.7614%; width: 10.6894px; height: 10.6894px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.90608s; animation-delay: -2.70106s; box-shadow: rgb(255, 69, 0) 0px 0px 21.3789px;"></div><div class="dnd-fire-particle" style="left: 18.1405%; width: 9.30406px; height: 9.30406px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 9.07095s; animation-delay: -13.4036s; box-shadow: rgb(255, 69, 0) 0px 0px 18.6081px;"></div><div class="dnd-fire-particle" style="left: 45.5359%; width: 6.53472px; height: 6.53472px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 5.19373s; animation-delay: -0.804234s; box-shadow: rgb(255, 69, 0) 0px 0px 13.0694px;"></div><div class="dnd-fire-particle" style="left: 65.2132%; width: 9.1418px; height: 9.1418px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 12.92s; animation-delay: -13.2076s; box-shadow: rgb(255, 69, 0) 0px 0px 18.2836px;"></div><div class="dnd-fire-particle" style="left: 57.7419%; width: 9.22971px; height: 9.22971px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.8669s; animation-delay: -14.7681s; box-shadow: rgb(255, 69, 0) 0px 0px 18.4594px;"></div><div class="dnd-fire-particle" style="left: 97.7348%; width: 3.5621px; height: 3.5621px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.31858s; animation-delay: -1.39978s; box-shadow: rgb(255, 69, 0) 0px 0px 7.12419px;"></div><div class="dnd-fire-particle" style="left: 51.3058%; width: 7.90994px; height: 7.90994px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.60704s; animation-delay: -5.09919s; box-shadow: rgb(255, 69, 0) 0px 0px 15.8199px;"></div><div class="dnd-fire-particle" style="left: 81.073%; width: 10.1175px; height: 10.1175px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 5.90098s; animation-delay: -4.29923s; box-shadow: rgb(255, 69, 0) 0px 0px 20.2349px;"></div><div class="dnd-fire-particle" style="left: 24.8202%; width: 7.28956px; height: 7.28956px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.6953s; animation-delay: -11.2524s; box-shadow: rgb(255, 69, 0) 0px 0px 14.5791px;"></div><div class="dnd-fire-particle" style="left: 43.6946%; width: 9.54072px; height: 9.54072px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.58419s; animation-delay: -1.48737s; box-shadow: rgb(255, 69, 0) 0px 0px 19.0814px;"></div><div class="dnd-fire-particle" style="left: 76.9652%; width: 5.39723px; height: 5.39723px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.31835s; animation-delay: -6.32182s; box-shadow: rgb(255, 69, 0) 0px 0px 10.7945px;"></div><div class="dnd-fire-particle" style="left: 87.9766%; width: 5.28248px; height: 5.28248px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 9.19152s; animation-delay: -14.8052s; box-shadow: rgb(255, 69, 0) 0px 0px 10.565px;"></div><div class="dnd-fire-particle" style="left: 83.1617%; width: 5.67295px; height: 5.67295px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 5.11913s; animation-delay: -0.306765s; box-shadow: rgb(255, 69, 0) 0px 0px 11.3459px;"></div><div class="dnd-fire-particle" style="left: 52.0337%; width: 3.55517px; height: 3.55517px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 6.21712s; animation-delay: -0.00595574s; box-shadow: rgb(255, 69, 0) 0px 0px 7.11035px;"></div><div class="dnd-fire-particle" style="left: 44.7357%; width: 6.94178px; height: 6.94178px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 7.59218s; animation-delay: -4.04566s; box-shadow: rgb(255, 69, 0) 0px 0px 13.8836px;"></div><div class="dnd-fire-particle" style="left: 35.5957%; width: 10.7939px; height: 10.7939px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 8.931s; animation-delay: -14.9894s; box-shadow: rgb(255, 69, 0) 0px 0px 21.5877px;"></div><div class="dnd-fire-particle" style="left: 74.4642%; width: 6.39568px; height: 6.39568px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 12.9192s; animation-delay: -5.13253s; box-shadow: rgb(255, 69, 0) 0px 0px 12.7914px;"></div><div class="dnd-fire-particle" style="left: 25.4063%; width: 9.53785px; height: 9.53785px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 8.66146s; animation-delay: -4.1638s; box-shadow: rgb(255, 69, 0) 0px 0px 19.0757px;"></div><div class="dnd-fire-particle" style="left: 89.2583%; width: 8.76584px; height: 8.76584px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 9.47182s; animation-delay: -2.69093s; box-shadow: rgb(255, 69, 0) 0px 0px 17.5317px;"></div><div class="dnd-fire-particle" style="left: 21.119%; width: 6.04212px; height: 6.04212px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 6.46915s; animation-delay: -6.94398s; box-shadow: rgb(255, 69, 0) 0px 0px 12.0842px;"></div><div class="dnd-fire-particle" style="left: 19.3228%; width: 3.91806px; height: 3.91806px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 14.5805s; animation-delay: -10.3003s; box-shadow: rgb(255, 69, 0) 0px 0px 7.83613px;"></div><div class="dnd-fire-particle" style="left: 5.47699%; width: 9.64311px; height: 9.64311px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 5.5688s; animation-delay: -10.1617s; box-shadow: rgb(255, 69, 0) 0px 0px 19.2862px;"></div><div class="dnd-fire-particle" style="left: 94.1417%; width: 4.1159px; height: 4.1159px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 14.1793s; animation-delay: -11.9383s; box-shadow: rgb(255, 69, 0) 0px 0px 8.23179px;"></div><div class="dnd-fire-particle" style="left: 73.0574%; width: 5.24099px; height: 5.24099px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 9.98432s; animation-delay: -4.54714s; box-shadow: rgb(255, 69, 0) 0px 0px 10.482px;"></div><div class="dnd-fire-particle" style="left: 6.79999%; width: 4.10488px; height: 4.10488px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 6.59857s; animation-delay: -1.92512s; box-shadow: rgb(255, 69, 0) 0px 0px 8.20976px;"></div><div class="dnd-fire-particle" style="left: 66.2182%; width: 4.54736px; height: 4.54736px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 11.4994s; animation-delay: -0.455704s; box-shadow: rgb(255, 69, 0) 0px 0px 9.09471px;"></div><div class="dnd-fire-particle" style="left: 83.3175%; width: 9.67215px; height: 9.67215px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 10.3845s; animation-delay: -9.2007s; box-shadow: rgb(255, 69, 0) 0px 0px 19.3443px;"></div><div class="dnd-fire-particle" style="left: 13.3446%; width: 8.61px; height: 8.61px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 14.9537s; animation-delay: -12.0113s; box-shadow: rgb(255, 69, 0) 0px 0px 17.22px;"></div><div class="dnd-fire-particle" style="left: 66.277%; width: 6.97268px; height: 6.97268px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 8.99103s; animation-delay: -10.4263s; box-shadow: rgb(255, 69, 0) 0px 0px 13.9454px;"></div><div class="dnd-fire-particle" style="left: 58.5572%; width: 5.76196px; height: 5.76196px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 9.08645s; animation-delay: -5.72056s; box-shadow: rgb(255, 69, 0) 0px 0px 11.5239px;"></div><div class="dnd-fire-particle" style="left: 26.1804%; width: 3.16513px; height: 3.16513px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 14.5655s; animation-delay: -5.43671s; box-shadow: rgb(255, 69, 0) 0px 0px 6.33027px;"></div><div class="dnd-fire-particle" style="left: 20.0755%; width: 10.2951px; height: 10.2951px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 8.6111s; animation-delay: -9.36878s; box-shadow: rgb(255, 69, 0) 0px 0px 20.5903px;"></div><div class="dnd-fire-particle" style="left: 66.6736%; width: 4.21716px; height: 4.21716px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 12.6833s; animation-delay: -0.740087s; box-shadow: rgb(255, 69, 0) 0px 0px 8.43432px;"></div><div class="dnd-fire-particle" style="left: 62.2493%; width: 3.47762px; height: 3.47762px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 13.9494s; animation-delay: -4.46586s; box-shadow: rgb(255, 69, 0) 0px 0px 6.95523px;"></div><div class="dnd-fire-particle" style="left: 26.0378%; width: 4.6462px; height: 4.6462px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 12.4572s; animation-delay: -0.268544s; box-shadow: rgb(255, 69, 0) 0px 0px 9.29241px;"></div><div class="dnd-fire-particle" style="left: 30.6331%; width: 10.7801px; height: 10.7801px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 8.3304s; animation-delay: -0.484397s; box-shadow: rgb(255, 69, 0) 0px 0px 21.5602px;"></div><div class="dnd-fire-particle" style="left: 5.29543%; width: 7.92147px; height: 7.92147px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 7.72497s; animation-delay: -6.49672s; box-shadow: rgb(255, 69, 0) 0px 0px 15.8429px;"></div><div class="dnd-fire-particle" style="left: 70.0104%; width: 8.70752px; height: 8.70752px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 13.9126s; animation-delay: -2.38086s; box-shadow: rgb(255, 69, 0) 0px 0px 17.415px;"></div><div class="dnd-fire-particle" style="left: 60.1596%; width: 4.51858px; height: 4.51858px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.26486s; animation-delay: -8.50004s; box-shadow: rgb(255, 69, 0) 0px 0px 9.03716px;"></div><div class="dnd-fire-particle" style="left: 0.332705%; width: 4.05182px; height: 4.05182px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 7.6633s; animation-delay: -7.44351s; box-shadow: rgb(255, 69, 0) 0px 0px 8.10365px;"></div><div class="dnd-fire-particle" style="left: 51.0118%; width: 9.14726px; height: 9.14726px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 6.67909s; animation-delay: -13.4272s; box-shadow: rgb(255, 69, 0) 0px 0px 18.2945px;"></div><div class="dnd-fire-particle" style="left: 39.3339%; width: 5.9678px; height: 5.9678px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 11.4069s; animation-delay: -2.34537s; box-shadow: rgb(255, 69, 0) 0px 0px 11.9356px;"></div><div class="dnd-fire-particle" style="left: 37.0999%; width: 8.97129px; height: 8.97129px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 14.8732s; animation-delay: -7.08082s; box-shadow: rgb(255, 69, 0) 0px 0px 17.9426px;"></div><div class="dnd-fire-particle" style="left: 90.0782%; width: 6.55103px; height: 6.55103px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 10.8111s; animation-delay: -1.1034s; box-shadow: rgb(255, 69, 0) 0px 0px 13.1021px;"></div><div class="dnd-fire-particle" style="left: 59.7908%; width: 9.54794px; height: 9.54794px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 11.2964s; animation-delay: -3.32054s; box-shadow: rgb(255, 69, 0) 0px 0px 19.0959px;"></div></div><div class="fixed inset-0 pointer-events-none z-10 overflow-hidden"><div class="dnd-dust-particle" style="left: 50.4573%; top: 101.235%; animation-duration: 24.14s; animation-delay: -11.3365s; width: 2.84975px; height: 2.26718px;"></div><div class="dnd-dust-particle" style="left: 75.8869%; top: 105.171%; animation-duration: 23.8971s; animation-delay: -2.21286s; width: 2.19349px; height: 1.68205px;"></div><div class="dnd-dust-particle" style="left: 84.6196%; top: 112.318%; animation-duration: 24.5171s; animation-delay: -13.083s; width: 2.75131px; height: 1.24516px;"></div><div class="dnd-dust-particle" style="left: 13.8199%; top: 114.232%; animation-duration: 10.0093s; animation-delay: -16.6995s; width: 2.2677px; height: 2.8148px;"></div><div class="dnd-dust-particle" style="left: 3.0235%; top: 108.174%; animation-duration: 16.2649s; animation-delay: -6.77689s; width: 1.21973px; height: 2.3104px;"></div><div class="dnd-dust-particle" style="left: 21.1355%; top: 107.699%; animation-duration: 29.201s; animation-delay: -1.78327s; width: 1.23759px; height: 1.0854px;"></div><div class="dnd-dust-particle" style="left: 88.1002%; top: 110.66%; animation-duration: 28.7862s; animation-delay: -2.77901s; width: 2.34869px; height: 1.7063px;"></div><div class="dnd-dust-particle" style="left: 94.7049%; top: 112.46%; animation-duration: 19.4885s; animation-delay: -15.372s; width: 1.36923px; height: 2.67522px;"></div><div class="dnd-dust-particle" style="left: 69.034%; top: 103.455%; animation-duration: 20.5762s; animation-delay: -8.54096s; width: 2.6739px; height: 2.56296px;"></div><div class="dnd-dust-particle" style="left: 14.467%; top: 111.605%; animation-duration: 13.5586s; animation-delay: -15.3973s; width: 2.94434px; height: 1.38914px;"></div><div class="dnd-dust-particle" style="left: 25.3824%; top: 113.481%; animation-duration: 26.8896s; animation-delay: -17.1045s; width: 2.84685px; height: 2.35973px;"></div><div class="dnd-dust-particle" style="left: 33.2934%; top: 117.662%; animation-duration: 16.2284s; animation-delay: -19.987s; width: 1.99648px; height: 2.11539px;"></div><div class="dnd-dust-particle" style="left: 7.88969%; top: 117.383%; animation-duration: 16.5347s; animation-delay: -17.238s; width: 1.29309px; height: 2.86379px;"></div><div class="dnd-dust-particle" style="left: 82.7483%; top: 116.954%; animation-duration: 19.5483s; animation-delay: -15.5628s; width: 1.86822px; height: 2.24105px;"></div><div class="dnd-dust-particle" style="left: 28.1528%; top: 119.849%; animation-duration: 25.0765s; animation-delay: -2.69874s; width: 2.74231px; height: 2.60421px;"></div><div class="dnd-dust-particle" style="left: 44.2211%; top: 119.921%; animation-duration: 15.3968s; animation-delay: -15.6075s; width: 2.92226px; height: 2.17135px;"></div><div class="dnd-dust-particle" style="left: 49.5144%; top: 112.123%; animation-duration: 11.6439s; animation-delay: -19.3497s; width: 1.74375px; height: 2.26172px;"></div><div class="dnd-dust-particle" style="left: 11.0607%; top: 116.739%; animation-duration: 29.8749s; animation-delay: -3.63585s; width: 2.37314px; height: 1.35322px;"></div><div class="dnd-dust-particle" style="left: 52.0925%; top: 110.176%; animation-duration: 10.5936s; animation-delay: -10.8118s; width: 2.15518px; height: 2.4214px;"></div><div class="dnd-dust-particle" style="left: 99.2398%; top: 114.98%; animation-duration: 27.2061s; animation-delay: -11.9115s; width: 2.64057px; height: 2.098px;"></div></div><div class="fixed inset-0 pointer-events-none z-0 overflow-hidden"><div class="dnd-floating-rune text-4xl" style="left: 5.46703%; top: 72.1451%; transform: rotate(282.423deg); opacity: 0.02;">ᛜ</div><div class="dnd-floating-rune text-4xl" style="left: 65.883%; top: 49.2974%; transform: rotate(250.129deg); opacity: 0.02;">ᚹ</div><div class="dnd-floating-rune text-4xl" style="left: 3.01539%; top: 8.43636%; transform: rotate(77.8054deg); opacity: 0.02;">ᚢ</div><div class="dnd-floating-rune text-4xl" style="left: 81.7909%; top: 99.2942%; transform: rotate(3.8093deg); opacity: 0.02;">ᛜ</div><div class="dnd-floating-rune text-4xl" style="left: 95.1451%; top: 62.1298%; transform: rotate(112.435deg); opacity: 0.02;">ᚹ</div><div class="dnd-floating-rune text-4xl" style="left: 19.6362%; top: 63.949%; transform: rotate(290.312deg); opacity: 0.02;">ᛜ</div><div class="dnd-floating-rune text-4xl" style="left: 79.8216%; top: 99.8393%; transform: rotate(23.0679deg); opacity: 0.02;">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left: 30.5458%; top: 85.1187%; transform: rotate(264.213deg); opacity: 0.02;">ᛟ</div><div class="dnd-floating-rune text-4xl" style="left: 81.5689%; top: 15.3385%; transform: rotate(79.2806deg); opacity: 0.02;">ᛃ</div><div class="dnd-floating-rune text-4xl" style="left: 80.4465%; top: 19.746%; transform: rotate(56.8539deg); opacity: 0.02;">ᛃ</div><div class="dnd-floating-rune text-4xl" style="left: 83.5159%; top: 76.186%; transform: rotate(125.287deg); opacity: 0.02;">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left: 64.5483%; top: 97.0128%; transform: rotate(242.901deg); opacity: 0.02;">ᛉ</div><div class="dnd-floating-rune text-4xl" style="left: 2.85599%; top: 14.8464%; transform: rotate(228.493deg); opacity: 0.02;">ᛉ</div><div class="dnd-floating-rune text-4xl" style="left: 43.2873%; top: 10.4237%; transform: rotate(336.181deg); opacity: 0.02;">ᛊ</div><div class="dnd-floating-rune text-4xl" style="left: 33.5109%; top: 45.4876%; transform: rotate(255.136deg); opacity: 0.02;">ᛒ</div><div class="dnd-floating-rune text-4xl" style="left: 33.7293%; top: 6.75556%; transform: rotate(142.437deg); opacity: 0.02;">ᚹ</div><div class="dnd-floating-rune text-4xl" style="left: 52.0568%; top: 66.0471%; transform: rotate(69.8036deg); opacity: 0.02;">ᚦ</div><div class="dnd-floating-rune text-4xl" style="left: 21.3402%; top: 23.5878%; transform: rotate(257.341deg); opacity: 0.02;">ᛈ</div><div class="dnd-floating-rune text-4xl" style="left: 69.6353%; top: 68.5212%; transform: rotate(4.03394deg); opacity: 0.02;">ᛈ</div><div class="dnd-floating-rune text-4xl" style="left: 85.6899%; top: 59.8848%; transform: rotate(43.8076deg); 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/artem-sapegin-XGDBdSQ70O0-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 class="hidden sm:flex items-center gap-2 font-mono text-[9px] uppercase tracking-[0.2em]"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" viewBox="0 0 256 256" 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 xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" viewBox="0 0 256 256" 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/lore" data-discover="true">The Lore</a><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" viewBox="0 0 256 256" 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/timeline" data-discover="true">The Chronology</a></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-5xl mx-auto px-6 py-12"><header class="text-center mb-16 relative"><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-light drop-shadow-[0_0_8px_rgba(249,224,118,0.4)]"><path d="M188.82,82,128,128,67.2,82.4A8,8,0,0,1,64,76V40a8,8,0,0,1,8-8H184a8,8,0,0,1,8,8V75.64A8,8,0,0,1,188.82,82ZM64,180v36a8,8,0,0,0,8,8H184a8,8,0,0,0,8-8V180.36a8,8,0,0,0-3.18-6.38L128,128,67.2,173.6A8,8,0,0,0,64,180Z" opacity="0.2"></path><path d="M200,75.64V40a16,16,0,0,0-16-16H72A16,16,0,0,0,56,40V76a16.07,16.07,0,0,0,6.4,12.8L114.67,128,62.4,167.2A16.07,16.07,0,0,0,56,180v36a16,16,0,0,0,16,16H184a16,16,0,0,0,16-16V180.36a16.09,16.09,0,0,0-6.35-12.77L141.27,128l52.38-39.59A16.09,16.09,0,0,0,200,75.64ZM184,216H72V180l56-42,56,42.35Zm0-140.36L128,118,72,76V40H184Z"></path></svg></div><h1 class="text-4xl md:text-8xl font-playfairDisplay italic font-black dnd-gold-gradient-text uppercase tracking-tighter mb-4 dnd-header-pulse">The Chronology</h1><p class="text-base md:text-xl font-arvo text-gray-400 max-w-2xl mx-auto uppercase tracking-widest opacity-60 mb-12 px-4">The measured years of Thornus, counted After the War.</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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><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 placeholder="Search the years by event, era, or date..." 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)]" 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><section class="space-y-24"><div class="text-center py-12 text-white/60 font-arvo italic">No hours found matching your inquiry.</div></section></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">Artem Sapegin</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\\/timeline","pageId":"\\/pages","routeParams":{"*":"stories\\/timeline"}}</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>