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