From 52be30256bffaa47461cf255ccd41d802da5b067 Mon Sep 17 00:00:00 2001
From: Olov Johansson <johansson.olov@gmail.com>
Date: Sat, 8 Aug 2026 20:06:09 +0200
Subject: [PATCH] fix curly quotes in HTML attributes

---
 index.html | 84 +++++++++++++++++++++++++++---------------------------
 1 file changed, 42 insertions(+), 42 deletions(-)

diff --git a/index.html b/index.html
index 33533af..9b024f5 100644
--- a/index.html
+++ b/index.html
@@ -222,101 +222,101 @@
   </style>
 </head>
 <body>
-  <header class=”masthead”>
-    <div class=”shell hero-copy”>
-      <div class=”eyebrow”>Space Station 33 // Rules</div>
+  <header class="masthead">
+    <div class="shell hero-copy">
+      <div class="eyebrow">Space Station 33 // Rules</div>
       <h1>Create History Together</h1>
       <p>In this game, you build the history of a young space colony together. You will create Projects that span years, discover Events scattered through time, introduce important people, and define the places, technologies, and ideas that make the colony unique.</p>
     </div>
   </header>
 
-  <nav aria-label=”Rules sections”>
-    <div class=”shell”>
-      <a href=”#the-timeline”>The Timeline</a>
-      <a href=”#the-round”>The Round</a>
-      <a href=”#projects”>Projects &amp; Events</a>
-      <a href=”#cast”>Cast &amp; Glossary</a>
-      <a href=”#setup”>Setup</a>
-      <a href=”games.html” style=”margin-left:auto”>Game Sessions</a>
-      <a href=”deck-editor.html” style=”color:var(--brass)”>Decks</a>
+  <nav aria-label="Rules sections">
+    <div class="shell">
+      <a href="#the-timeline">The Timeline</a>
+      <a href="#the-round">The Round</a>
+      <a href="#projects">Projects &amp; Events</a>
+      <a href="#cast">Cast &amp; Glossary</a>
+      <a href="#setup">Setup</a>
+      <a href="games.html" style="margin-left:auto">Game Sessions</a>
+      <a href="deck-editor.html" style="color:var(--brass)">Decks</a>
     </div>
   </nav>
 
-  <main class=”shell”>
+  <main class="shell">
 
-    <section class=”intro” id=”the-timeline”>
-      <div class=”eyebrow”>Space Station 33 // Core Concept</div>
+    <section class="intro" id="the-timeline">
+      <div class="eyebrow">Space Station 33 // Core Concept</div>
       <h2>The timeline is a canvas, not a clock</h2>
-      <p class=”lead”>History does not need to be created in order. You already know where the history begins and where it ends. Everything between those points is open for discovery.</p>
+      <p class="lead">History does not need to be created in order. You already know where the history begins and where it ends. Everything between those points is open for discovery.</p>
       <p>One player might create an Event in 2249. The next might jump ahead twenty years to 2269. The player after that might go back to 2252. Do not worry about what happens next. Ask what happened.</p>
       <p>At the end, you should have a place full of history, conflicts, mysteries, people, and unfinished business — a place ready to roleplay in.</p>
 
       <blockquote>An early Event establishes that the Great Dam collapses in 2281. Nothing has yet been said about why. Later, another player creates an Event in 2263 where engineers discover cracks forming in its foundations. Much later, someone creates an Event in 2258 revealing that the original construction crew knowingly used unsuitable materials. The history of the dam has been created backwards, forwards, and sideways.</blockquote>
     </section>
 
-    <img class=”divider” src=”assets/divider.svg” alt=”” />
+    <img class="divider" src="assets/divider.svg" alt="" />
 
-    <section class=”project” id=”the-round”>
-      <figure class=”project-image”><img src=”assets/science.png” alt=”Players at work” /></figure>
-      <div class=”project-copy”>
-        <div class=”eyebrow”>Rules // Turn Structure</div>
+    <section class="project" id="the-round">
+      <figure class="project-image"><img src="assets/science.png" alt="Players at work" /></figure>
+      <div class="project-copy">
+        <div class="eyebrow">Rules // Turn Structure</div>
         <h2>The Round</h2>
         <h3>One Director. One action each.</h3>
         <p>Each round has one <strong>Director</strong>. The Director takes one action, then every other player takes one action in turn. When everyone has acted, the next player becomes Director and a new round begins.</p>
         <p>The Director follows the same rules as everyone else, with one important exception: <strong>only the Director can normally open or close a Project.</strong> Opening or closing a Project is the Director's action for the turn — they cannot also draw a Card in the same turn.</p>
         <p>On your turn, you may create an Event, introduce or update Cast, add a Glossary entry, or draw a Card. Keep each contribution focused. One new Cast member and one Glossary entry per Event is usually enough.</p>
-        <dl class=”meta”>
+        <dl class="meta">
           <div><dt>Director only</dt><dd>Open or close a Project</dd></div>
           <div><dt>Anyone</dt><dd>Create an Event</dd></div>
           <div><dt>Anyone</dt><dd>Draw a Card instead of acting</dd></div>
           <div><dt>Good length</dt><dd>Nine rounds to start</dd></div>
         </dl>
-        <blockquote>”Sam closes Construction of the Great Dam, establishing its completion on 2260-09-03. Alex creates an Event in The Age of Misconception. Mara jumps back to 2254. Lee creates a standalone Event about the colony's first election. The round ends. Alex becomes Director.”</blockquote>
+        <blockquote>"Sam closes Construction of the Great Dam, establishing its completion on 2260-09-03. Alex creates an Event in The Age of Misconception. Mara jumps back to 2254. Lee creates a standalone Event about the colony's first election. The round ends. Alex becomes Director."</blockquote>
       </div>
     </section>
 
-    <img class=”divider” src=”assets/divider.svg” alt=”” />
+    <img class="divider" src="assets/divider.svg" alt="" />
 
-    <section class=”project” id=”projects”>
-      <figure class=”project-image”><img src=”assets/engineering.png” alt=”Engineers planning infrastructure” /></figure>
-      <div class=”project-copy”>
-        <div class=”eyebrow”>Rules // What You Create</div>
+    <section class="project" id="projects">
+      <figure class="project-image"><img src="assets/engineering.png" alt="Engineers planning infrastructure" /></figure>
+      <div class="project-copy">
+        <div class="eyebrow">Rules // What You Create</div>
         <h2>Projects and Events</h2>
         <h3>Long arcs and specific moments</h3>
         <p><strong>Projects</strong> are the long arcs of the colony's history — a construction effort, a political movement, a decade of misconception. Several can exist simultaneously. Try not to have too many open at once. When you open a Project, give it a start date and a Mood (Light or Dark). Its Mood describes the arc as a whole.</p>
         <p>A Project may begin before the timeframe, end after it, or remain unfinished entirely. You may establish its ending before its beginning — then let players discover what led there.</p>
         <p><strong>Events</strong> are moments. Most belong to a Project, but they do not have to. Give each an Event a date, describe what happened, and optionally a Mood. You may place an Event anywhere in the timeline where it makes sense — you are never required to continue from the most recently created Event.</p>
         <p><strong>Mood</strong> is Light or Dark — hopeful or tragic, constructive or destructive. A Dark Project can contain Light Events. A Light Project can contain Dark Events. Mood describes the overall direction, not every moment inside it.</p>
-        <dl class=”meta”>
+        <dl class="meta">
           <div><dt>Projects</dt><dd>Long arcs — opened and closed by the Director</dd></div>
           <div><dt>Events</dt><dd>Moments — any player, any date</dd></div>
           <div><dt>Light mood</dt><dd>Hopeful, constructive, triumphant</dd></div>
           <div><dt>Dark mood</dt><dd>Dangerous, destructive, tragic</dd></div>
         </dl>
-        <blockquote>”Construction of the Great Dam — Mood: Light — Starts: 2251-05-12. A Dark Event in 2257 traps six workers inside for eleven hours. The Event is Dark, but the Project remains Light overall. Its history is about building something the colony needs, even though that history contains suffering.”</blockquote>
+        <blockquote>"Construction of the Great Dam — Mood: Light — Starts: 2251-05-12. A Dark Event in 2257 traps six workers inside for eleven hours. The Event is Dark, but the Project remains Light overall. Its history is about building something the colony needs, even though that history contains suffering."</blockquote>
       </div>
     </section>
 
-    <img class=”divider” src=”assets/divider.svg” alt=”” />
+    <img class="divider" src="assets/divider.svg" alt="" />
 
-    <section class=”project” id=”cast”>
-      <figure class=”project-image”><img src=”assets/labour.png” alt=”Colony workers” /></figure>
-      <div class=”project-copy”>
-        <div class=”eyebrow”>Rules // People, Ideas &amp; Cards</div>
+    <section class="project" id="cast">
+      <figure class="project-image"><img src="assets/labour.png" alt="Colony workers" /></figure>
+      <div class="project-copy">
+        <div class="eyebrow">Rules // People, Ideas &amp; Cards</div>
         <h2>Cast, Glossary, and Cards</h2>
         <h3>Record who matters. Define what is unique.</h3>
         <p>The <strong>Cast</strong> records people who matter to the history. You do not need to add every person who appears. If someone is important enough to return, affect the colony, or be remembered, add them. Cast members are not protected — they can change allegiance, disappear, or die. When someone permanently leaves the story, give them an end date.</p>
-        <p>The <strong>Glossary</strong> records concepts unique to the colony: technologies, places, customs, discoveries, slang. If players are likely to ask “what does that mean?” later, it probably belongs there. Existing entries can be expanded as the history reveals more.</p>
+        <p>The <strong>Glossary</strong> records concepts unique to the colony: technologies, places, customs, discoveries, slang. If players are likely to ask "what does that mean?" later, it probably belongs there. Existing entries can be expanded as the history reveals more.</p>
         <p>On your turn, instead of creating something yourself, you may <strong>draw a Card</strong>. Each Card gives you two alternatives, A and B. Choose one and do what it says. Cards can break the normal rules — a non-Director can open a Project if a Card says so. Cards cannot break Truths. Drawing a Card uses your entire action.</p>
-        <blockquote>”Dr. Ilya Venn — Chief reactor physicist. Brilliant, impatient, and absolutely certain the reactor failed because someone sabotaged it. Years later, another player creates an Event where Ilya disappears while investigating maintenance records. Their Cast entry receives an end date — but their fate is left unknown.”</blockquote>
+        <blockquote>"Dr. Ilya Venn — Chief reactor physicist. Brilliant, impatient, and absolutely certain the reactor failed because someone sabotaged it. Years later, another player creates an Event where Ilya disappears while investigating maintenance records. Their Cast entry receives an end date — but their fate is left unknown."</blockquote>
       </div>
     </section>
 
-    <img class=”divider” src=”assets/divider.svg” alt=”” />
+    <img class="divider" src="assets/divider.svg" alt="" />
 
-    <section class=”document” id=”setup”>
-      <div class=”eyebrow”>Before Play // Setup</div>
-      <h2 style=”color:var(--ink)”>Create the Colony</h2>
+    <section class="document" id="setup">
+      <div class="eyebrow">Before Play // Setup</div>
+      <h2 style="color:var(--ink)">Create the Colony</h2>
       <h3>Three steps before the first round</h3>
       <p>Together, give your colony a title and a short description. Establish what everyone needs to know before play begins, but leave room for discovery. Decide when the history begins and ends — dates use ISO format, such as <code>2247-03-13</code>.</p>
       <p>Then create two Events together: an <strong>Opening Event</strong> at the beginning of the timeframe and a <strong>Closing Event</strong> at the end. Give each a Mood, Light or Dark. These Events form the edges of your canvas. They do not explain how the colony gets from one to the other.</p>
@@ -327,7 +327,7 @@
   </main>
 
   <footer>
-    <div class=”shell”>
+    <div class="shell">
       <p>Space Station 33<br />Collaborative Colony History</p>
       <p>You are not completing the colony's story.<br />You are creating the place where its next story can begin.</p>
     </div>