Fixes: #2 changed gpg key

Added: posts page
Fixes: #5 body padding
2024-02-08 09:36:14 +01:00 · 2024-02-08 09:13:08 +01:00 · 2024-02-08 09:12:18 +01:00 · 2023-12-18 19:03:05 +01:00 · 2023-12-18 03:33:05 +01:00 · 2023-12-07 23:01:29 +01:00
50 changed files with 766 additions and 524 deletions
--- a/.gitea/workflows/build.yaml
+++ b/.gitea/workflows/build.yaml
@ -0,0 +1,21 @@
+name: Build Zola Website
+
+on: pull_request
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v2
+
+      - name: Set up Zola
+        uses: taiki-e/install-action@v2
+        with:
+          tool: zola@0.17.2
+
+      - name: Build Zola Website
+        run: |
+          zola build
+
--- a/.gitea/workflows/build_and_deploy.yaml
+++ b/.gitea/workflows/build_and_deploy.yaml
@ -0,0 +1,44 @@
+name: Build and Deploy Zola Website
+
+on:
+  push:
+    branches:
+      - master
+      - dev
+
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v2
+
+      - name: Set up Zola
+        uses: taiki-e/install-action@v2
+        with:
+          tool: zola@0.17.2
+
+      - name: Build Zola Website
+        run: |
+          zola build
+
+      - name: Set Destination Folder if MASTER
+        if: ${{ github.ref == 'refs/heads/master' }}
+        run: echo "DEST_FOLDER=/srv/www/cz/filiprojek/www" >> $GITHUB_ENV
+
+      - name: Set Destination Folder if DEV
+        if: ${{ github.ref == 'refs/heads/dev' }}
+        run: echo "DEST_FOLDER=/srv/www/cz/filiprojek/dev" >> $GITHUB_ENV
+
+      - name: Deploy to server
+        uses: AEnterprise/rsync-deploy@v1.0.2
+        env:
+          DEPLOY_KEY: ${{ secrets.DEPLOY_KEY }}
+          ARGS: "-e -c -r --delete"
+          SERVER_PORT: 22
+          FOLDER: "./public/"
+          SERVER_IP: ${{ secrets.SERVER_IP }}
+          USERNAME: ${{ secrets.USERNAME }}
+          SERVER_DESTINATION: ${{ env.DEST_FOLDER }}
+
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1 @@
+public/
--- a/0
+++ b/0
--- a/README.md
+++ b/README.md
@ -1,17 +1,34 @@
 # Website
- My personal website written in php, html, css and js
+- My personal website https://www.filiprojek.cz
+- Written in [Zola](https://getzola.org)

 ## To run development server
- `php -S localhost:8000`
- Then it can be access at http://localhost:8000/
-
-## To run using Docker
- ToDo
+- `zola serve`
+- Then it can be access at http://127.0.0.1:1111/

 ## To Do
- [ ] Docker
+- [ ] Docker?
 - [ ] kopirovani PGP na click opravit
 - [ ] projekty page css
 - [ ] contact page odesilani mailu
 - [ ] contact page pridat odkazy na dalsi soc site (github atd)
+- [ ] fixnout resize hr v projektu
+- [ ] redesign contact
+- [ ] redesign about
+- [ ] check about text content
+- [ ] add some more projects
+- [ ] responsibility
+
+# Projects
+ - nork
+ - website
+ - debrepo
+ - auto irrigation
+ - auto awning close
+ - FofrTasks
+ - FofrMess
+ - pkmples.cz
+ - deguapp?
+ - wpa_tui?
+ - dotfiles

--- a/components/footer.php
+++ b/components/footer.php
@ -1,2 +0,0 @@
-<p>(c) filiprojek.cz 2023<p>
-
--- a/components/header.php
+++ b/components/header.php
@ -1,11 +0,0 @@
-<section class="nav">
-	<a class="logo" href="/">
-		<img src="img/fr_logo.webp" alt="logo" />
-	</a>
-	<div class="links">
-		<a href="/home">Úvod</a>
-		<a href="/projects">Projekty</a>
-		<a href="/contact">Kontakt</a>
-	</div>
-</section>
-
--- a/config.toml
+++ b/config.toml
@ -0,0 +1,23 @@
+# The URL the site will be built for
+base_url = "https://www.filiprojek.cz"
+title = "Filip Rojek"
+
+compile_sass = true
+minify_html = true
+build_search_index = false
+
+[markdown]
+highlight_code = true
+external_links_no_follow = true
+external_links_no_referrer = true
+smart_punctuation = true
+
+[extra]
+git = "https://git.filiprojek.cz/fr/website"
+nav_items = [
+	{name="Home",      path="/"},
+	{name="About",     path="/about"},
+	{name="Projects",  path="/projects/"},
+	{name="Posts",      path="/posts"}
+]
+
--- a/content/about.md
+++ b/content/about.md
@ -0,0 +1,10 @@
+++
+title = "About"
+template = "about.html"
+++
+
+I am 20 years old and I study in Prague. My journey into the world of coding started at IT high school. Now I am studying IT at Charles University.
+
+My coding adventure took me from student collaboration on projects like Fofrweb, where we created applications like FofrMess or FofrTasks - realtime web applications built using `Node.js` and `Vue.js`.
+
+I now work as a Linux engineer at IS Media. Most of my work involves Debian-based systems - desktops and servers. I have a lot of experience with other distributions as well. For example, I use `Void Linux` or `Gentoo` on my personal workstations. At Fofrweb we used `RHEL` based distributions like `Cent OS` or later `Rocky Linux`.
--- a/content/console.md
+++ b/content/console.md
@ -0,0 +1,4 @@
+++
+title = "Console"
+template = "console.html"
+++
--- a/content/projects/_index.md
+++ b/content/projects/_index.md
@ -0,0 +1,7 @@
+++
+title = "Projects"
+template = "project_list.html"
+page_template = "project.html"
+sort_by = "date"
+++
+
--- a/content/projects/debrepo.md
+++ b/content/projects/debrepo.md
@ -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)
+
--- a/content/projects/dotfiles.md
+++ b/content/projects/dotfiles.md
@ -0,0 +1,16 @@
+++
+title = "Dotfiles"
+date = 2019-01-01
+description = "Collection of my configuration dotfiles"
+
+[extra]
+state = "active"
+++
+
+# Dotfiles
+
+## About
+- Collection of my configuration dotfiles.
+## Links
+- [Git](https://git.filiprojek.cz/fr/dotfiles)
+
--- a/content/projects/fofrweb.md
+++ b/content/projects/fofrweb.md
@ -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
+
--- a/content/projects/gitlab-ce-auto-minor-upgrade.md
+++ b/content/projects/gitlab-ce-auto-minor-upgrade.md
@ -0,0 +1,19 @@
+++
+title = "Gitlab auto upgrade script"
+date = 2023-07-17
+description = "Gitlab CE auto minor upgrade script"
+
+[extra]
+state = "done"
+++
+
+# gitlab-ce auto minor upgrade script
+## About
+- This lightweight Bash script automates minor upgrades via crontab, ensuring your GitLab CE stays up to date with minimal effort. Designed for efficiency, it uses `apt` to identify and implement upgrades, while logging any issues for your peace of mind.
+
+## Get Started and Contribute
+- Download the script, set up your crontab. GitLab-CE-Auto-Minor-Upgrade-Script is open source, meaning you can get involved, provide feedback, or contribute enhancements.
+
+## Links
+- [Git](https://git.filiprojek.cz/fr/gitlab-ce-auto-minor-upgrade)
+
--- a/content/projects/nork.md
+++ b/content/projects/nork.md
@ -0,0 +1,15 @@
+++
+title = "Nork"
+date = 2021-08-13
+description = "Simple node.js tool that extends express projects"
+
+[extra]
+state = "done"
+++
+
+# Nork
+## About
+- Simple node.js tool that extends express projects.
+
+## Links
+- [Git](https://github.com/filiprojek/nork)
--- a/content/projects/website.md
+++ b/content/projects/website.md
@ -0,0 +1,16 @@
+++
+title = "Website"
+date = 2023-08-29
+description = "My personal website"
+
+[extra]
+state = "in development"
+++
+
+# Website
+## About
+- This website is built using the Zola static site generator.
+
+## Links
+- [Git](https://git.filiprojek.cz/fr/website)
+
--- a/content/projects/wpa_tui.md
+++ b/content/projects/wpa_tui.md
@ -0,0 +1,18 @@
+++
+title = "wpa_tui"
+date = 2023-06-21
+description = "WPA Supplicant Terminal User Interface"
+
+[extra]
+state = "in development"
+++
+
+# wpa_tui
+## About
+- 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)
+
+## Links
+- [Git](https://git.microlab.space/fr/wpa_tui)
--- a/css/contact.css
+++ b/css/contact.css
@ -1,37 +0,0 @@
-.content {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-}
-
-.form_contact {
-	--base-padding: .5rem 1rem;
-	display: flex;
-	flex-direction: column;
-	width: 15rem;
-	margin-top: 2rem;
-}
-
-.form_contact input {
-	padding: var(--base-padding);
-	margin-bottom: 1rem;
-}
-
-.form_contact button {
-	align-self: center;
-	padding: var(--base-padding);
-	margin-top: 1.5rem;
-	cursor: pointer;
-	background-color: white;
-	color: black;
-}
-
-.form_contact textarea {
-	height: 8rem;
-	resize: none;
-	padding: var(--base-padding);
-}
-
-.form_contact input, textarea, button {
-	border-radius: 5px;
-}
--- a/css/home.css
+++ b/css/home.css
@ -1,28 +0,0 @@
-.content {
-	margin-block: auto;
-}
-.home {
-	font-size: 1.2rem;
-}
-.home section {
-	text-align: center;
-}
-.home a {
-	color: lightblue;
-	cursor: pointer;
-	text-decoration: underline;
-}
-#pgp {
-	cursor: pointer;
-}
-#pgpmobile {
-	display: none;
-}
-@media (max-width: 600px) {
-	#pgp {
-		display: none;
-	}
-	#pgpmobile {
-		display: inline-block;
-	}
-}
--- a/css/projects.css
+++ b/css/projects.css
@ -1,52 +0,0 @@
-.content h1 {
-	text-align: center;
-	margin-bottom: 2rem;
-}
-
-.projects {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 1rem;
-}
-
-.projects img {
-	max-width: 100%;
-	display: block;
-}
-
-.card {
-	display: flex;
-	border: 1px solid red;
-	border-radius: 15px;
-	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
-	width: min(40rem, calc(100% - 1rem));
-}
-
-.card .card_text > * {
-	margin: 1rem;
-}
-
-.card > * {
-	flex-basis: 100%;
-}
-
-.card .card_left {
-	border: 1px solid green;
-}
-
-.card .card_right {
-	border: 1px solid yellow;
-}
-
-.technologies {
-	display: flex;
-	gap: 1rem;
-	flex-wrap: wrap;
-}
-
-.technologies span {
-	border: 1px solid white;
-	padding: .5rem;
-	border-radius: 5px;
-}
--- a/css/variables.css
+++ b/css/variables.css
@ -1,6 +0,0 @@
-body {
-	--base-padding: .5rem 1rem;
-    --base-margin: 2rem;
-    --background: #111111;
-    --color: #ffffff;
-}
--- a/index.php
+++ b/index.php
@ -1,88 +0,0 @@
-<?php
-	$prod = false;
-	
-	require_once("./libraries/router.php");
-	require_once("./libraries/console.php");
-	
-	// Display Errors
-	ini_set('display_startup_errors', 1);
-	ini_set('display_errors', 1);
-	error_reporting(-1);
-	
-	// Display var_dump
-	#var_dump($_SESSION);
-	
-	// Date Time Zone
-	date_default_timezone_set('Europe/Prague');
-	
-	// site info
-	$keywords = "Filip Rojek, rojek, vyvojar, developer, backend vyvojar, nodejs vyvojar, php vyvojar, web vyvojar, programator, linux administrator";
-	$description = "Linux user, backend web developer and student.";
-	$locale = "cs_CZ";
-	$title = "Filip Rojek | Developer";
-	$site_name = "Filip Rojek | Developer";
-	$author = "Fofrweb | https://fofrweb.com";
-	$email = "webmaster(@)fofrweb.com";
-	$canonical = "https://www.filiprojek.cz/";
-?>
-
-<!doctype html>
-<html>
-<head>
-	<meta charset="UTF-8" />
-	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0" />
-	<meta id="contentLanguage" http-equiv="Content-Language" content="<?= $locale ?>" />
-	<meta name="keywords" content="<?= $keywords ?>" />
-	<meta name="description" content="<?= $description ?>" />
-	<meta property="og:locale" content="<?= $locale ?>" />
-	<meta property="og:type" content="website" />
-	<meta property="og:title" content="<?= $title ?>" />
-	<meta property="og:description" content="<?= $description ?>" />
-	<meta property="og:site_name" content="<?= $site_name ?>" />
-	<meta name="author" content="<?= $author ?>" />
-	<meta name="email" content="<?= $email ?>" />
-	<meta name="copyright" content="<?= $copyright ?>" />
-	<meta name="expires" content="never" />
-
-<?php 
-if($prod) { ?>
-		<meta name="robots" content="index,follow" />
-		<meta name="Seznambot" content="index,follow" />
-		<meta name="Googlebot" content="index,follow" />
-<?php } else { ?>
-		<meta name="robots" content="noindex, nofollow" />
-		<meta name="Seznambot" content="noindex, nofollow" />
-		<meta name="Googlebot" content="noindex, nofollow" />
-<?php } ?>
-
-	<title><?= $title ?></title>
-	<link rel="icon" type="image/x-icon" href="/img/fr.ico" />
-	<link rel="canonical" href="<?= $canonical ?>" />
-	<link rel="stylesheet" href="/css/style.css">
-	<link rel="stylesheet" href="/css/variables.css">
-</head>
-<body>
-	<?php
-		require_once("./components/header.php");
-	?>
-	<section class="content">
-		<?php
-			$R = new Router();
-			$R->route('GET', '/', 'home');
-			$R->route('GET', '/home', 'home');
-			$R->route('GET', '/domu', 'home');
-
-			$R->route('POST', '/contact/send', 'contact');
-
-			$R = null;
-		?>
-	</section>
-	<footer>
-		<?php
-			require_once("./components/footer.php");
-		?>
-	</footer>
-</body>
-</html>
-
--- a/libraries/console.php
+++ b/libraries/console.php
@ -1,9 +0,0 @@
-<?php
-
-function console_log($data) {
-    $output = $data;
-    if (is_array($output))
-        $output = implode(',', $output);
-
-    echo "<script>console.log('Debug Objects: " . $output . "' );</script>";
-}
--- a/libraries/mail.php
+++ b/libraries/mail.php
@ -1,31 +0,0 @@
-<?php
-class Mail {
-    public $from;
-    public $to;
-    public $subject;
-    public $message;
-    public $headers;
-
-    function __construct($from, $to, $subject, $message, $headers=null) {
-        $this->from = $from;
-        $this->to = $to;
-        $this->subject = $subject;
-        $this->headers = $headers;
-    }
-
-    public function send() {
-        // odeslání e-mailu
-        $headers = 'From: noreply@fofrweb.com' . "\r\n" .
-            'Reply-To: support@fofrweb.com' . "\r\n" .
-            'X-Mailer: PHP/' . phpversion();
-        $this->headers = $headers;
-
-        if (gettype($this->message) == 'string') {
-            if(mail($this->to, $this->subject, $this->message, $this->headers)) {
-                return true;
-            } else {
-                return false;
-            }
-        }
-    }
-}
--- a/libraries/router.php
+++ b/libraries/router.php
@ -1,33 +0,0 @@
-<?php
-class Router {
-	public $returned = false;
-
-	function route($method, $url, $filename) {
-		$methods = ['GET', 'POST'];
-		if(in_array($method, $methods)) {
-			if($_SERVER['REQUEST_METHOD'] == $method) {
-				if ($_SERVER['REQUEST_URI'] == $url) {
-					require_once("./pages/$filename/$filename.php");
-					$this->returned = true;
-					return;
-				}
-			}
-		}
-	}
-
-	function __destruct() {
-		if($_SERVER['REQUEST_METHOD'] == 'GET') {
-			if(!$this->returned){
-				$url = explode("/", $_SERVER['REQUEST_URI']);
-				$url = $url[count($url)-1];
-
-				if (file_exists("./pages/$url/$url.php")) {
-					require_once("./pages/$url/$url.php");
-				} else {
-					require_once("./pages/errors/404.php");
-				}
-			}
-		}
-	}
-}
-
--- a/pages/contact/contact.php
+++ b/pages/contact/contact.php
@ -1,61 +0,0 @@
-<link rel="stylesheet" href="/css/contact.css">
-<h1>Kontaktujte mě</h1>
-
-<form class="form_contact" action="/contact/send" method="post" name="contact">
-	<label for="name">Vaše jméno:</label>
-	<input id="name" type="text" placeholder="Petr Novák" required autocomplete="on" />
-
-	<label for="email">Váš e-mail:</label>
-	<input id="email" type="email" placeholder="petr@novak.cz" required autocomplete="on" />
-
-	<label for="message">Zpráva:</label>
-	<textarea id="message" placeholder="Napište zprávu..." required></textarea>
-
-	<button type="button" id="submit">Odeslat zprávu</button>
-</form>
-
-<script>
-	const submit = document.querySelector("#submit")
-	submit.addEventListener("click", async (e) => {
-		e.preventDefault()
-		
-		const formData = new FormData();
-		formData.append('name', document.querySelector("#name").value);
-		formData.append('email', document.querySelector("#email").value);
-		formData.append('message', document.querySelector("#message").value);
-
-		try {
-  			await fetch('/contact/send', {
-    			method: 'POST',
-    			body: formData
-			});
-  			console.log('Message sent successfully.')
-		} catch (err) {
- 		 	console.error('Error:', error)
-		}
-	})
-</script>
-
-<?php
-ini_set('log_errors', 1);
-
-if(isset($_POST['email']) && isset($_POST['message'])) {
-	$email = $_POST['email'];
-	$message = $_POST['message'];
-	$name = $_POST['name'];
-
-	require_once(__DIR__ . "/../../libraries/mail.php");
-	$message = "Nová zpráva z webu filiprojek.cz\n\nOdesílatel: $email\nZpráva:\n$message";
-	$m = new Mail($_POST['email'], 'webmaster@filiprojek.cz', 'Nová zpráva z webu filiprojek.cz', $message);
-
-	if($m->send()) {
-		console_log("zprava odeslana");
-		header('Location: /?sent=true');
-	} else {
-		error_log("Message wasn't sent");
-		error_log(var_dump($m));
-		echo "<p>Něco se nepovedlo, zkuste to znovu... :(</p>";
-	    echo "<a href='/'>Zpět</a>";
-	}
-}
-
--- a/pages/errors/404.php
+++ b/pages/errors/404.php
@ -1,2 +0,0 @@
-<h1>Error 404 - not found</h1>
-
--- a/pages/home/home.php
+++ b/pages/home/home.php
@ -1,33 +0,0 @@
-<link rel="stylesheet" href="./css/home.css" >
-<section class="home">
-	<section>
-		<p>Filip Rojek &ltfilip(at)filiprojek.cz&gt</p>
-		<br>
-		<p>Backend node.js & php developer <a href="https://www.fofrweb.com/" target="_blank">@fofrweb</a>,<br> Linux Gentoo user, student and coffee enthusiast<span class="underscore">_</span><p>
-		<br>
-		<p id="pgp" title="copy pgp to clipboard">PGP: fc37b989787acf8cbce7c0c2a56a345efe321161</p>
-		<br>
-		<p><a href="https://git.filiprojek.cz/fr" target="_blank">Git</a> <a href="https://t.me/filiprojek" target="_blank">Telegram</a> <a href="#" id="pgpmobile" title="copy pgp to clipboard">PGP</a></p>
-	</section>
-
-	<script>
-		const _ = document.querySelector(".underscore")
-		let b = false
-		setInterval(() => {
-			b ? _.style.visibility = "visible" : _.style.visibility = "hidden"
-			b = !b
-		}, 500)
-
-		const pgp = document.querySelector("#pgp")
-		const pgpmobile = document.querySelector("#pgpmobile")
-		const pgpcp = (e) => {
-			console.log(e)
-			navigator.clipboard.writeText("fc37b989787acf8cbce7c0c2a56a345efe321161")
-			alert("pgp has been copied to the clipboard")
-		}
-
-		pgp.addEventListener("click", pgpcp)
-		pgpmobile.addEventListener("click", pgpcp)
-	</script>
-</section>
-
--- a/pages/projects/projects.php
+++ b/pages/projects/projects.php
@ -1,107 +0,0 @@
-<link rel="stylesheet" href="/css/projects.css">
-<h1>Projekty</h1>
-
-<section class="projects">
-	<div class="card">
-		<div class="card_left card_text">
-			<p>pkmples.cz</p>
-			<p>Komerční webová stránka pro PKM PARTY PLES.</p>
-			<div class="technologies">
-				<span>PHP</span>
-				<span>Linux</span>
-				<span>Nginx</span>
-			</div>
-			<p>01/2023</p>
-		</div>
-		<div class="card_right">
-			<img src="https://www.fofrweb.com/images/pkm_two.png" alt="project screenshot">
-		</div>
-	</div>
-
-	<div class="card">
-		<div class="card_left">
-			<img src="https://www.fofrweb.com/images/rapidd.png" alt="project screenshot">
-		</div>
-		<div class="card_right card_text">
-			<p>rapiddglass.cz</p>
-			<p>Komerční webová stránka pro přípravek na ochranu a čištění krbového skla Rapidd Glass.</p>
-			<p>10/2022</p>
-			<div class="technologies">
-				<span>PHP</span>
-				<span>Linux</span>
-				<span>Nginx</span>
-			</div>
-		</div>
-	</div>
-
-	<div class="card">
-		<div class="card_left card_text">
-			<p>danielryslavy.cz</p>
-			<p>Komerční webová stránka osobního trenéra Daniela Ryšlavého.</p>
-			<p>06/2022</p>
-			<div class="technologies">
-				<span>PHP</span>
-				<span>Linux</span>
-				<span>Nginx</span>
-			</div>
-	</div>
-		<div class="card_right">
-			<img src="https://www.fofrweb.com/images/fitness.png" alt="project screenshot">
-		</div>
-	</div>
-
-	<div class="card">
-		<div class="card_left">
-			<img src="#" alt="project screenshot">
-		</div>
-		<div class="card_right card_text">
-			<p>Fofrmess</p>
-			<p>Chatovací realtime PWA aplikace.</p>
-			<p>02/2022</p>
-			<div class="technologies">
-				<span>Node.js</span>
-				<span>Express.js</span>
-				<span>PostgreSQL</span>
-				<span>Linux</span>
-				<span>Nginx</span>
-			</div>
-		</div>
-	</div>
-
-	<div class="card">
-		<div class="card_left card_text">
-			<p>Fofrtasks</p>
-			<p>Aplikace pro vytváření a správu poznámek a úkolů.</p>
-			<p>10/2021</p>
-			<div class="technologies">
-				<span>Node.js</span>
-				<span>Express.js</span>
-				<span>MongoDB</span>
-				<span>Linux</span>
-				<span>Nginx</span>
-			</div>
-		</div>
-		<div class="card_right">
-			<img src="#" alt="project screenshot">
-		</div>
-	</div>
-
-	<div class="card">
-		<div class="card_left">
-			<img src="#" alt="project screenshot">
-		</div>
-		<div class="card_right card_text">
-			<p>Fofrbazar</p>
-			<p>Internetová bazarová platforma.</p>
-			<p>04/2021</p>
-			<div class="technologies">
-				<span>PHP</span>
-				<span>Laravel</span>
-				<span>MySQL</span>
-				<span>Linux</span>
-				<span>Apache</span>
-			</div>
-		</div>
-	</div>
-</section>
-
--- a/sass/_fonts.scss
+++ b/sass/_fonts.scss
@ -0,0 +1,25 @@
+@font-face {
+	font-family: open-sans;
+	font-weight: normal;
+	font-style: normal;
+	src: url('fonts/open-sans-regular.woff2') format('woff2'),
+	     url('fonts/open-sans-regular.woff') format('woff'),
+	     url('fonts/open-sans-regular.ttf') format('truetype');
+}
+@font-face {
+	font-family: open-sans;
+	font-weight: normal;
+	font-style: italic;
+	src: url('fonts/open-sans-italic.woff2') format('woff2'),
+	     url('fonts/open-sans-italic.woff') format('woff'),
+	     url('fonts/open-sans-italic.ttf') format('truetype');
+}
+@font-face {
+	font-family: open-sans;
+	font-weight: bold;
+	font-style: normal;
+	src: url('fonts/open-sans-bold.woff2') format('woff2'),
+	     url('fonts/open-sans-bold.woff') format('woff'),
+	     url('fonts/open-sans-bold.ttf') format('truetype');
+}
+
--- a/sass/console.scss
+++ b/sass/console.scss
@ -0,0 +1,5 @@
+.console {
+  background: gray;
+  width: 80vw;
+  min-height: 20vh;
+}
--- a/sass/content.scss
+++ b/sass/content.scss
@ -0,0 +1,20 @@
+.content {
+	display: flex;
+	flex-direction: column;
+	margin: 2rem 20%;
+}
+
+.content {
+	@media (max-width: 690px) {
+		margin: 2rem 2rem;
+	}
+		.pgpwrap {
+			 word-break: break-all;
+		}
+}
+
+.contact {
+	h1 {
+		margin-bottom: 1rem;
+	}
+}
--- a/sass/general.scss
+++ b/sass/general.scss
@ -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;
+}
+
--- a/sass/home.scss
+++ b/sass/home.scss
@ -0,0 +1,34 @@
+.content {
+	margin-block: auto;
+}
+.home {
+	margin-top: 5rem;
+	font-size: 1.2rem;
+
+	section {
+		text-align: center;
+	}
+
+	a {
+		color: lightblue;
+		cursor: pointer;
+		text-decoration: underline;
+	}
+
+	#pgp {
+		cursor: pointer;
+	}
+
+	#pgpmobile {
+		display: none;
+	}
+}
+@media (max-width: 600px) {
+	#pgp {
+		display: none;
+	}
+	#pgpmobile {
+		display: inline-block;
+	}
+}
+
--- a/sass/project.scss
+++ b/sass/project.scss
@ -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;
+	}
+}
--- a/sass/project_list.scss
+++ b/sass/project_list.scss
@ -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;
+		}
+	}
+
+}
--- a/sass/style.scss
+++ b/sass/style.scss
@ -30,48 +30,53 @@ html {
    background: #000000;
 }

-.nav {
+nav {
 	position: relative;
 	display: flex;
-	padding: 1rem;
+	padding: 1rem 2rem;
 	justify-content: space-between;
 	isolation: isolate;
+
+	.logo img {
+		height: 3rem;
+	}
+
+	.links {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 1rem;
+		z-index: -1;
+		color: var(--color);
+		font-size: 1.3rem;
+	}
 }

-.nav .logo img {
-	height: 3rem;
-}
-
-.nav .links {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	gap: 1rem;
-	z-index: -1;
-	color: var(--color);
-}

 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 {
+	nav .links {
 		position: absolute;
 		inset: 0;
 	}
 }

+/*
 .content {
 	padding: 2rem 1rem;
 }
-
+*/
 footer {
 	display: flex;
 	width: 100vw;
+	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	align-self: flex-end;
 	margin-top: auto;
 	margin-bottom: 2rem;
 }
+
--- a/sass/vars.scss
+++ b/sass/vars.scss
@ -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);
+}
--- a/static/img/at.svg
+++ b/static/img/at.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="#ffffffff" d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480v58q0 59-40.5 100.5T740-280q-35 0-66-15t-52-43q-29 29-65.5 43.5T480-280q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480v58q0 26 17 44t43 18q26 0 43-18t17-44v-58q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93h200v80H480Zm0-280q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Z"/></svg>
--- a/static/img/fr.ico
+++ b/static/img/fr.ico
--- a/static/img/fr_logo.webp
+++ b/static/img/fr_logo.webp
--- a/static/js/console.js
+++ b/static/js/console.js
@ -0,0 +1,107 @@
+const c = document.querySelector(".console")
+const ps1 = "[fr@website ~]$ "
+const motd = "Welcome to my website!<br>You can use `help` for more informations :)"
+let line = "";
+
+function exec(command) {
+  switch (command[0]) {
+    case "help":
+      line = "help<br>author<br>contact<br>clear<br>echo"
+      break;
+    case "author":
+      line = "Filip Rojek, 2023"
+      break
+    case "contact":
+      line = "Filip Rojek &lt<a href='mailto: &#102;&#105;&#108;&#105;&#112;&#064;&#102;&#105;&#108;&#105;&#112;&#114;&#111;&#106;&#101;&#107;&#046;&#099;&#122;'>&#102;&#105;&#108;&#105;&#112;&#064;&#102;&#105;&#108;&#105;&#112;&#114;&#111;&#106;&#101;&#107;&#046;&#099;&#122;</a>&gt<br>web: <a href='https://filiprojek.cz' target='_blank'>www.filiprojek.cz</a><br>telegram: <a href='https://t.me/filiprojek' target='_blank'>@filiprojek</a>"
+      break
+    case "clear":
+      write("000ctrll")
+      return false
+    case "echo":
+      line = ""
+      command.forEach((cmd, i) => {
+        if (i === 0) return
+        line += cmd + " "
+      });
+      line = line.substring(0, line.length - 1) // remove last space
+      break
+    default:
+      line = "frsh: " + command[0] + ": command not found"
+      break;
+  }
+
+  return line
+}
+
+function write(key, payload) {
+  switch(key) {
+    case "Enter":
+      command = c.lastChild.textContent.replace(ps1, "")
+      command = command.split(" ");
+      let out = exec(command)
+      if(out !== false) {
+        line = document.createElement("p")
+        line.innerHTML += out
+        line.innerHTML += "<br>"
+        c.appendChild(line)
+        line = document.createElement("p")
+        line.innerHTML += ps1
+        c.appendChild(line)
+      }
+      command = ""
+      break
+    case "000ctrll":
+      c.innerHTML = ""
+      if(payload == motd) c.innerHTML = motd
+      line = document.createElement("p")
+      line.innerHTML += ps1
+      c.appendChild(line)
+      break
+    case "000backspace":
+      if(c.lastChild.textContent.slice(0, -1) !== ps1.slice(0, -1)) {
+        c.lastChild.innerHTML = c.lastChild.textContent.slice(0, -1)
+      }
+      break
+
+    default:
+      c.lastChild.innerHTML += key
+  }
+}
+
+function customCtrlShortcuts(plusKey) {
+  document.addEventListener("keydown", e => {
+    if(e.ctrlKey && e.key == plusKey) {
+      e.preventDefault()
+      write("000ctrl"+plusKey)
+    }
+  })
+}
+
+// On load init the terminal
+window.addEventListener("load", () => {
+  write("000ctrll", motd)
+  if (navigator.userAgent.toLowerCase().includes("mobile")) {
+    const mi = document.querySelector(".mobile-input")
+    mi.style="opacity: 0; width: 0; height: 0"
+    c.addEventListener("click", e => {
+      mi.focus()
+    })
+  }
+})
+
+// Capture the keypress
+window.addEventListener("keypress", e => {
+  e.preventDefault()
+  write(e.key)
+})
+
+window.addEventListener("keydown", e => {
+  if(e.key == "Backspace") {
+    e.preventDefault()
+    write("000backspace")
+  }
+})
+
+// Register custom ctrl shortcuts
+customCtrlShortcuts("l") // ctrl + l
+customCtrlShortcuts("c") // ctrl + c
--- a/templates/404.html
+++ b/templates/404.html
@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Filip Rojek | 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">
+	<link rel="stylesheet" href="/style.css">
+	<style>
+		.flex-col {
+			height: 100vh;
+		}
+	</style>
+</head>
+<body>
+	<div class="content flex-col">
+		<h2>404 - Not found</h2>
+		<a href="/">Home</a>
+	</div>
+</body>
+</html>
--- a/templates/about.html
+++ b/templates/about.html
@ -0,0 +1,23 @@
+{% extends "base.html" %}
+
+{% block styles %}
+	<link rel="stylesheet" href="/about.css">
+{% endblock styles %}
+
+{% block content %}
+	<section class="about content">
+	<h2>About me</h2>
+	{{ page.content | safe }}
+	</section>
+
+	<section class="contact content">
+		<h1>Contact me</h1>
+		<div class="contact-list">
+			<p>email: <a href="mailto:hello@filiprojek.cz" target="_blank">hello@filiprojek.cz</a></p>
+			<p>telegram: <a href="https://t.me/filiprojek" target="_blank">@filiprojek</a></p>
+			<p>git: <a href="https://git.filiprojek.cz" target="_blank">Personal Gitea</a></p>
+			<p>github: <a href="https://github.com/filiprojek" target="_blank">GitHub</a></p>
+			<p>PGP: <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/CA3D9BE28315B49164130CD97E65EA58C6075F09" target="_blank">0x7E65EA58C6075F09</a></p>
+		</div>
+	</section>
+{% endblock content %}
--- a/templates/base.html
+++ b/templates/base.html
@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<title>
+			{% block title %}
+				{% if current_path != "/" %}
+					{{ config.title }} &ndash;
+					{% if section.title %}
+						{{ section.title }}
+					{% elif page.title %}
+						{{ page.title }}
+					{% endif %}
+				{% else %}
+					{{ config.title }}
+				{% endif %}
+			{% endblock title %}
+		</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">
+		<link rel="stylesheet" href="/content.css">
+		<link rel="stylesheet" href="/style.css">
+		<link rel="stylesheet" href="/home.css">
+		{% block styles %}
+		{% endblock styles %}
+	</head>
+	<body>
+		<header>
+			<nav>
+				<a href="/" class="logo">
+					<img src="/img/fr_logo.webp" alt="logo">
+				</a>
+				<div class="links">
+					{% for item in config.extra.nav_items %}
+						<a href="{{ item.path }}"
+							{% if item.path == current_path and item.path != "/" %}
+								class="active"
+							{% endif %}
+						>{{ item.name }}</a>
+						{% endfor %}				
+				</div>
+			</nav>
+		</header>
+
+		<main>
+			{% block content %}
+				<section>
+					{% if section %}
+						{{ section.content | safe }}
+					{% elif page %}
+						{{ page.content | safe }}
+					{% endif %}
+				</section>
+			{% endblock content %}
+		</main>
+		<footer>
+			<p>Build time: {{ now() | date(format="%Y-%m-%d %H:%M") }},
+			{% if config.extra.git %}
+				<a href="{{ config.extra.git }}">Source</a>
+			{% endif %}</p>
+			<p>&copy; 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>
--- a/templates/console.html
+++ b/templates/console.html
@ -0,0 +1,12 @@
+{% extends "base.html" %}
+
+{% block styles %}
+	<link rel="stylesheet" href="/console.css">
+{% endblock styles %}
+
+{% block content %}
+	<section class="console content"  >
+	</section>
+	<textarea class="mobile-input" style="display: none" autofocus></textarea>
+  <script src="/js/console.js" defer></script>
+{% endblock content %}
--- a/templates/index.html
+++ b/templates/index.html
@ -0,0 +1,34 @@
+{% extends "base.html" %}
+
+{% block styles %}
+	<style>
+		.at {
+			height: 1rem;
+		}
+	</style>
+{% endblock styles %}
+
+{% block content %}
+
+<section class="home">
+	<section>
+		<p>Filip Rojek &ltfilip<img src="/img/at.svg" alt=" (at) " class="at">filiprojek.cz&gt</p>
+		<br>
+		<p>Backend node.js & php developer <a href="https://www.fofrweb.com/" target="_blank">@fofrweb</a>,<br> GNU/Linux <a href="http://voidlinux.org" target="_blank">Void</a> user, student and coffee enthusiast<span class="underscore">_</span><p>
+		<br>
+		<p>PGP: <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/CA3D9BE28315B49164130CD97E65EA58C6075F09" target="_blank">0x7E65EA58C6075F09</a></p>
+		<br>
+		<p><a href="https://git.filiprojek.cz/fr" target="_blank">Git</a> <a href="https://t.me/filiprojek" target="_blank">Telegram</a> <a href="#" id="pgpmobile" title="copy pgp to clipboard">PGP</a></p>
+	</section>
+
+	<script>
+		const _ = document.querySelector(".underscore")
+		let b = false
+		setInterval(() => {
+			b ? _.style.visibility = "visible" : _.style.visibility = "hidden"
+			b = !b
+		}, 500)
+	</script>
+</section>
+
+{% endblock content %}
--- a/templates/project.html
+++ b/templates/project.html
@ -0,0 +1,21 @@
+{% extends "base.html" %}
+
+{% block styles %}
+	<link rel="stylesheet" href="/project.css">
+{% endblock styles %}
+
+{% block content %}
+	<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 class="project-full">
+			{{ page.content | safe }}
+		</section>
+	</section>
+{% endblock content %}
--- a/templates/project_list.html
+++ b/templates/project_list.html
@ -0,0 +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 %}
+				<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>
+			{% endfor %}
+	</section>
+{% endblock content %}
Author	SHA1	Message	Date
Filip Rojek	2e25a00637	Fixes: #2 changed gpg key All checks were successful Build and Deploy Zola Website / build_and_deploy (push) Successful in 18s Details Build Zola Website / build (pull_request) Successful in 15s Details	2024-02-08 09:36:14 +01:00
Filip Rojek	63d4122322	Added: posts page All checks were successful Build and Deploy Zola Website / build_and_deploy (push) Successful in 17s Details Build Zola Website / build (pull_request) Successful in 16s Details	2024-02-08 09:13:08 +01:00
Filip Rojek	5090214128	Fixes: #5 body padding	2024-02-08 09:12:18 +01:00
Filip Rojek	1e9475e806	Fixed: console on mobile All checks were successful Build and Deploy Zola Website / build_and_deploy (push) Successful in 28s Details	2023-12-18 19:03:05 +01:00
Filip Rojek	47f26c96f6	console (#1 ) All checks were successful Build and Deploy Zola Website / build_and_deploy (push) Successful in 18s Details Reviewed-on: #1	2023-12-18 03:33:05 +01:00
Filip Rojek	f137aceb6e	Removed old website Some checks failed Build and Deploy Zola Website / build_and_deploy (push) Failing after 17s Details	2023-12-07 23:01:29 +01:00
Filip Rojek	d3c49bcc78	Added Gitea Actions workflow files for CI/CD	2023-12-07 21:22:20 +01:00
Filip Rojek	dc68ded731	README.md updated	2023-12-07 21:15:50 +01:00
Filip Rojek	9d0a4d77b3	fixed some shits	2023-11-19 00:56:48 +01:00
Filip Rojek	7c0a463917	some updates almost ready for v1	2023-09-20 17:03:40 +02:00
Filip Rojek	35d081abc4	update	2023-08-29 10:08:14 +02:00
Filip Rojek	93895a5967	updated contacts and home page + cleaning	2023-06-21 16:26:18 +02:00
Filip Rojek	03d46cb73a	bigger update	2023-06-17 16:04:09 +02:00
Filip Rojek	5c1910292e	cleaning	2023-06-02 19:06:31 +02:00
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="#ffffffff" d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480v58q0 59-40.5 100.5T740-280q-35 0-66-15t-52-43q-29 29-65.5 43.5T480-280q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480v58q0 26 17 44t43 18q26 0 43-18t17-44v-58q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93h200v80H480Zm0-280q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Z"/></svg>