forked from blek/world
1
0
Fork 0

init repo

This commit is contained in:
blek 2023-12-21 22:26:13 +10:00
commit e856e5c975
Signed by: blek
GPG Key ID: 14546221E3595D0C
8 changed files with 140 additions and 0 deletions

16
config.toml Normal file
View File

@ -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

30
content/_index.md Normal file
View File

@ -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>

1
public/base.css Normal file
View File

@ -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}

1
public/screen.css Normal file
View File

@ -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}

25
sass/base.scss Normal file
View File

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

30
sass/screen.scss Normal file
View File

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

28
templates/base.html Normal file
View File

@ -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>

9
templates/index.html Normal file
View File

@ -0,0 +1,9 @@
{% extends "base.html" %}
{% block content %}
<div class='md-content'>
{{ section.content | safe }}
</div>
{% endblock content %}