add readme

README.md

@@ -0,0 +1,39 @@
+<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,57 +2,21 @@
 title = "Welcome"
 +++
 
-## Welcome to my world!
+## Welcome to the otherworld!
-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.
+It does look good, doesn't it? C'mon, it really is
 
-## My contacts
+## Long text to make it look like this page has content
-You can send me an email (preferred): [me@blek.codes](mailto:me@blek.codes)  
+mroreowrmewormeowrmoewrmoewmroweemrweoermooewower :3
-I can also be reached via [telegram](https://t.me/bleki42).
 
-<div class='js-only'>
+Crazy? I used to be crazy. They locked me in a room.
-    My time in my timezone is: <span id='time'></span>
+A rubber room. A rubber room with rats. And rats make
-    <script>
+me crazy. Crazy? I used to be crazy. They locked me
-        (async () => {
+in a room. A rubber room. A rubber room with rats. And
-            function update() {
+rats make me crazy. Crazy? Yes, i am crazy UwU
-                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
 
@@ -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)
 
 

sass/screen.scss

@@ -29,6 +29,7 @@
 
     text-align: center;
     width: 80%;
+    max-width: 1200px;
     left: 50%;
     transform: translateX(-50%);
 

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