diff --git a/assets/style.css b/assets/style.css
index 5b418d1..a788a01 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -22,8 +22,7 @@ html {
 
 body {
   margin: 0;
-  padding: 0.1px 1rem;
-  padding-block-end: 1.5rem;
+  padding: 0.1px 2ch;
   min-height: 100%;
   box-sizing: border-box;
   width: 100%;
@@ -31,4 +30,18 @@ body {
   background: var(--color-bg);
   color: var(--color-text);
   font-family: var(--font-main);
+}
+
+.matkap_ascii {
+  display: inline-block;
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  width: 80ch;
+  white-space: pre;
+  user-select: none;
+  pointer-events: none;
+  /* z-index: -1; */
+  opacity: 0.1;
+  line-height: 1;
 }
\ No newline at end of file
diff --git a/index.js b/index.js
index e008101..001a651 100644
--- a/index.js
+++ b/index.js
@@ -30,6 +30,29 @@ app.set('view engine', 'ejs');
 app.use('/assets', express.static('assets'));
 app.set('views', path.join(__dirname, "views", "pages"));
 
+app.locals.siteMap = [
+  {
+    link: "blurbs",
+    description: "what are other sites saying about abtmtr.link?"
+  },
+  {
+    link: "updates",
+    description: "what's going on with abtmtr.link?"
+  },
+  {
+    link: "servers",
+    description: "about the services on abtmtr.link and the machines that serve them."
+  },
+  {
+    link: "sites",
+    description: "a collection of other sites in the form of 88x31s."
+  },
+  {
+    link: "about",
+    description: "who runs abtmtr.link?"
+  }
+]
+
 app.get('/', async (req, res) => {
   const statusesJson = await fetch("https://cdn.abtmtr.link/site_content/v13/statuses.json")
     .catch(() => res.status(500).send())
diff --git a/views/art/MATKAP_ASCII.txt b/views/art/MATKAP_ASCII.txt
new file mode 100644
index 0000000..2c21ddf
--- /dev/null
+++ b/views/art/MATKAP_ASCII.txt
@@ -0,0 +1,36 @@
+
+                                             *▄▄▄                               
+                                            ▄▀. ▀██▄                            
+                                         ▄█▀       ▀█▄                          
+                                       ▄██▀         `██¿                        
+                                    _███└             ▀██▄                      
+                          _▄__    ▄██▀  ▄_             ▀██▄                     
+                          ▀█_ ²T══█▄▄J_ ▐█▀▄≡           º██                     
+                            ▀▄       _²²T▀ `█▄»          └█_  ▄                 
+                         _▄▄æ═               ▀█░_         █▌═└█                 
+                  ,█▀▀  ▀██▄▄                  ██░_       ▐▌░ █                 
+                  █    ▄A▀└                     ▀█▄v _    ▐▌░╤▄_                
+                    ,█▀                           ▀▀██░   █▌░  █`               
+                  ▄▄██▄▄▄         _▄▄___            ▀▀█▄▄▄▄▄▄▄▀_ ▄▄▄J___        
+               ▄██▀▀░░░░▀█▄     ▄████▀▀▀██▄              .,.   ▀▀▀▀▀▀▀▀▀▀▀█     
+              ██▀░░░░░░░░░▀█_ ▄▄█▀▀░░░░░░░▀██▄                            █_    
+             ╒██▄▄░▄▄▄▄▄▄▄▄██▄██▄▄▄▄▄▄░░░░░░██                            █_    
+       ▄▄▄▄▄▄██          █▌ ███▌     ,'└└▀█▀└█r        _                 ▐█     
+      ███████ █▌            █▌█▌          ▀ ▐█∩        █▌                █▀     
+      ███████  ▀█▄═       _█▀º░█▄          ┌█▀         ██µ▄▄═T└         █▌      
+      `█████▌  º░▀█▄▄J;¿▄█▀░º  ░▀█▄J     ▄▄▀░`      _▄═██░            _██       
+       ╘███▀      º²╜▀░░²º      `░░▀▀▀▀▀▀▀░           ███░           j█▀        
+        ╘██▄                         `ººº            ╒███░      ▀═▄▄██▀         
+          ▀██¿                             ═       ▄▄███▄__     ¡▄███─          
+            ▀██▄                        _▄▀        ╓███░░ *▄▄▄████¡ ▐▌          
+              └▀█▄_                  ▄▄█▌      ⁿ▄▄████░∩..⌐─▀▀:░∩ █▌▌█          
+                 ▀███▄_          _▄█▀▀└└      _▄███▀░░░█░░░█░▀█æ╧▀  ▐█          
+                   └▀█████▄▄▄██▀▀└       _▄▄▄██▀█.▀█º░░▀▄_▐▌        ▀█∩         
+                    ┌█▀ ,²▀▀██▀█████████▀▀▀▀▀▀█▄▌  ª█▄░   '.         ▀█▄▄▄═▄    
+                   ▀▀   ▄▄░░▀░░██░░░░░░░░░░░░░▄█░    █:                 └  █    
+                      j█▀  `ººº └▀█Ñ▄_░░░░░░░█▀   ▄"█▄▀▄Y▄                █▀    
+                     ██        ▐▄_ ²▀▀▀▀╤███▀   ,█:  ▀██▀▀▄▄           ══▀:     
+                   ███           ²▀╤▄_  ''    ¬▀_     ▀██.º█∩   █▌              
+                 ,██¡                                   ▀█░░█▄  ╘█              
+                 █▀                                      ▀█▀  ▀▄_└█▄            
+                █▀                                        ▀█     └└             
\ No newline at end of file
diff --git a/views/components/footer.ejs b/views/components/footer.ejs
index b84d3ed..0168974 100644
--- a/views/components/footer.ejs
+++ b/views/components/footer.ejs
@@ -6,4 +6,5 @@
     fork <a href="https://git.abtmtr.link/MeowcaTheoRange/abtmtr-v13/">MeowcaTheoRange/abtmtr-v13</a> with git
   </p>
   <p>font is <a href="https://int10h.org/oldschool-pc-fonts/fontlist/font?dos-v_re_jpn12">DOS/V re. JPN12</a> from <a href="https://int10h.org/oldschool-pc-fonts/">THE OLDSCHOOL PC FONT RESOURCE</a></p>
+  <p>some elements inspired by <a href="https://msx.horse/">msx.horse</a> (simply a neat site)</p>
 </footer>
\ No newline at end of file
diff --git a/views/components/post-main.ejs b/views/components/post-main.ejs
new file mode 100644
index 0000000..895bd1a
--- /dev/null
+++ b/views/components/post-main.ejs
@@ -0,0 +1 @@
+<span class="matkap_ascii" aria-hidden="true" hidden><%- include("../art/MATKAP_ASCII.txt") %></span>
\ No newline at end of file
diff --git a/views/pages/404.ejs b/views/pages/404.ejs
index 849d692..649628b 100644
--- a/views/pages/404.ejs
+++ b/views/pages/404.ejs
@@ -8,5 +8,6 @@
       <p>&lt;&lt; <a href="/">go back home</a></p>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
   </body>
 </html>
\ No newline at end of file
diff --git a/views/pages/about.ejs b/views/pages/about.ejs
index 4e1a521..a3804e4 100644
--- a/views/pages/about.ejs
+++ b/views/pages/about.ejs
@@ -41,5 +41,6 @@
       </ul>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
   </body>
 </html>
\ No newline at end of file
diff --git a/views/pages/blurbs.ejs b/views/pages/blurbs.ejs
index c2a9598..e52bf8c 100644
--- a/views/pages/blurbs.ejs
+++ b/views/pages/blurbs.ejs
@@ -34,6 +34,7 @@
       </ul>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
     <style>
       .blurb .removePopup {
         visibility: hidden;
diff --git a/views/pages/blurbsent.ejs b/views/pages/blurbsent.ejs
index 71a8e6e..699bba4 100644
--- a/views/pages/blurbsent.ejs
+++ b/views/pages/blurbsent.ejs
@@ -21,6 +21,7 @@
       <p style="opacity: 0.5;">can't/don't want to add the snippet? <a href="/about" target="_blank">contact me</a>.</p>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
     <style>
       .blurb .removePopup {
         visibility: hidden;
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index 0272df9..886197c 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -7,28 +7,15 @@
       <p>abtmtr.link is a domain for all kinds of services,<br />from web search to live-streaming.</p>
       <h2>site links</h2>
       <ul>
-        <li>
-          <h3><a href="/blurbs/">blurbs</a></h3>
-          <p class="nomargin">what are other sites saying about abtmtr.link?</p>
-        </li>
-        <li>
-          <h3><a href="/updates/">updates</a></h3>
-          <p class="nomargin">what's going on with abtmtr.link?</p>
-        </li>
-        <li>
-          <h3><a href="/servers/">servers</a></h3>
-          <p class="nomargin">about the services on abtmtr.link and the machines that serve them.</p>
-        </li>
-        <li>
-          <h3><a href="/sites/">sites</a></h3>
-          <p class="nomargin">a collection of other sites in the form of 88x31s.</p>
-        </li>
-        <li>
-          <h3><a href="/about/">about</a></h3>
-          <p class="nomargin">who runs abtmtr.link?</p>
-        </li>
+        <% siteMap.forEach((crumb) => { %>
+          <li>
+            <h3><a href="/<%= crumb.link %>/"><%= crumb.link %></a></h3>
+            <p class="nomargin"><%= crumb.description %></p>
+          </li>
+        <% }) %>
       </ul>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
   </body>
 </html>
\ No newline at end of file
diff --git a/views/pages/servers.ejs b/views/pages/servers.ejs
index 4c6d3a0..fa7e91e 100644
--- a/views/pages/servers.ejs
+++ b/views/pages/servers.ejs
@@ -28,5 +28,6 @@
       </ul>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
   </body>
 </html>
\ No newline at end of file
diff --git a/views/pages/sites.ejs b/views/pages/sites.ejs
index 87b39f6..4b8eed9 100644
--- a/views/pages/sites.ejs
+++ b/views/pages/sites.ejs
@@ -27,6 +27,7 @@
       </div>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
     <style>
 @property --hue {
   syntax: '<number>';
diff --git a/views/pages/updates.ejs b/views/pages/updates.ejs
index 580f635..100be08 100644
--- a/views/pages/updates.ejs
+++ b/views/pages/updates.ejs
@@ -18,5 +18,6 @@
       </ul>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
   </body>
 </html>
\ No newline at end of file