Revert "adapt the content for display"

This reverts commit 296c86dec0.

README.md

@@ -1,39 +0,0 @@
-<p align='center'>
-    <img src='banner.webp'>
-</p>
-
-<h1 align='center'>
-    otherworld - a zola theme
-</h1>
-
-you can see the demo [here](https://world.blek.codes)
-
-## how to use
-
-### prerequisities
-1. a linux system. you can use windows for that, but this guide centers itself on linux based systems.
-2. you need to have these programs installed: `git` and `zola`
-3. some creativity, html and scss skills
-
-### steps
-#### 1. clone the repo
-(aka download the theme)
-
-lets assume that your website's directory name in `daftpunk`. it will appear in commands a few times, and you should replace it with your website's name.
-
-```sh
-$ git clone git@git.blek.codes:blek/otherworld.git daftpunk
-$ cd daftpunk
-```
-
-#### 2. open an another terminal
-in the same directory, run
-
-```sh
-$ zola serve
-```
-
-#### 3. edit files in the `content` directory...
-
-...as per [zola docs](https://www.getzola.org/documentation/getting-started/overview)
-

content/_index.md

@@ -2,21 +2,57 @@
 title = "Welcome"
 +++
 
-## Welcome to the otherworld!
+## Welcome to my world!
-It does look good, doesn't it? C'mon, it really is
+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
+## My contacts
-mroreowrmewormeowrmoewrmoewmroweemrweoermooewower :3
+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.
+<div class='js-only'>
-A rubber room. A rubber room with rats. And rats make
+    My time in my timezone is: <span id='time'></span>
-me crazy. Crazy? I used to be crazy. They locked me
+    <script>
-in a room. A rubber room. A rubber room with rats. And
+        (async () => {
-rats make me crazy. Crazy? Yes, i am crazy UwU
+            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)
 
 

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;
     }
-}
+}

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'/>