Console fixed, hide about and projects page

.gitea/workflows/build_and_deploy.yaml

@@ -6,28 +6,22 @@ on:
       - master
       - dev
 
-env:
-  ZOLA_VERSION: "0.19.2"
-  HOST: ${{ secrets.SERVER_IP }}
-  SSH_USERNAME: ${{ secrets.USERNAME }}
-  SSH_PRIVATE_KEY: ${{ secrets.DEPLOY_KEY }}
-
 jobs:
   build_and_deploy:
     runs-on: ubuntu-latest
 
     steps:
       - name: Checkout Repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v2
 
       - name: Set up Zola
-        run: |
+        uses: taiki-e/install-action@v2
-          wget https://github.com/getzola/zola/releases/download/v${ZOLA_VERSION}/zola-v${ZOLA_VERSION}-x86_64-unknown-linux-gnu.tar.gz
+        with:
-          tar -xvzf *.tar.gz
+          tool: zola@0.17.2
 
       - name: Build Zola Website
         run: |
-          ./zola build
+          zola build
 
       - name: Set Destination Folder if MASTER
         if: ${{ github.ref == 'refs/heads/master' }}
@@ -37,12 +31,14 @@ jobs:
         if: ${{ github.ref == 'refs/heads/dev' }}
         run: echo "DEST_FOLDER=/srv/www/cz/filiprojek/dev" >> $GITHUB_ENV
 
-      - name: Deploy
+      - name: Deploy to server
-        run: |
+        uses: AEnterprise/rsync-deploy@v1.0.2
-          apt update -y && apt-get install -y --no-install-recommends rsync
+        env:
-          eval "$(ssh-agent -s)"
+          DEPLOY_KEY: ${{ secrets.DEPLOY_KEY }}
-          ssh-add - <<< "${SSH_PRIVATE_KEY}"
+          ARGS: "-e -c -r --delete"
-          mkdir -p ~/.ssh/
+          SERVER_PORT: 22
-          ssh-keyscan -H ${HOST} >> ~/.ssh/known_hosts
+          FOLDER: "./public/"
-          rsync -r --delete-after public/* "${SSH_USERNAME}@${HOST}:${{ env.DEST_FOLDER }}"
+          SERVER_IP: ${{ secrets.SERVER_IP }}
+          USERNAME: ${{ secrets.USERNAME }}
+          SERVER_DESTINATION: ${{ env.DEST_FOLDER }}
 

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

@@ -3,12 +3,11 @@ 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="About",     path="/about"},
 	#{name="Projects",  path="/projects/"},
-	#{name="Posts",      path="/posts"}
 ]
 

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`.

content/console.md

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

content/projects/_index.md

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

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

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

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
+

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

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

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;
+	justify-content: start;
-  gap: 2.5rem;
+	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

@@ -23,10 +23,8 @@
 		<link rel="stylesheet" href="/content.css">
 		<link rel="stylesheet" href="/style.css">
 		<link rel="stylesheet" href="/home.css">
-    <script defer src="https://analytics.fofrweb.com/script.js" data-website-id="2b326fdd-6c87-4627-b1f1-d0afb40aeef6"></script>
 		{% block styles %}
 		{% endblock styles %}
-		<script defer data-domain="filiprojek.cz" src="https://analytics.fofrweb.com/js/script.js"></script>
 	</head>
 	<body>
 		<header>
@@ -34,7 +32,7 @@
 				<a href="/" class="logo">
 					<img src="/img/fr_logo.webp" alt="logo">
 				</a>
-				<!--<div class="links">
+				<div class="links">
 					{% for item in config.extra.nav_items %}
 						<a href="{{ item.path }}"
 							{% if item.path == current_path and item.path != "/" %}
@@ -42,7 +40,7 @@
 							{% endif %}
 						>{{ item.name }}</a>
 						{% endfor %}				
-        </div>-->
+				</div>
 			</nav>
 		</header>
 
@@ -58,12 +56,16 @@
 			{% endblock content %}
 		</main>
 		<footer>
+			<p>Build time: {{ now() | date(format="%Y-%m-%d %H:%M") }},
 			{% if config.extra.git %}
-				<a href="{{ config.extra.git }}" target="_blank">Source</a>
+				<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>
-

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>
+		<section class="project-full">
-    <div>
+			{{ page.content | safe }}
-      {{ page.content | safe }}
+		</section>
-    </div>
-    <a href="/projects">Back to list of projects</a>
 	</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 %}
-