Added: biome for formatting, Makefile

This reverts commit b022a4ae37.

Makefile

@@ -0,0 +1,10 @@
+all: clean format build
+
+format:
+	biome format --write .
+
+build:
+	zola build
+
+clean:
+	rm -rf public/

README.md

@@ -8,15 +8,9 @@
 
 ## To Do
 - [ ] 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

biome.json

@@ -0,0 +1,15 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.7.3/schema.json",
+	"files": {
+		"ignore": [".vscode/", "node_modules/", "public/"]
+	},
+	"organizeImports": {
+		"enabled": true
+	},
+	"linter": {
+		"enabled": false,
+		"rules": {
+			"recommended": true
+		}
+	}
+}

config.toml

@@ -1,13 +1,14 @@
 # The URL the site will be built for
-base_url = "https://www.filiprojek.cz"
+base_url = "https://dev.filiprojek.cz"
 title = "Filip Rojek"
 
 compile_sass = true
-minify_html = true
+minify_html = false
 build_search_index = false
 
 [markdown]
 highlight_code = true
+external_links_target_blank = true
 external_links_no_follow = true
 external_links_no_referrer = true
 smart_punctuation = true
@@ -16,7 +17,8 @@ smart_punctuation = true
 git = "https://git.filiprojek.cz/fr/website"
 nav_items = [
 	{name="Home",      path="/"},
-	#{name="About",     path="/about"},
-	#{name="Projects",  path="/projects/"},
+	{name="About",     path="/about"},
+	{name="Projects",  path="/projects/"},
+	#{name="Posts",      path="/posts"}
 ]
 

content/about.md

@@ -3,8 +3,25 @@ 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.
+## About
+I am student of IT at Charles University in Prague (Faculty of Education).
 
-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`.
+In high school I started programming and got interested in `Linux`. I created several projects with a classmate under [Fofrweb](https://fofrweb.com). Especially web applications written in `Node.js` and `Vue.js`. All projects are hosted on my own Linux server.
+
+I am member of [Microlab](https://microlab.space) - hacker space at Charles University.
+
+I am also package maintainer for [Void Linux](https://voidlinux.org).
+
+## Contact
+- <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>
+- [@filiprojek](https://t.me/filiprojek) on Telegram
+- PGP: [0x7E65EA58C6075F09](https://keys.openpgp.org/vks/v1/by-fingerprint/CA3D9BE28315B49164130CD97E65EA58C6075F09)
+
+## Work
+I currently work as a Linux engineer at IS Media. Most of my work involves Debian based systems - desktops (Raspberry Pi, Intel NUC) and servers. I also manage an instance of GitLab.
+
+## Projects
+Most of my projects are hosted on Gitea and GitHub:
+- Gitea: [git.filiprojek.cz](https://git.filiprojek.cz/fr)
+- GitHub: [github.com/filiprojek](https://github.com/filiprojek)
 
-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`.

content/console.md

@@ -1,4 +0,0 @@
-+++
-title = "Console"
-template = "console.html"
-+++

content/projects/gitlab-ce-auto-minor-upgrade.md

@@ -1,19 +0,0 @@
-+++
-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)
-

content/projects/pkmples.md

@@ -0,0 +1,17 @@
++++
+title = "pkmples.cz website"
+date = 2023-12-18
+description = "Website for PKM Ples written in Zola"
+
+[extra]
+state = "done"
++++
+
+Website for PKM Ples written in [Zola](https://getzola.org).
+
+I am using [Gitea Actions](https://docs.gitea.com/usage/actions/overview) for CI/CD.
+
+It is available at [pkmples.cz](https://pkmples.cz).
+
+Source is available on my [Gitea](https://git.filiprojek.cz/fofrweb/com_pkmples.cz).
+

content/projects/wpa_tui.md

@@ -1,18 +0,0 @@
-+++
-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)

sass/console.scss

@@ -1,5 +0,0 @@
-.console {
-  background: gray;
-  width: 80vw;
-  min-height: 20vh;
-}

sass/content.scss

@@ -1,7 +1,7 @@
 .content {
 	display: flex;
 	flex-direction: column;
-	margin: 2rem 8rem;
+	margin: 2rem 20%;
 }
 
 .content {

sass/home.scss

@@ -4,6 +4,7 @@
 .home {
 	margin-top: 5rem;
 	font-size: 1.2rem;
+	padding: 0 5%;
 
 	section {
 		text-align: center;

sass/project.scss

@@ -1,17 +1,23 @@
+//.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;
+//	}
+//}
+
+
 .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;
-	}
+  display: flex;
+  gap: 2.5rem;
 }

templates/about.html

@@ -6,18 +6,6 @@
 
 {% 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">hello@filiprojek.cz</a></p>
-			<p>telegram: <a href="https://t.me/filiprojek">@filiprojek</a></p>
-			<p>git: <a href="https://git.filiprojek.cz">Personal git</a></p>
-			<p>github: <a href="https://github.com/filiprojek">GitHub</a></p>
-			<p>PGP: <a href="#" class="pgpwrap">fc37b989787acf8cbce7c0c2a56a345efe321161</a></p>
-		</div>
+  	{{ page.content | safe }}
 	</section>
 {% endblock content %}

templates/base.html

@@ -58,14 +58,14 @@
 		<footer>
 			<p>Build time: {{ now() | date(format="%Y-%m-%d %H:%M") }},
 			{% if config.extra.git %}
-				<a href="{{ config.extra.git }}">Source</a>
+				<a href="{{ config.extra.git }}" target="_blank">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")
+			console.log("I heard that a cool frontend developer works for https://fofrweb.com")
 		</script>
 	</body>
 </html>
+

templates/console.html

@@ -1,12 +0,0 @@
-{% 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" disabled autofocus></textarea>
-  <script src="/js/console.js" defer></script>
-{% endblock content %}

templates/index.html

@@ -1,22 +1,13 @@
 {% 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>
+		<p>Filip Rojek &lt&#102;&#105;&#108;&#105;&#112;&#064;&#102;&#105;&#108;&#105;&#112;&#114;&#111;&#106;&#101;&#107;&#046;&#099;&#122;&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>
+		<p>Linux sysadmin, 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 id="pgp" title="copy pgp to clipboard">PGP: fc37b989787acf8cbce7c0c2a56a345efe321161</p>
+		<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>
@@ -28,18 +19,8 @@
 			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

@@ -5,7 +5,8 @@
 {% endblock styles %}
 
 {% block content %}
-	<section class="project-wrapper flex-row">
+	<section class="project-wrapper flex-col">
+    <!--
 		<section class="left-bar flex-col">
 			<h2>Projects</h2>
 			{% set section = get_section(path=page.ancestors | last) %}
@@ -13,9 +14,13 @@
 				<a href="{{ project.permalink }}">{{project.title}}</a>
 			{% endfor %}
 		</section>
+-->
 	
-		<section class="project-full">
-			{{ page.content | safe }}
-		</section>
+    <h2>{{ page.title }}</h2>
+    <div>
+      {{ page.content | safe }}
+    </div>
+    <a href="/projects">Back to list of projects</a>
 	</section>
 {% endblock content %}
+

templates/project_list.html

@@ -4,7 +4,6 @@
 	<link rel="stylesheet" href="/project_list.css">
 {% endblock styles %}
 
-
 {% block content %}
 	<section class="project-list content">
 		<h1>My Projects</h1>
@@ -26,3 +25,4 @@
 			{% endfor %}
 	</section>
 {% endblock content %}
+