This commit is contained in:
Filip Rojek 2023-08-29 10:08:14 +02:00
parent 93895a5967
commit 35d081abc4
20 changed files with 715 additions and 43 deletions

View File

@ -16,6 +16,7 @@ smart_punctuation = true
git = "https://git.filiprojek.cz/fr/website"
nav_items = [
{name="Home", path="/"},
{name="About", path="/about"},
{name="Projects", path="/projects/"},
{name="Contacts", path="/contact/"},
]

323
content/guitar/tereza.html Normal file
View File

@ -0,0 +1,323 @@
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="chordpro.css">
<link rel="stylesheet" href="chordpro_print.css" media="print">
</head>
<body>
<div class="song">
<style>
@page {
@top-center {
content: counter(song) ". Tereza - Osamělý město";
}
}
</style>
<div class="title">Tereza - Osamělý město</div>
<div class="verse">
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>Ten </td><td>den, co vítr </td><td>listí z města </td><td>svál,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>můj </td><td>džíp se vracel, </td><td>jako by se </td><td>bál,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>že </td><td>asfaltový </td><td>moře odliv </td><td></td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>E </td>
</tr>
<tr class="lyrics">
<td>a </td><td>stáj že svýho </td><td>koně nepoz</td><td>ná.</td>
</tr>
</table>
</div>
<div class="chorus">
<table class="songline">
<tr class="chords">
<td> </td><td>G </td><td>D </td>
</tr>
<tr class="lyrics">
<td>Řekni, </td><td>kolik je na světě, kolik je takovejch </td><td>měst,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>Am </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>řekni, </td><td>kdo by se vracel, všude je tisíce </td><td>cest,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>G </td><td>D </td>
</tr>
<tr class="lyrics">
<td>tenkrát, </td><td>když jsi mi, Terezo, řekla, že ráda mě </td><td>máš,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>Am </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>tenkrát </td><td>ptal jsem se, Terezo, kolik mi polibků </td><td>dáš</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>napos</td><td>led, napos</td><td>led.</td>
</tr>
</table>
</div>
<div class="verse">
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>Já z </td><td>dálky viděl </td><td>město v slunci </td><td>stát</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>a </td><td>dál jsem se jen s </td><td>hrůzou mohl </td><td>ptát,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>proč </td><td>vítr mlátí </td><td>spoustou oke</td><td>nic,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>E </td>
</tr>
<tr class="lyrics">
<td>proč </td><td>jsou v ulici </td><td>auta, jinak </td><td>nic?</td>
</tr>
</table>
</div>
<div class="chorus">
<table class="songline">
<tr class="chords">
<td> </td><td>G </td><td>D </td>
</tr>
<tr class="lyrics">
<td>Řekni, </td><td>kolik je na světě, kolik je takovejch </td><td>měst,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>Am </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>řekni, </td><td>kdo by se vracel, všude je tisíce </td><td>cest,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>G </td><td>D </td>
</tr>
<tr class="lyrics">
<td>tenkrát, </td><td>když jsi mi, Terezo, řekla, že ráda mě </td><td>máš,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>Am </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>tenkrát </td><td>ptal jsem se, Terezo, kolik mi polibků </td><td>dáš</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>napos</td><td>led, napos</td><td>led.</td>
</tr>
</table>
</div>
<div class="verse">
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>Do </td><td>prázdnejch beden z</td><td>otvíranejch </td><td>aut</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>za</td><td>znívá odně</td><td>kud něžný tón </td><td>flaut</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>a v </td><td>závěji sta</td><td>rýho papí</td><td>ru</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>E </td>
</tr>
<tr class="lyrics">
<td></td><td>lej se černý </td><td>klapky z klaví</td><td>ru.</td>
</tr>
</table>
</div>
<div class="chorus">
<table class="songline">
<tr class="chords">
<td> </td><td>G </td><td>D </td>
</tr>
<tr class="lyrics">
<td>Řekni, </td><td>kolik je na světě, kolik je takovejch </td><td>měst,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>Am </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>řekni, </td><td>kdo by se vracel, všude je tisíce </td><td>cest,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>G </td><td>D </td>
</tr>
<tr class="lyrics">
<td>tenkrát, </td><td>když jsi mi, Terezo, řekla, že ráda mě </td><td>máš,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>Am </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>tenkrát </td><td>ptal jsem se, Terezo, kolik mi polibků </td><td>dáš</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>napos</td><td>led, napos</td><td>led.</td>
</tr>
</table>
</div>
<div class="verse">
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>Tak </td><td>loudám se tím </td><td>hrozným městem </td><td>sám</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>a </td><td>vím, že Tere</td><td>zu už nepot</td><td>kám,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>jen </td><td>já tu zůstal s </td><td>prázdnou uli</td><td></td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>C </td><td>D </td><td>E </td>
</tr>
<tr class="lyrics">
<td>a </td><td>vosamělý </td><td>město mlčí</td><td>cí.</td>
</tr>
</table>
</div>
<div class="chorus">
<table class="songline">
<tr class="chords">
<td> </td><td>G </td><td>D </td>
</tr>
<tr class="lyrics">
<td>Řekni, </td><td>kolik je na světě, kolik je takovejch </td><td>měst,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>Am </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>řekni, </td><td>kdo by se vracel, všude je tisíce </td><td>cest,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>G </td><td>D </td>
</tr>
<tr class="lyrics">
<td>tenkrát, </td><td>když jsi mi, Terezo, řekla, že ráda mě </td><td>máš,</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>Am </td><td>Em </td>
</tr>
<tr class="lyrics">
<td>tenkrát </td><td>ptal jsem se, Terezo, kolik mi polibků </td><td>dáš</td>
</tr>
</table>
<table class="songline">
<tr class="chords">
<td> </td><td>D </td><td>G </td>
</tr>
<tr class="lyrics">
<td>napos</td><td>led, napos</td><td>led.</td>
</tr>
</table>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,18 @@
+++
title = "Debrepo"
date = 2023-05-01
description = "A Debian repository management tool"
[extra]
state = "stable"
+++
# Debrepo
- A Debian repository management tool.
## About
- `Debrepo` is a software tool designed for creating and managing Debian repositories for `*.deb` packages, providing a lightweight and user-friendly alternative to more complex tools like `reprepo` or `aptly`. While these alternatives may offer more advanced features, Debrepo focuses on providing essential functionality and ease of use for repository management, allowing users to easily add, remove, and update packages within their repositories. With Debrepo, users can efficiently manage their Debian repositories without the unnecessary complexity of more advanced tools.
## Links
- [Git](https://git.filiprojek.cz/fr/debrepo)

View File

@ -0,0 +1,15 @@
+++
title = "Dotfiles"
date = 2019-01-01
description = "Collection of my configuration dotfiles"
[extra]
state = "active"
+++
# Dotfiles
## About
## Links
- [Git](https://git.filiprojek.cz/fr/dotfiles)

View File

@ -1,14 +0,0 @@
+++
title = "Fofrbazar"
date = 2019-11-27
+++
## Internetová bazarová platforma
### 04/2021
- Technologie
- PHP
- Laravel
- MySQL
- Linux
- Apache

View File

@ -0,0 +1,34 @@
+++
title = "Fofrweb"
date = 2019-11-27
description = "Custom websites and student projects"
[extra]
state = "active"
+++
# About
- Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident. Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis.
# Projects
## Websites
### date
### links
## FofrMess
### date
## FofrTasks
### date
## Fofrbazar
- Internetová bazarová platforma
### 04/2021
- Technologie
- PHP
- Laravel
- MySQL
- Linux
- Apache

View File

@ -0,0 +1,10 @@
+++
title = "Gitlab auto upgrade script"
date = 2023-07-17
description = "Gitlab CE auto minor upgrade script"
[extra]
state = "done"
+++

10
content/projects/nork.md Normal file
View File

@ -0,0 +1,10 @@
+++
title = "Nork"
date = 2021-08-13
description = "Simple node.js tool that extends express projects"
[extra]
state = "done"
+++

View File

@ -0,0 +1,10 @@
+++
title = "Website"
date = 2023-08-29
description = "My personal website"
[extra]
state = "in development"
+++

View File

@ -0,0 +1,14 @@
+++
title = "wpa_tui"
date = 2023-06-21
description = "WPA Supplicant Terminal User Interface"
[extra]
state = "in development"
+++
# wpa_tui
- WPA Supplicant Terminal User Interface
- Collection of `dmenu` scripts for interacting with WPA Supplicant
- Terminal User Interface app for interacting with WPA Supplicant
- Main goal of this tool is comfort of sending commands to WPA-Supplicant from terminal over remembering explicit wpa commands as well as having to click in the wpa_gui (abandoned graphical interface)

14
sass/general.scss Normal file
View File

@ -0,0 +1,14 @@
.flex-col {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.flex-row {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}

17
sass/project.scss Normal file
View File

@ -0,0 +1,17 @@
.project-wrapper {
justify-content: start;
align-items: start;
}
.left-bar {
width: 15rem;
justify-content: start;
align-items: start;
border-right: thin solid var(--c-blue);
margin-right: 2.5rem;
padding: 0 2.5rem;
h2 {
padding-bottom: 2.5rem;
}
}

25
sass/project_list.scss Normal file
View File

@ -0,0 +1,25 @@
.project-list {
h1 {
margin-bottom: 2rem;
font-size: 2rem;
}
.project {
margin-bottom: 3rem;
.title {
text-decoration: none;
font-size: 1.2rem;
font-weight: bold;
}
.description {
font-style: italic;
margin-bottom: .5rem;
margin-top: .5rem;
}
hr {
margin-bottom: .5rem;
}
}
}

View File

@ -1,10 +1,3 @@
body {
--base-padding: .5rem 1rem;
--base-margin: 2rem;
--background: #111111;
--color: #ffffff;
}
* {
margin: 0;
padding: 0;
@ -62,7 +55,7 @@ nav {
a { color: var(--color); }
a:visited { color: var(--color); }
a:hover { color: red; }
a:hover { color: var(--a-hover); }
@media (min-width: 400px) {
nav .links {

14
sass/vars.scss Normal file
View File

@ -0,0 +1,14 @@
* {
--base-padding: .5rem 1rem;
--base-margin: 2rem;
--c-white: #ffffff;
--c-gray: #111111;
--c-red: #FF3A20;
--c-darkblue: #02081e;
--c-blue: #5B85AA;
--a-hover: var(--c-red);
--color: var(--c-white);
--background: var(--c-gray);
}

161
templates/404.html Normal file
View File

@ -0,0 +1,161 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>filiprojek.cz | 404 Not found</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="/img/fr.ico">
<link rel="stylesheet" href="/general.css">
<link rel="stylesheet" href="/vars.css">
<style>
/* 404.css */
body {
margin: 0;
overflow: hidden;
}
.container {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
text-align: center;
position: relative;
}
.stars {
background-image: url('/img/rocket.webp');
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
animation: stars 20s linear infinite;
}
.planet {
background-image: url('/img/rocket.webp');
background-size: contain;
background-repeat: no-repeat;
width: 200px;
height: 200px;
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
}
.moon {
background-image: url('/img/rocket.webp');
background-size: contain;
background-repeat: no-repeat;
width: 40px;
height: 40px;
position: absolute;
top: 120px;
left: 130px;
animation: moon 10s linear infinite;
}
.rocket {
background-image: url('/img/rocket.webp');
background-size: contain;
background-repeat: no-repeat;
width: 120px;
height: 240px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.fire {
background-image: url('/img/rocket.webp');
background-size: contain;
background-repeat: no-repeat;
width: 20px;
height: 60px;
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
animation: fire 0.5s alternate infinite;
}
.text {
color: #fff;
z-index: 1;
}
h1 {
font-size: 2.5rem;
}
p {
font-size: 1.2rem;
margin-top: 20px;
}
a {
text-decoration: none;
color: #58a6ff;
font-size: 1.2rem;
display: block;
margin-top: 20px;
}
@keyframes stars {
0% {
background-position: 0 0;
}
100% {
background-position: 100px 100px;
}
}
@keyframes moon {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(10px, -10px);
}
100% {
transform: translate(0, 0);
}
}
@keyframes fire {
0% {
opacity: 1;
}
100% {
opacity: 0.6;
}
}
</style>
</head>
<body>
<div class="container">
<div class="stars"></div>
<div class="planet">
<div class="moon"></div>
</div>
<div class="rocket">
<div class="fire"></div>
</div>
<div class="text">
<h1>Oops! You're Lost in Space!</h1>
<p>Looks like you took a wrong turn and ended up in the outer reaches of the internet. Don't worry; our rocket is on its way to bring you back.</p>
<a href="/">Return to Earth</a>
</div>
</div>
</body>
</html>

View File

@ -18,9 +18,13 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="/img/fr.ico">
<link href="/style.css" rel="stylesheet">
<link href="/home.css" rel="stylesheet">
<link href="/content.css" rel="stylesheet">
<link rel="stylesheet" href="/general.css">
<link rel="stylesheet" href="/vars.css">
<link rel="stylesheet" href="/content.css">
<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="/home.css">
{% block styles %}
{% endblock stles %}
</head>
<body>
<header>
@ -58,6 +62,11 @@
{% endif %}</p>
<p>(c) filiprojek.cz 2022 - {{ now() | date(format="%Y")}}</p>
</footer>
<script>
console.log("pls don't judge me by the source code you can see here, I'm just an ordinary backend developer trying to make a frontend:))")
console.log("but I heard that a cool frontend developer works for https://fofrweb.com")
</script>
</body>
</html>

0
templates/guitar.html Normal file
View File

View File

@ -1,11 +1,22 @@
{% extends "base.html" %}
{% block styles %}
<link rel="stylesheet" href="/project.css">
{% endblock styles %}
{% block content %}
<section>
<h1>{{ page.title }}</h1>
{{ page.description }}
<section class="project-wrapper flex-row">
<section class="left-bar flex-col">
<h2>Projects</h2>
{% set section = get_section(path=page.ancestors | last) %}
{% for project in section.pages %}
<a href="{{ project.permalink }}">{{project.title}}</a>
{% endfor %}
</section>
<section>
<section class="project-full">
{{ page.content | safe }}
</section>
</section>
{% endblock content %}

View File

@ -1,21 +1,28 @@
{% extends "base.html" %}
{% block styles %}
<link rel="stylesheet" href="/project_list.css">
{% endblock styles %}
{% block content %}
<section class="project-list content">
<h1>My Projects</h1>
{% for project in section.pages %}
<a href="{{ project.permalink }}">
<div class="description">
<div class="title">{{ project.title }}</div>
<p>
<div class="project">
<a class="title" href="{{ project.permalink }}">
{{ project.title }}
</a>
<p class="description">
{% if project.description %}
{{ project.description }}
{% else %}
&hellip;
{% endif %}
</p>
<hr>
<p>{{ project.date }} | {{ project.extra.state}}</p>
</div>
</a>
{% endfor %}
</section>
{% endblock content %}