ReduxStation · s950tx16wasr10 · May 18, 2026 · May 18, 2026 · May 18, 2026 · May 18, 2026
diff --git a/_data/nav.yaml b/_data/nav.yaml
@@ -1,21 +1,21 @@
 - label: Home
   url: /
-  icon: "\U0001F3E0"
+  icon: home.png
 - label: Discord
   url: https://discord.gg/wUqCpBH7Ua
-  icon: "\U0001F4AC"
+  icon: discord.png
 - label: Wiki
   url: https://wiki.reduxstation.com
-  icon: "\U0001F4D6"
+  icon: wiki.png
 - label: GitHub
   url: https://github.com/ReduxStation/ReduxStation
-  icon: "⚡"
-- label: Statbus
+  icon: github.png
+- label: StatBus
   url: https://stats.reduxstation.com
-  icon: "\U0001F4CA"
+  icon: statbus.png
 - label: Logs
   url: https://logs.reduxstation.com
-  icon: "\U0001F4DC"
-- label: Webmap
+  icon: logs.png
+- label: WebMap
   url: https://map.reduxstation.com
-  icon: "\U0001F5FA"
+  icon: webmap.png
diff --git a/_data/site.yaml b/_data/site.yaml
@@ -1,5 +1,5 @@
 brand: ReduxStation 13
-tagline: Space Station 13, refreshed
+tagline: HippieStation refreshed and on tap.
 domain: reduxstation.com
 byond_url: byond://reduxstation.com:1337
 github_repo: https://github.com/ReduxStation/website

diff --git a/img/favicon/favicon.ico b/img/favicon/favicon.ico
diff --git a/img/favicon/icon-16.png b/img/favicon/icon-16.png
diff --git a/img/favicon/icon-256.png b/img/favicon/icon-256.png
diff --git a/img/favicon/icon-32.png b/img/favicon/icon-32.png
diff --git a/img/favicon/icon-512.png b/img/favicon/icon-512.png
diff --git a/img/favicon/icon-64.png b/img/favicon/icon-64.png
diff --git a/img/icons/discord.png b/img/icons/discord.png
diff --git a/img/icons/github.png b/img/icons/github.png
diff --git a/img/icons/home.png b/img/icons/home.png
diff --git a/img/icons/logs.png b/img/icons/logs.png
diff --git a/img/icons/statbus.png b/img/icons/statbus.png
diff --git a/img/icons/webmap.png b/img/icons/webmap.png
diff --git a/img/icons/wiki.png b/img/icons/wiki.png
diff --git a/index.njk b/index.njk
@@ -5,7 +5,13 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{{ site.brand }} - {{ site.tagline }}</title>
   <meta name="description" content="{{ site.brand }} - {{ site.tagline }}. Join us on {{ site.byond_url }}.">
-  <link rel="icon" type="image/svg+xml" href='data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect width="16" height="16" fill="%23000080"/><text x="8" y="12" font-family="MS Sans Serif,Tahoma,sans-serif" font-size="11" font-weight="bold" fill="white" text-anchor="middle">R</text></svg>'>
+  <link rel="icon" href="/assets/img/favicon/favicon.ico?v={% buildId %}" sizes="any">
+  <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/icon-16.png?v={% buildId %}">
+  <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/icon-32.png?v={% buildId %}">
+  <link rel="icon" type="image/png" sizes="64x64" href="/assets/img/favicon/icon-64.png?v={% buildId %}">
+  <link rel="icon" type="image/png" sizes="256x256" href="/assets/img/favicon/icon-256.png?v={% buildId %}">
+  <link rel="icon" type="image/png" sizes="512x512" href="/assets/img/favicon/icon-512.png?v={% buildId %}">
+  <link rel="apple-touch-icon" sizes="256x256" href="/assets/img/favicon/icon-256.png?v={% buildId %}">
   <link rel="stylesheet" href="{% webpack 'main.css' %}?v={% buildId %}">
 </head>
 <body>
@@ -24,7 +30,7 @@
 <main class="window" role="main">
   <div class="title-bar">
     <div class="path">
-      <span class="title-icon" aria-hidden="true">&#x1F4BB;</span>
+      <img class="title-icon" src="/assets/img/favicon/icon-16.png?v={% buildId %}" alt="" aria-hidden="true" width="16" height="16">
       <span class="title-text">{{ site.brand }} - {{ site.domain }}</span>
     </div>
     <div class="controls" aria-hidden="true">
@@ -73,11 +79,11 @@
       <h2 class="section-title">README.txt</h2>
       <div class="text-box">
         <p><strong>Space Station 13</strong> is a paranoia-laden round-based roleplaying game set on a metal death trap masquerading as a space station. {{ site.brand }} is a fork focused on a refreshed experience.</p>
+        <p>{{ site.brand }} is a hash on the classic LRP SS13 experience that was once comandeered by HippieStation. {{ site.brand }} has an older codebase from 2020 and focuses more on preserving the older editions of SS13.</p>
         <p>To join you need the BYOND client. Download it, then connect to <code>{{ site.byond_url }}</code>.</p>
         <div class="button-row">
           <a class="pda-button" href="https://www.byond.com/download/" target="_blank" rel="noreferrer noopener">Get BYOND</a>
           <a class="pda-button" href="{{ site.byond_url }}">Join Server</a>
-          <a class="pda-button" href="https://github.com/tgstation/tgstation/blob/master/.github/guides/RUNNING_A_SERVER.md" target="_blank" rel="noreferrer noopener">Host a Server</a>
         </div>
       </div>
     </section>
@@ -107,7 +113,7 @@
       <nav class="nav-grid" aria-label="Site links">
         {% for item in nav %}
           <a class="nav-tile pda-button" href="{{ item.url }}"{% if item.url.startsWith("http") %} target="_blank" rel="noreferrer noopener"{% endif %}>
-            <span class="nav-icon" aria-hidden="true">{{ item.icon }}</span>
+            <img class="nav-icon" src="/assets/img/icons/{{ item.icon }}?v={% buildId %}" alt="" aria-hidden="true" width="16" height="16">
             <span class="nav-label">{{ item.label }}</span>
           </a>
         {% endfor %}

diff --git a/sass/pda.scss b/sass/pda.scss
@@ -91,7 +91,13 @@ body {
   min-width: 0;
 }
 
-.title-bar .title-icon { flex-shrink: 0; font-size: 12px; }
+.title-bar .title-icon {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  image-rendering: pixelated;
+  image-rendering: crisp-edges;
+}
 
 .title-bar .controls {
   display: flex;
@@ -216,8 +222,6 @@ body {
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 8px;
-  padding-bottom: 2px;
-  border-bottom: 1px solid $pda-divider;
 }
 
 // ----- Alerts -----
@@ -290,7 +294,7 @@ body {
   border-left: 1px solid $pda-border-light;
   border-right: 1px solid $pda-border-dark;
   border-bottom: 1px solid $pda-border-dark;
-  padding: 6px 14px;
+  padding: 3px 12px;
   font-family: "MS Sans Serif", Tahoma, sans-serif;
   font-size: 11px;
   font-weight: normal;
@@ -308,8 +312,8 @@ body {
   border-left: 1px solid $pda-border-dark;
   border-right: 1px solid $pda-border-light;
   border-bottom: 1px solid $pda-border-light;
-  padding-top: 7px;
-  padding-bottom: 5px;
+  padding-top: 4px;
+  padding-bottom: 2px;
 }
 
 .button-row {
@@ -422,15 +426,18 @@ body {
 
 .nav-tile {
   flex-direction: column;
-  padding: 14px 8px;
+  padding: 10px 8px;
   gap: 6px;
   text-align: center;
   font-family: "MS Sans Serif", Tahoma, sans-serif;
 }
 
 .nav-tile .nav-icon {
-  font-size: 28px;
-  line-height: 1;
+  width: 32px;
+  height: 32px;
+  // Win95 icons are pixel art — keep them crisp at integer scale.
+  image-rendering: pixelated;
+  image-rendering: crisp-edges;
 }
 
 .nav-tile .nav-label {
@@ -540,7 +547,7 @@ pre {
   .window { max-width: calc(100vw - 0.5rem); }
   .brand-title { font-size: 22px; }
   .content { padding: 8px; gap: 12px; }
-  .nav-tile .nav-icon { font-size: 22px; }
+  .nav-tile .nav-icon { width: 24px; height: 24px; }
 }
 
 // ----- Reduced motion preference -----