update
This commit is contained in:
parent
93895a5967
commit
35d081abc4
@ -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
323
content/guitar/tereza.html
Normal 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>má</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>vá</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>cí</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>
|
18
content/projects/debrepo.md
Normal file
18
content/projects/debrepo.md
Normal 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)
|
||||
|
15
content/projects/dotfiles.md
Normal file
15
content/projects/dotfiles.md
Normal 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)
|
||||
|
@ -1,14 +0,0 @@
|
||||
+++
|
||||
title = "Fofrbazar"
|
||||
date = 2019-11-27
|
||||
+++
|
||||
|
||||
## Internetová bazarová platforma
|
||||
### 04/2021
|
||||
- Technologie
|
||||
- PHP
|
||||
- Laravel
|
||||
- MySQL
|
||||
- Linux
|
||||
- Apache
|
||||
|
34
content/projects/fofrweb.md
Normal file
34
content/projects/fofrweb.md
Normal 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
|
||||
|
10
content/projects/gitlab-ce-auto-minor-upgrade.md
Normal file
10
content/projects/gitlab-ce-auto-minor-upgrade.md
Normal 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
10
content/projects/nork.md
Normal file
@ -0,0 +1,10 @@
|
||||
+++
|
||||
title = "Nork"
|
||||
date = 2021-08-13
|
||||
description = "Simple node.js tool that extends express projects"
|
||||
|
||||
[extra]
|
||||
state = "done"
|
||||
+++
|
||||
|
||||
|
10
content/projects/website.md
Normal file
10
content/projects/website.md
Normal file
@ -0,0 +1,10 @@
|
||||
+++
|
||||
title = "Website"
|
||||
date = 2023-08-29
|
||||
description = "My personal website"
|
||||
|
||||
[extra]
|
||||
state = "in development"
|
||||
+++
|
||||
|
||||
|
14
content/projects/wpa_tui.md
Normal file
14
content/projects/wpa_tui.md
Normal 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
14
sass/general.scss
Normal 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
17
sass/project.scss
Normal 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
25
sass/project_list.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
@ -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
14
sass/vars.scss
Normal 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
161
templates/404.html
Normal 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>
|
||||
|
@ -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
0
templates/guitar.html
Normal 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 %}
|
||||
|
||||
|
@ -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 %}
|
||||
…
|
||||
{% endif %}
|
||||
</p>
|
||||
<hr>
|
||||
<p>{{ project.date }} | {{ project.extra.state}}</p>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</section>
|
||||
{% endblock content %}
|
||||
|
Loading…
Reference in New Issue
Block a user