bigger update

.gitignore

@@ -0,0 +1,2 @@
+public/
+

config.toml

@@ -0,0 +1,22 @@
+# 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="Projects",  path="/projects/"},
+	{name="Contacts",  path="/contact/"},
+]
+

content/akordy/_index.md

@@ -0,0 +1,7 @@
++++
+title = "Akordy"
+template = "akordy_list.html"
+page_template = "akordy.html"
+sort_by = "date"
++++
+

content/akordy/first.md

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

content/akordy/second.md

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

content/contact.md

@@ -0,0 +1,4 @@
++++
+title = "Contacts"
+template = "contact.html"
++++

content/projects/_index.md

@@ -0,0 +1,7 @@
++++
+title = "Projects"
+template = "project_list.html"
+page_template = "project.html"
+sort_by = "date"
++++
+

content/projects/first.md

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

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');
+}
+

sass/content.scss

@@ -0,0 +1,5 @@
+.content {
+	display: flex;
+	flex-direction: column;
+	margin: 2rem 8rem;
+}

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;
+	}
+}
+

sass/style.scss

@@ -0,0 +1,89 @@
+body {
+	--base-padding: .5rem 1rem;
+    --base-margin: 2rem;
+    --background: #111111;
+    --color: #ffffff;
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+
+body {
+	display: flex;
+	flex-direction: column;
+	min-height: 100vh;
+	font-family: 'Source Code Pro', monospace;
+	background: var(--background);
+	color: var(--color);
+}
+
+html {
+	overflow-y: scroll !important;
+	text-rendering: optimizeLegibility;
+	-webkit-font-smoothing: antialiased;
+	scroll-behavior: smooth;
+}
+*::-webkit-scrollbar {
+    width: 5px;
+}
+*::-webkit-scrollbar-thumb {
+    background-color: #ffffff;
+    border-radius: 20px;
+}
+*::-webkit-scrollbar-track {
+    background: #000000;
+}
+
+nav {
+	position: relative;
+	display: flex;
+	padding: 1rem;
+	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;
+	}
+}
+
+
+a { color: var(--color); }
+a:visited { color: var(--color); }
+a:hover { color: red; }
+
+@media (min-width: 400px) {
+	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;
+}
+

templates/base.html

@@ -0,0 +1,63 @@
+<!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 href="/style.css" rel="stylesheet">
+		<link href="/home.css" rel="stylesheet">
+		<link href="/content.css" rel="stylesheet">
+	</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>(c) filiprojek.cz 2022 - {{ now() | date(format="%Y")}}</p>
+		</footer>
+	</body>
+</html>
+

templates/contact.html

@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block content %}
+	<section class="contact content">
+		<h1>Contacts</h1>
+		<div class="contact-list">
+			<p>email: <a href="mailto:filip@filiprojek.cz">filip@filiprojek.cz</a></p>
+			<p>telegram: <a href="https://t.me/filiprojek">@filiprojek</a></p>
+			<p>git: <a href="https://git.filiprojek.cz">https://git.filiprojek.cz</a></p>
+			<p>github: <a href="https://github.com/filiprojek">https://github.com/filiprojek</a></p>
+			<p>PGP: <a href="#">fc37b989787acf8cbce7c0c2a56a345efe321161</a></p>
+		</div>
+	</section>
+{% endblock content %}

templates/index.html

@@ -0,0 +1,38 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<section class="home">
+	<section>
+		<p>Filip Rojek &ltfilip@filiprojek.cz&gt</p>
+	<br>
+	<p>Backend node.js & php developer <a href="https://www.fofrweb.com/" target="_blank">@fofrweb</a>,<br> Linux <a href="http://voidlinux.org" target="_blank">Void</a> 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>
+
+{% endblock content %}
+

templates/project.html

@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+
+{% block content %}
+	<section>
+		<h1>{{ page.title }}</h1>
+		{{ page.description }}
+	</section>
+	<section>
+		{{ page.content | safe }}
+	</section>
+{% endblock content %}

templates/project_list.html

@@ -0,0 +1,21 @@
+{% extends "base.html" %}
+
+{% 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>
+						{% if project.description %}
+							{{ project.description }}
+						{% else %}
+							&hellip;
+						{% endif %}
+					</p>
+				</div>
+			</a>
+		{% endfor %}
+	</section>
+{% endblock content %}