content(dnd): clinical note

fezcode · fezcode · commit f9e73dacc1ae · 2026-01-08T06:46:35.000+03:00
diff --git a/public/roadmap/roadmap.piml b/public/roadmap/roadmap.piml
@@ -316,4 +316,15 @@
     (priority) High
     (assignee) Gemini
     (created_at) 2026-01-08T14:00:00+03:00
-    (notes) Implemented Void Architect achievement.
+    (notes) Implemented Void Architect achievement.
+
+  > (issues)
+    (id) FEZ-25
+    (title) DND Content Expansion
+    (description) Added new stories, characters, places, and items sections to the Dungeons & Dragons pages. Includes advanced filtering, modal views, and search functionality.
+    (category) Content
+    (status) Completed
+    (priority) High
+    (assignee) Gemini
+    (created_at) 2026-01-08T18:00:00+03:00
+    (notes) Major content update for Serfs & Frauds campaign.
diff --git a/public/stories/books.piml b/public/stories/books.piml
@@ -111,4 +111,24 @@
         (author) fezcode
         (date) 2026-01-08
         (updated) 2026-01-08
-    (overlay) orange
+    (overlay) orange
+
+  > (book)
+    (bookId) 6
+    (bookTitle) The Sanity Ward
+    (episodes)
+      > (episode)
+        (id) 1
+        (filename) the-sanity-ward/clinical-note.txt
+        (title) The Hysteria of the Moth (EN)
+        (author) fezcode
+        (date) 2026-01-08
+        (updated) 2026-01-08
+      > (episode)
+        (id) 2
+        (filename) the-sanity-ward/klinik-not.txt
+        (title) Güve Histerisi (TR)
+        (author) fezcode
+        (date) 2026-01-08
+        (updated) 2026-01-08
+    (overlay) gray
diff --git a/public/stories/characters.piml b/public/stories/characters.piml
@@ -75,3 +75,10 @@
     (book) The Chronomancer's Dust
     (description) A master clockmaker who uses ash from destroyed cities to power his Chronometers. He allows people to relive their past, but he never lets them change it.
     (status) Alive (Cynical)
+
+  > (character)
+    (name) Dr. Brann Corshield
+    (role) Chief Alienist / Villain
+    (book) The Sanity Ward
+    (description) An immensely egotistical psychiatrist who runs St. Jude's Asylum. Obsessed with his own image (literally) and maintaining "order," he seeks to lobotomize the Sultan of Butterflies to silence her "delusions."
+    (status) Alive (Narcissistic)
diff --git a/public/stories/places.piml b/public/stories/places.piml
@@ -2,69 +2,87 @@
   > (place)
     (name) Corrigan Investigations
     (type) Office
+    (category) Residences
     (book) The Broken Path
     (description) A dusty office with a flickering neon sign, smelling of stale smoke and cheap bourbon. The sanctuary of a man fighting his own shadow.
     (status) Active
 
   > (place)
     (name) The Tipsy Lizard
     (type) Tavern
+    (category) Establishments
     (book) The Broken Path
     (description) A dive bar where secrets are traded for ale. The kind of place where you wipe your feet on the way out.
     (status) Active
 
   > (place)
     (name) St. Marlowe Hotel
     (type) Inn / Flophouse
+    (category) Establishments
     (book) The Broken Path
     (description) A rundown hotel for has-beens and never-weres. Its walls hold more regrets than paint.
     (status) Active
 
   > (place)
     (name) Blade's Clinic
     (type) Medical Facility
+    (category) Establishments
     (book) The Tales of Doctor Blade
     (description) A sanctuary of white marble and lavender scent. A place of miraculous healing, and sometimes, quiet death.
     (status) Active
 
   > (place)
     (name) The Lower Ward
     (type) District
+    (category) Locations
     (book) The Tales of Doctor Blade
     (description) The poorer district of the city, where an orphanage stands funded by questionable means.
     (status) Active
 
   > (place)
     (name) Craninal
-    (type) Town
+    (type) City
+    (category) Settlements
     (book) The Butterfly's Jest
-    (description) A town where truth is a dangerous commodity and the only safe place to speak it is on a comedy stage.
+    (description) A city where truth is a dangerous commodity and the only safe place to speak it is on a comedy stage.
     (status) Active
 
   > (place)
     (name) The Laughing Stock
     (type) Comedy Club
+    (category) Establishments
     (book) The Butterfly's Jest
     (description) The comedy club where the Sultan of Butterflies performs and gathers her silent army.
     (status) Active
 
   > (place)
     (name) Music Festival Grounds
     (type) Event Location
+    (category) Locations
     (book) The Butterfly's Jest
     (description) The site where Hellbound played "Last Breath" and Galarian Freiton took his.
     (status) Inactive
 
   > (place)
     (name) Glareach
     (type) City
+    (category) Settlements
     (book) The Sins of Glareach
     (description) Once a poor town, destroyed in the War of Fourbournes, now rebuilt as a neon-soaked metropolis of casinos and vice. A monument to Aester Cloudwear's greed.
     (status) Active (Corrupt)
 
   > (place)
     (name) The Clockwork Sanctum
     (type) Workshop / Shop
+    (category) Establishments
     (book) The Chronomancer's Dust
     (description) Klaude Barral's workshop in Craninal. A place where the air is thick with the smell of oil and the dust of dead cities, and where every tick of a clock sounds like a funeral bell.
     (status) Active
+
+  > (place)
+    (name) St. Jude's Asylum
+    (type) Medical Institution / Prison
+    (category) Institutions
+    (book) The Sanity Ward
+    (description) A sterile fortress of white walls and silence, run by Dr. Brann Corshield. It is where the "mad" are sent to be broken and rebuilt in the image of conformity.
+    (status) Active
diff --git a/public/stories/the-sanity-ward/clinical-note.txt b/public/stories/the-sanity-ward/clinical-note.txt
@@ -0,0 +1,30 @@
+# Clinical Note: The Hysteria of the Moth
+
+**Subject:** The so-called "Sultan of Butterflies" (Widow Freiton)
+**Observer:** Dr. Brann Corshield, Chief Alienist, St. Jude’s Asylum
+
+I looked up from my desk. On the opposite wall, the oil painting of me receiving the "Key to Craninal" seemed to nod in agreement. It is a magnificent piece, capturing the steel in my eyes, the commanding set of my jaw. It is one of three hundred and twelve portraits I have commissioned. A man of my intellect *should* be documented. Future generations will need reference material when they build statues in my honor.
+
+I adjusted my silk tie in the reflection of the silver tea service—another portrait, fleeting but perfect.
+
+"She is a cancer," I dictated to my trembling stenographer. "A chaotic anomaly in the ordered mind of our society."
+
+The widow Freiton. She calls herself a comedian. A revolutionary. I call her what she is: a hysteric. A broken woman who could not process the simple, natural death of her husband and instead invented a fairy tale about glowing energy and government assassins.
+
+And the people... the sheep... they listen to her! They wear those ridiculous pins. They laugh at her jokes as if they are scripture. It is an insult to Reason. It is an insult to *me*.
+
+I am the architect of the public mind. I have cured the unruly. I have silenced the loud. When Aester Cloudwear—a man of vision, almost my equal—came to me with concerns about her "cult," I assured him the solution was clinical, not criminal.
+
+Martyrs are made by bullets. Madwomen are unmade by white walls and quiet rooms.
+
+I walked to the window, catching a glimpse of my reflection in the glass. Impeccable.
+
+"Draft the warrant," I commanded. "Cite 'Public Endangerment' and 'Acute Delusional Paranoia.' We will bring her here. To St. Jude's."
+
+I turned to the portrait above the fireplace—Me, in a toga, holding the scales of Justice.
+
+"I will not just lock her up," I whispered to my painted self. "I will dismantle her. I will peel away the 'Sultan' layer by layer until only the weeping widow remains. And when she finally admits that Galarian Freiton died of a weak heart, I will be there to accept her apology."
+
+I smiled. It was a dazzling smile. I really must have a painter capture this lighting.
+
+"The Butterflies think they are free," I said, picking up a scalpel from my tray. "But every insect looks better pinned under glass."
diff --git a/public/stories/the-sanity-ward/klinik-not.txt b/public/stories/the-sanity-ward/klinik-not.txt
@@ -0,0 +1,30 @@
+# Klinik Not: Güve Histerisi
+
+**Konu:** Sözde "Kelebeklerin Sultanı" (Dul Freiton)
+**Gözlemci:** Dr. Brann Corshield, Baş Alienist, St. Jude Tımarhanesi
+
+Masamdan başımı kaldırdım. Karşı duvarda, "Craninal'ın Anahtarı"nı alırken resmedildiğim yağlı boya tablo onaylarcasına başını sallıyor gibiydi. Gözlerimdeki çeliği, çenemin o emredici duruşunu yakalayan muazzam bir eser. Sipariş ettiğim üç yüz on iki portreden biri. Benim zekamdaki bir adam belgelenmeli. Gelecek nesiller onuruma heykeller dikerken referans malzemesine ihtiyaç duyacaklar.
+
+Gümüş çay takımının yansımasında ipek kravatımı düzelttim—başka bir portre, geçici ama kusursuz.
+
+"O bir kanser," diye dikte ettim titreyen stenografıma. "Toplumumuzun düzenli zihninde kaotik bir anomali."
+
+Dul Freiton. Kendine komedyen diyor. Devrimci diyor. Ben ona neyse onu diyorum: bir histerik. Kocasının basit, doğal ölümünü işleyemeyen ve bunun yerine parlayan enerji ve hükümet suikastçıları hakkında bir peri masalı uyduran kırık bir kadın.
+
+Ve insanlar... o koyunlar... onu dinliyorlar! O gülünç rozetleri takıyorlar. Şakalarına sanki kutsal metinmiş gibi gülüyorlar. Bu Akla bir hakaret. Bu *bana* bir hakaret.
+
+Ben kamu zihninin mimarıyım. Asileri iyileştirdim. Gürültücüleri susturdum. Aester Cloudwear—vizyon sahibi bir adam, neredeyse benim dengim—onun "tarikatı" hakkındaki endişeleriyle bana geldiğinde, ona çözümün kriminal değil, klinik olduğu konusunda güvence verdim.
+
+Şehitler mermilerle yaratılır. Deli kadınlar ise beyaz duvarlar ve sessiz odalarla yok edilir.
+
+Pencereye yürüdüm, camdaki yansımama bir göz attım. Kusursuz.
+
+"Emri hazırla," diye emrettim. "'Kamu Güvenliğini Tehlikeye Atma' ve 'Akut Sanrısal Paranoya' maddelerini ekle. Onu buraya getireceğiz. St. Jude'a."
+
+Şöminenin üzerindeki portreye döndüm—Ben, toga giymiş, Adalet terazisini tutarken.
+
+"Onu sadece kilitlemeyeceğim," diye fısıldadım boyalı benliğime. "Onu parçalarına ayıracağım. Sadece ağlayan dul kalana kadar 'Sultan'ı katman katman soyacağım. Ve sonunda Galarian Freiton'un zayıf bir kalpten öldüğünü itiraf ettiğinde, özrünü kabul etmek için orada olacağım."
+
+Gülümsedim. Göz kamaştırıcı bir gülümsemeydi. Bir ressama bu ışığı kesinlikle yakalatmalıyım.
+
+"Kelebekler özgür olduklarını sanıyorlar," dedim, tepsimden bir neşter alarak. "Ama her böcek camın altında iğnelendiğinde daha iyi görünür."
diff --git a/src/pages/dnd/DndCharactersPage.jsx b/src/pages/dnd/DndCharactersPage.jsx
@@ -105,7 +105,7 @@ function DndCharactersPage() {
                         <UsersThree size={48} weight="duotone" />
                      </div>
 
-                     <h3 className="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">
+                     <h3 className="text-3xl font-playfairDisplay italic font-black text-[#b8860b] uppercase tracking-tighter mb-2 relative z-10">
                        {char.name}
                      </h3>
                      <p className="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">
diff --git a/src/pages/dnd/DndItemsPage.jsx b/src/pages/dnd/DndItemsPage.jsx
@@ -213,4 +213,4 @@ function DndItemsPage() {
   );
 }
 
-export default DndItemsPage;
+export default DndItemsPage;
diff --git a/src/pages/dnd/DndLorePage.jsx b/src/pages/dnd/DndLorePage.jsx
@@ -73,7 +73,7 @@ function DndLorePage() {
         </header>
 
         <section className="space-y-24">
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-12 max-w-5xl mx-auto">
             {filteredBooks.map((book, idx) => (
               <motion.div
                 key={book.bookId}
diff --git a/src/pages/dnd/DndPlacesPage.jsx b/src/pages/dnd/DndPlacesPage.jsx
@@ -5,7 +5,7 @@ import DndLayout from '../../components/dnd/DndLayout';
 import DndSearchInput from '../../components/dnd/DndSearchInput';
 import useSeo from '../../hooks/useSeo';
 import piml from 'piml';
-import { MapTrifold, X } from '@phosphor-icons/react';
+import { MapTrifold, X, MapPin } from '@phosphor-icons/react';
 
 function DndPlacesPage() {
   useSeo({
@@ -53,6 +53,18 @@ function DndPlacesPage() {
     );
   });
 
+  // Categorize filtered places
+  const categorizedPlaces = filteredPlaces.reduce((acc, place) => {
+    const category = place.category || 'Uncharted';
+    if (!acc[category]) {
+      acc[category] = [];
+    }
+    acc[category].push(place);
+    return acc;
+  }, {});
+
+  const categories = Object.keys(categorizedPlaces).sort();
+
   return (
     <DndLayout>
       <div className="max-w-7xl mx-auto px-6 py-12">
@@ -74,63 +86,78 @@ function DndPlacesPage() {
           />
         </header>
 
-        <section className="space-y-24">
-             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-               {filteredPlaces.map((place, idx) => (
-                 <motion.div
-                   key={idx}
-                   initial={{ opacity: 0, scale: 0.9 }}
-                   whileInView={{ opacity: 1, scale: 1 }}
-                   viewport={{ once: true }}
-                   transition={{ delay: idx * 0.1 }}
-                   onClick={() => setSelectedPlace(place)}
-                   className="cursor-pointer"
-                 >
-                   <div className="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300">
-                     {/* Background Runes */}
-                     <div className="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div>
-                     <div className="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div>
-
-                     {/* Ink Splatters */}
-                     <div className="dnd-ink-splatter w-8 h-8 top-1/4 right-8" />
-                     <div className="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12" />
-
-                     {/* Ornate corners */}
-                     <div className="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500" />
-                     <div className="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500" />
-                     <div className="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500" />
-                     <div className="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500" />
-
-                     <div className="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10">
-                        <MapTrifold size={48} weight="duotone" />
-                     </div>
-
-                     <h3 className="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">
-                       {place.name}
-                     </h3>
-                     <p className="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">
-                       {place.type}
-                     </p>
-
-                     <div className="h-px w-16 bg-dnd-crimson/20 mb-6" />
-
-                     <p className="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">
-                       {place.description}
-                     </p>
-
-                     <div className="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">
-                        View Details
-                     </div>
-                   </div>
-                 </motion.div>
-               ))}
-               {filteredPlaces.length === 0 && (
-                 <div className="col-span-full text-center py-12 text-white/60 font-arvo italic">
-                   No landmarks found in the atlas.
-                 </div>
-               )}
-             </div>
-        </section>
+        <div className="space-y-20">
+          {categories.map((category) => (
+            <section key={category} className="space-y-8">
+              <div className="flex items-center gap-4 mb-8">
+                 <div className="h-px flex-grow bg-dnd-gold/20" />
+                 <h2 className="text-3xl md:text-4xl font-playfairDisplay italic font-black dnd-gold-gradient-text uppercase tracking-tighter flex items-center gap-3">
+                    <MapPin size={32} weight="duotone" className="text-dnd-gold" />
+                    {category}
+                 </h2>
+                 <div className="h-px flex-grow bg-dnd-gold/20" />
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+                {categorizedPlaces[category].map((place, idx) => (
+                  <motion.div
+                    key={`${category}-${idx}`}
+                    initial={{ opacity: 0, scale: 0.9 }}
+                    whileInView={{ opacity: 1, scale: 1 }}
+                    viewport={{ once: true }}
+                    transition={{ delay: idx * 0.1 }}
+                    onClick={() => setSelectedPlace(place)}
+                    className="cursor-pointer"
+                  >
+                    <div className="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[350px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300">
+                      {/* Background Runes */}
+                      <div className="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div>
+                      <div className="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div>
+
+                      {/* Ink Splatters */}
+                      <div className="dnd-ink-splatter w-8 h-8 top-1/4 right-8" />
+                      <div className="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12" />
+
+                      {/* Ornate corners */}
+                      <div className="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500" />
+                      <div className="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500" />
+                      <div className="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500" />
+                      <div className="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500" />
+
+                      <div className="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10">
+                          <MapTrifold size={48} weight="duotone" />
+                      </div>
+
+                      <h3 className="text-2xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">
+                        {place.name}
+                      </h3>
+
+                      <p className="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">
+                        {place.type}
+                      </p>
+
+                      <div className="h-px w-16 bg-dnd-crimson/20 mb-6 mt-4" />
+
+                      <p className="text-sm font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">
+                        {place.description}
+                      </p>
+
+                      <div className="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">
+                          View Details
+                      </div>
+                    </div>
+                  </motion.div>
+                ))}
+              </div>
+            </section>
+          ))}
+
+          {filteredPlaces.length === 0 && (
+            <div className="col-span-full text-center py-12 text-white/60 font-arvo italic">
+              No landmarks found in the atlas.
+            </div>
+          )}
+        </div>
 
         {/* Place Modal */}
         <AnimatePresence>

Original file line number	Diff line number	Diff line change
`@@ -213,4 +213,4 @@ function DndItemsPage() {`
`213`	`213`	`);`
`214`	`214`	`}`
`215`	`215`
`216`		`-export default DndItemsPage;`
	`216`	`+export default DndItemsPage;`