matkap ascii art

assets/style.css

@@ -22,8 +22,7 @@ html {
 
 body {
   margin: 0;
-  padding: 0.1px 1rem;
+  padding: 0.1px 2ch;
-  padding-block-end: 1.5rem;
   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;
 }

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())

views/art/MATKAP_ASCII.txt

@@ -0,0 +1,36 @@
+
+                                             *▄▄▄                               
+                                            ▄▀. ▀██▄                            
+                                         ▄█▀       ▀█▄                          
+                                       ▄██▀         `██¿                        
+                                    _███└             ▀██▄                      
+                          _▄__    ▄██▀  ▄_             ▀██▄                     
+                          ▀█_ ²T══█▄▄J_ ▐█▀▄≡           º██                     
+                            ▀▄       _²²T▀ `█▄»          └█_  ▄                 
+                         _▄▄æ═               ▀█░_         █▌═└█                 
+                  ,█▀▀  ▀██▄▄                  ██░_       ▐▌░ █                 
+                  █    ▄A▀└                     ▀█▄v _    ▐▌░╤▄_                
+                    ,█▀                           ▀▀██░   █▌░  █`               
+                  ▄▄██▄▄▄         _▄▄___            ▀▀█▄▄▄▄▄▄▄▀_ ▄▄▄J___        
+               ▄██▀▀░░░░▀█▄     ▄████▀▀▀██▄              .,.   ▀▀▀▀▀▀▀▀▀▀▀█     
+              ██▀░░░░░░░░░▀█_ ▄▄█▀▀░░░░░░░▀██▄                            █_    
+             ╒██▄▄░▄▄▄▄▄▄▄▄██▄██▄▄▄▄▄▄░░░░░░██                            █_    
+       ▄▄▄▄▄▄██          █▌ ███▌     ,'└└▀█▀└█r        _                 ▐█     
+      ███████ █▌            █▌█▌          ▀ ▐█∩        █▌                █▀     
+      ███████  ▀█▄═       _█▀º░█▄          ┌█▀         ██µ▄▄═T└         █▌      
+      `█████▌  º░▀█▄▄J;¿▄█▀░º  ░▀█▄J     ▄▄▀░`      _▄═██░            _██       
+       ╘███▀      º²╜▀░░²º      `░░▀▀▀▀▀▀▀░           ███░           j█▀        
+        ╘██▄                         `ººº            ╒███░      ▀═▄▄██▀         
+          ▀██¿                             ═       ▄▄███▄__     ¡▄███─          
+            ▀██▄                        _▄▀        ╓███░░ *▄▄▄████¡ ▐▌          
+              └▀█▄_                  ▄▄█▌      ⁿ▄▄████░∩..⌐─▀▀:░∩ █▌▌█          
+                 ▀███▄_          _▄█▀▀└└      _▄███▀░░░█░░░█░▀█æ╧▀  ▐█          
+                   └▀█████▄▄▄██▀▀└       _▄▄▄██▀█.▀█º░░▀▄_▐▌        ▀█∩         
+                    ┌█▀ ,²▀▀██▀█████████▀▀▀▀▀▀█▄▌  ª█▄░   '.         ▀█▄▄▄═▄    
+                   ▀▀   ▄▄░░▀░░██░░░░░░░░░░░░░▄█░    █:                 └  █    
+                      j█▀  `ººº └▀█Ñ▄_░░░░░░░█▀   ▄"█▄▀▄Y▄                █▀    
+                     ██        ▐▄_ ²▀▀▀▀╤███▀   ,█:  ▀██▀▀▄▄           ══▀:     
+                   ███           ²▀╤▄_  ''    ¬▀_     ▀██.º█∩   █▌              
+                 ,██¡                                   ▀█░░█▄  ╘█              
+                 █▀                                      ▀█▀  ▀▄_└█▄            
+                █▀                                        ▀█     └└             

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>

views/components/post-main.ejs

@@ -0,0 +1 @@
+<span class="matkap_ascii" aria-hidden="true" hidden><%- include("../art/MATKAP_ASCII.txt") %></span>

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>

views/pages/about.ejs

@@ -41,5 +41,6 @@
       </ul>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
   </body>
 </html>

views/pages/blurbs.ejs

@@ -34,6 +34,7 @@
       </ul>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
     <style>
       .blurb .removePopup {
         visibility: hidden;

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;

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>
+        <% siteMap.forEach((crumb) => { %>
-          <h3><a href="/blurbs/">blurbs</a></h3>
+          <li>
-          <p class="nomargin">what are other sites saying about abtmtr.link?</p>
+            <h3><a href="/<%= crumb.link %>/"><%= crumb.link %></a></h3>
-        </li>
+            <p class="nomargin"><%= crumb.description %></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>
       </ul>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
   </body>
 </html>

views/pages/servers.ejs

@@ -28,5 +28,6 @@
       </ul>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
   </body>
 </html>

views/pages/sites.ejs

@@ -27,6 +27,7 @@
       </div>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
     <style>
 @property --hue {
   syntax: '<number>';

views/pages/updates.ejs

@@ -18,5 +18,6 @@
       </ul>
     </main>
     <%- include("../components/footer.ejs") %>
+    <%- include("../components/post-main.ejs") %>
   </body>
 </html>