From 296c86dec06436562129a79d73383ae08107611a Mon Sep 17 00:00:00 2001
From: b1ek <me@blek.codes>
Date: Sun, 3 Mar 2024 18:54:25 +1000
Subject: [PATCH] adapt the content for display

---
 content/_index.md   | 60 ++++++++-------------------------------------
 sass/screen.scss    |  3 ++-
 templates/base.html |  4 +--
 3 files changed, 14 insertions(+), 53 deletions(-)

diff --git a/content/_index.md b/content/_index.md
index 6dbe54c..35dbc60 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -2,57 +2,21 @@
 title = "Welcome"
 +++
 
-## Welcome to my world!
-Hello there! My name is Alice and i am a fullstack web dev. I like to start a lot of side projects, but finish only a few of them.
+## Welcome to the otherworld!
+It does look good, doesn't it? C'mon, it really is
 
-## My contacts
-You can send me an email (preferred): [me@blek.codes](mailto:me@blek.codes)  
-I can also be reached via [telegram](https://t.me/bleki42).
+## Long text to make it look like this page has content
+mroreowrmewormeowrmoewrmoewmroweemrweoermooewower :3
 
-<div class='js-only'>
-    My time in my timezone is: <span id='time'></span>
-    <script>
-        (async () => {
-            function update() {
-                document.getElementById('time').innerText = new Date(
-                    new Date().toLocaleString('en-US', { timeZone: 'Asia/Vladivostok' })
-                ).toLocaleString('en-US', {
-                    hour: 'numeric',
-                    minute: 'numeric',
-                    second: 'numeric',
-                    hourCycle: 'h24'
-                });
-                setTimeout(update, 1000);
-            }
-            update()
-        })()
-    </script>
-</div>
-
-I also made a lil badge to show if i am currently online. Cool, huh?  
-<img src='https://online.blek.codes/gif' height='31px' width='88px' alt='A badge showing if i am online or not. Sorry, the only way to know it is to load the gif. It would be all greeny if i am online' />  
-<a href='/online-badge'>how does it work?</a>
-
-<div class='js-only'>
-
-## Metrics
-This website collects anonymous metrics via [umami](https://umami.is). Anonymous means there is no identity attached to those metrics.  
-Also you can view it [here](https://umami.blek.codes/share/ucLh7hS5xcXCpklV/world)
-
-</div>
-
-## Projects
-You can find the list of my projects [here](/projects).
+Crazy? I used to be crazy. They locked me in a room.
+A rubber room. A rubber room with rats. And rats make
+me crazy. Crazy? I used to be crazy. They locked me
+in a room. A rubber room. A rubber room with rats. And
+rats make me crazy. Crazy? Yes, i am crazy UwU
 
 ## Blog
 See [here](/blog)
 
-## Webrings!!
-I like webrings.
-
-<a href="https://webring.haaien.xyz/#1" target="_blank" rel="noopener"><img src="/hairing.gif" alt="A button saying haaien webring" height='31px' width='88px'/></a>
-<a href="https://acingtheinternet.netlify.app" target="_blank" rel="noopener"><img src="/acenow.gif" alt="A button saying asexuals now" height='31px' width='88px'></a>
-
 ## Facebook & social media
 Reject social media. It's evil
 
@@ -60,11 +24,7 @@ Reject social media. It's evil
 
 ---
 
-### World's thoughts
-
-Did you ever wonder what a [caterpillar](/caterpillar) looks like?
-
 ### Links
-- [a funny techy podcast](https://www.youtube.com/@tsarp)
+- [git repo of the theme](https://git.blek.codes/blek/otherworld)
 
 
diff --git a/sass/screen.scss b/sass/screen.scss
index b3c6a0f..b8940c7 100644
--- a/sass/screen.scss
+++ b/sass/screen.scss
@@ -29,6 +29,7 @@
 
     text-align: center;
     width: 80%;
+    max-width: 1200px;
     left: 50%;
     transform: translateX(-50%);
 
@@ -70,4 +71,4 @@
         animation-delay: 1.5s;
         animation-fill-mode: forwards;
     }
-}
\ No newline at end of file
+}
diff --git a/templates/base.html b/templates/base.html
index 2f38620..1c56693 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -13,14 +13,14 @@
             * { font-family: 'Noto Serif JP' }
         </style>
 
-        <title>blek! World</title>
+        <title>Otherworld</title>
     </head>
 
     <body>
         <div class='screen bg'></div>
         <div class='screen content'>
             <h1 style='margin-bottom:0'>
-                <a href='/' class="title-a">blek! World</a>
+                <a href='/' class="title-a">Otherworldly</a>
             </h1>
             <hr style='margin:0 auto'/>