forked from blek/world
init repo
This commit is contained in:
commit
e856e5c975
GPG Key ID:
14546221E3595D0C
|
|
@ -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
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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}
|
||||||
|
|
@ -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}
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<div class='md-content'>
|
||||||
|
{{ section.content | safe }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock content %}
|
||||||
Loading…
Reference in New Issue