Console fixed, hide about and projects page

README.md

@@ -8,9 +8,15 @@
 
 ## 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

config.toml

@@ -1,14 +1,13 @@
 # The URL the site will be built for
-base_url = "https://dev.filiprojek.cz"
+base_url = "https://www.filiprojek.cz"
 title = "Filip Rojek"
 
 compile_sass = true
-minify_html = false
+minify_html = true
 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
@@ -17,8 +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="Posts",      path="/posts"}
+	#{name="About",     path="/about"},
+	#{name="Projects",  path="/projects/"},
 ]
 

content/about.md

@@ -3,25 +3,8 @@ title = "About"
 template = "about.html"
 +++
 
-## About
-I am student of IT at Charles University in Prague (Faculty of Education).
+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.
 
-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)
+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`.

content/console.md

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

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)
+

content/projects/pkmples.md

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

@@ -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)

sass/console.scss

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

sass/content.scss

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

sass/home.scss

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

sass/project.scss

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

templates/about.html

@@ -6,6 +6,18 @@
 
 {% block content %}
 	<section class="about content">
-  	{{ page.content | safe }}
+	<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>
 	</section>
 {% endblock content %}

templates/base.html

@@ -64,8 +64,8 @@
 		</footer>
 
 		<script>
-			console.log("I heard that a cool frontend developer works for https://fofrweb.com")
+			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>
-

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

templates/index.html

@@ -1,13 +1,22 @@
 {% extends "base.html" %}
+
+{% block styles %}
+	<style>
+		.at {
+			height: 1rem;
+		}
+	</style>
+{% endblock styles %}
+
 {% block content %}
 
 <section class="home">
 	<section>
-		<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>
+		<p>Filip Rojek &ltfilip<img src="/img/at.svg" alt=" (at) " class="at">filiprojek.cz&gt</p>
 		<br>
-		<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>
+		<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>
+		<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>
@@ -19,8 +28,18 @@
 			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,8 +5,7 @@
 {% endblock styles %}
 
 {% block content %}
-	<section class="project-wrapper flex-col">
-    <!--
+	<section class="project-wrapper flex-row">
 		<section class="left-bar flex-col">
 			<h2>Projects</h2>
 			{% set section = get_section(path=page.ancestors | last) %}
@@ -14,13 +13,9 @@
 				<a href="{{ project.permalink }}">{{project.title}}</a>
 			{% endfor %}
 		</section>
--->
 	
-    <h2>{{ page.title }}</h2>
-    <div>
-      {{ page.content | safe }}
-    </div>
-    <a href="/projects">Back to list of projects</a>
+		<section class="project-full">
+			{{ page.content | safe }}
+		</section>
 	</section>
 {% endblock content %}
-

templates/project_list.html

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