From 1c6395bcfd70e89c203e7dd7d2bf85e99c527e4f Mon Sep 17 00:00:00 2001
From: b1ek <me@blek.codes>
Date: Sun, 3 Mar 2024 19:48:47 +1000
Subject: [PATCH] Revert "adapt the content for display"

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

diff --git a/content/_index.md b/content/_index.md
index 35dbc60..6dbe54c 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -2,21 +2,57 @@
 title = "Welcome"
 +++
 
-## Welcome to the otherworld!
-It does look good, doesn't it? C'mon, it really is
+## 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.
 
-## Long text to make it look like this page has content
-mroreowrmewormeowrmoewrmoewmroweemrweoermooewower :3
+## 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).
 
-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
+<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).
 
 ## 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
 
@@ -24,7 +60,11 @@ Reject social media. It's evil
 
 ---
 
+### World's thoughts
+
+Did you ever wonder what a [caterpillar](/caterpillar) looks like?
+
 ### Links
-- [git repo of the theme](https://git.blek.codes/blek/otherworld)
+- [a funny techy podcast](https://www.youtube.com/@tsarp)
 
 
diff --git a/sass/screen.scss b/sass/screen.scss
index b8940c7..b3c6a0f 100644
--- a/sass/screen.scss
+++ b/sass/screen.scss
@@ -29,7 +29,6 @@
 
     text-align: center;
     width: 80%;
-    max-width: 1200px;
     left: 50%;
     transform: translateX(-50%);
 
@@ -71,4 +70,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 1c56693..2f38620 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -13,14 +13,14 @@
             * { font-family: 'Noto Serif JP' }
         </style>
 
-        <title>Otherworld</title>
+        <title>blek! World</title>
     </head>
 
     <body>
         <div class='screen bg'></div>
         <div class='screen content'>
             <h1 style='margin-bottom:0'>
-                <a href='/' class="title-a">Otherworldly</a>
+                <a href='/' class="title-a">blek! World</a>
             </h1>
             <hr style='margin:0 auto'/>