From e856e5c975a049c92064fb62fc6e8afc452c2717 Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Thu, 21 Dec 2023 22:26:13 +1000
Subject: [PATCH] init repo

---
 config.toml          | 16 ++++++++++++++++
 content/_index.md    | 30 ++++++++++++++++++++++++++++++
 public/base.css      |  1 +
 public/screen.css    |  1 +
 sass/base.scss       | 25 +++++++++++++++++++++++++
 sass/screen.scss     | 30 ++++++++++++++++++++++++++++++
 templates/base.html  | 28 ++++++++++++++++++++++++++++
 templates/index.html |  9 +++++++++
 8 files changed, 140 insertions(+)
 create mode 100644 config.toml
 create mode 100644 content/_index.md
 create mode 100644 public/base.css
 create mode 100644 public/screen.css
 create mode 100644 sass/base.scss
 create mode 100644 sass/screen.scss
 create mode 100644 templates/base.html
 create mode 100644 templates/index.html

diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000..ca05876
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,16 @@
+# The URL the site will be built for
+base_url = "https://blek.codes"
+
+# Whether to automatically compile all Sass files in the sass directory
+compile_sass = true
+
+# Whether to build a search index to be used later on by a JavaScript library
+build_search_index = false
+
+[markdown]
+# Whether to do syntax highlighting
+# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
+highlight_code = false
+
+[extra]
+# Put all your custom variables here
diff --git a/content/_index.md b/content/_index.md
new file mode 100644
index 0000000..b271c94
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,30 @@
++++
+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.
+
+## 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).
+
+<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>
diff --git a/public/base.css b/public/base.css
new file mode 100644
index 0000000..b2dffb9
--- /dev/null
+++ b/public/base.css
@@ -0,0 +1 @@
+h1{font-size:3em}h2{font-size:1.5em}h3{font-size:1em}.md-content h1{font-size:2.5em}.md-content h2{font-size:2em}.md-content h3{font-size:1.5em}a,a:visited{color:#00a8a8}
\ No newline at end of file
diff --git a/public/screen.css b/public/screen.css
new file mode 100644
index 0000000..671cd62
--- /dev/null
+++ b/public/screen.css
@@ -0,0 +1 @@
+.screen{position:fixed;top:0;left:0;width:100%;height:100%}.bg{z-index:0;background:#000 url(/sunset.gif) no-repeat;background-size:cover;background-position:bottom;filter:brightness(.25);box-shadow:inset 0 0 512px 128px #000}.content{z-index:1;color:#c1c4c1;padding:40px;text-align:center;width:80%;left:50%;transform:translateX(-50%)}.content .md-content{text-align:left}
\ No newline at end of file
diff --git a/sass/base.scss b/sass/base.scss
new file mode 100644
index 0000000..ee0bf71
--- /dev/null
+++ b/sass/base.scss
@@ -0,0 +1,25 @@
+h1 {
+    font-size: 3em;
+}
+h2 {
+    font-size: 1.5em;
+}
+h3 {
+    font-size: 1em;
+}
+
+.md-content {
+    h1 {
+        font-size: 2.5em;
+    }
+    h2 {
+        font-size: 2em;
+    }
+    h3 {
+        font-size: 1.5em;
+    }
+}
+
+a, a:visited {
+    color: #00a8a8;
+}
\ No newline at end of file
diff --git a/sass/screen.scss b/sass/screen.scss
new file mode 100644
index 0000000..0e065a9
--- /dev/null
+++ b/sass/screen.scss
@@ -0,0 +1,30 @@
+.screen {
+    position: fixed;
+    top: 0; left: 0;
+    width: 100%; height: 100%;
+}
+
+.bg {
+    z-index: 0;
+
+    background: black url(/sunset.gif) no-repeat;
+    background-size: cover;
+    background-position: bottom;
+    filter: brightness(0.25);
+    box-shadow: inset 0 0 512px 128px black;
+}
+
+.content {
+    z-index: 1;
+    color: #c1c4c1;
+    padding: 40px;
+
+    text-align: center;
+    width: 80%;
+    left: 50%;
+    transform: translateX(-50%);
+
+    .md-content {
+        text-align: left;
+    }
+}
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..86a1fb2
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang='en'>
+    <head>
+        <meta charset='utf8'>
+
+        <link rel='stylesheet' href='/base.css'>
+        <link rel='stylesheet' href='/screen.css'>
+
+        <title>blek! World</title>
+    </head>
+
+    <body>
+        <div class='screen bg'></div>
+        <div class='screen content'>
+            <h1 style='margin-bottom:0.25em'>blek! World</h1>
+            <h2>{{ section.title }}</h2>
+
+            {% block content %} {% endblock %}
+            
+            <p style='font-size:80%;text-align:center;margin-top:320px'>
+                Background credit to
+                <a style='color:gray !important' href="https://tenor.com/view/retro-aesthetic-gif-19478658">
+                    tenor
+                </a>
+            </p>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..d93185b
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<div class='md-content'>
+    {{ section.content | safe }}
+</div>
+
+{% endblock content %}
\ No newline at end of file