Compare commits

14 Commits

Author SHA1 Message Date
2144038970 Rewrite title and description for jellyfin post
All checks were successful
Build and Deploy Zola Website / build_and_deploy (push) Successful in 17s
Build Zola Website / build (pull_request) Successful in 24s
2024-10-17 14:03:35 +02:00
512a810122 New post: how i fixed cs2 4:3 resolution 2024-10-17 13:59:25 +02:00
2e5696f767 Added: copy text button
All checks were successful
Build and Deploy Zola Website / build_and_deploy (push) Successful in 28s
Build Zola Website / build (pull_request) Successful in 35s
2024-10-15 11:11:08 +02:00
1751b590aa Text align left
All checks were successful
Build and Deploy Zola Website / build_and_deploy (push) Successful in 16s
Build Zola Website / build (pull_request) Successful in 21s
2024-10-14 19:24:42 +02:00
a95f13943f CSS formatted
All checks were successful
Build and Deploy Zola Website / build_and_deploy (push) Successful in 16s
Build Zola Website / build (pull_request) Successful in 23s
2024-10-14 17:15:08 +02:00
7f23f234cd Changed ancher color 2024-10-14 17:13:49 +02:00
b227a41a43 Zola workflow updated
All checks were successful
Build and Deploy Zola Website / build_and_deploy (push) Successful in 30s
Build Zola Website / build (pull_request) Successful in 27s
2024-10-14 17:01:20 +02:00
bf5f265116 Design improvments 2024-10-14 16:52:45 +02:00
1cf12f91f0 Added border radius to code, meta description 2024-10-14 16:10:17 +02:00
00eec8be70 CSS redesign stuff, other things idk 2024-10-14 01:15:41 +02:00
542e432596 Jellyfin post 2024-10-12 22:45:43 +02:00
0791f417f3 Core for the posts section 2024-10-03 02:45:58 +02:00
2439dfa78d Added: biome for formatting, Makefile
All checks were successful
Build and Deploy Zola Website / build_and_deploy (push) Successful in 36s
Build Zola Website / build (pull_request) Successful in 17s
2024-06-03 00:23:19 +02:00
e0248abb46 Revert "Changes for master"
This reverts commit b022a4ae37.
2024-06-03 00:10:28 +02:00
35 changed files with 204 additions and 704 deletions

View File

@@ -4,9 +4,6 @@ on: pull_request
jobs:
build:
# Skip if PR base is master/dev
if: github.base_ref != 'master' && github.base_ref != 'dev'
runs-on: ubuntu-latest
steps:

View File

@@ -29,9 +29,6 @@ jobs:
run: |
./zola build
- name: Run postbuild script
run: bash ./postbuild.sh
- name: Set Destination Folder if MASTER
if: ${{ github.ref == 'refs/heads/master' }}
run: echo "DEST_FOLDER=/srv/www/cz/filiprojek/www" >> $GITHUB_ENV

1
.gitignore vendored
View File

@@ -1,2 +1 @@
public/
*.swp

View File

@@ -1,41 +1,10 @@
# -------- Config --------
SHELL := /bin/sh
all: clean format build
ZOLA ?= zola
BIOME ?= npx biome
format:
biome format --write .
BUILD_DIR := public
# -------- Targets --------
.PHONY: help serve build clean format lint fix fix-unsafe check ci
help: ## Show this help
@awk 'BEGIN{FS":.*##"; printf "\nTargets:\n"} /^[a-zA-Z0-9_.-]+:.*##/{printf " \033[36m%-14s\033[0m %s\n", $$1, $$2}' $(MAKEFILE_LIST); echo
serve: ## Run Zola dev server (http://127.0.0.1:1111)
$(ZOLA) serve
build: ## Build site into ./public
$(ZOLA) build
clean: ## Remove ./public
rm -rf "$(BUILD_DIR)"
format: ## Format JS/JSON/CSS with Biome (no linting)
$(BIOME) format --write .
lint: ## Lint with Biome (no writes)
$(BIOME) ci .
fix: ## Lint+auto-fix safe changes with Biome
$(BIOME) check --write .
fix-unsafe: ## Lint+auto-fix incl. unsafe (e.g., template literals)
$(BIOME) check --write --unsafe .
check: ## Zola link/content checks
$(ZOLA) check
ci: ## CI-friendly: lint (Biome) + Zola checks
$(BIOME) ci . && $(ZOLA) check
build:
zola build
clean:
rm -rf public/

View File

@@ -1,27 +1,28 @@
# fr/website
# Website
- My personal website https://www.filiprojek.cz
- Written in [Zola](https://getzola.org)
Personal website of **Filip Rojek** built with **[Zola](https://www.getzola.org/)** (Tera templates, SASS).
## To run development server
- `zola serve`
- Then it can be access at http://127.0.0.1:1111/
Live content: posts and projects.
## To Do
- [ ] Docker?
- [ ] redesign contact
- [ ] redesign about
- [ ] check about text content
- [ ] responsibility
---
## Quick start
### Prerequisites
- Zola (install from your distro or see https://www.getzola.org/documentation/getting-started/installation/)
### Develop
```bash
# run local dev server
zola serve
# default: http://127.0.0.1:1111
````
### Build
```bash
# render to ./public
zola build
```
# Projects
- nork
- website
- debrepo
- auto irrigation
- auto awning close
- FofrTasks
- FofrMess
- pkmples.cz
- deguapp?
- wpa_tui?
- dotfiles

View File

@@ -1,41 +1,15 @@
{
"$schema": "https://biomejs.dev/schemas/2.2.2/schema.json",
"vcs": {
"enabled": true,
"clientKind": "git",
"useIgnoreFile": true
},
"$schema": "https://biomejs.dev/schemas/1.7.3/schema.json",
"files": {
"includes": ["**", "!public", "!content", "!templates", "!static/img", "!**/*.min.js"]
"ignore": [".vscode/", "node_modules/", "public/"]
},
"formatter": {
"organizeImports": {
"enabled": true
},
"linter": {
"enabled": true,
"enabled": false,
"rules": {
"recommended": true
}
},
"javascript": {
"formatter": {
"lineWidth": 100,
"quoteStyle": "double",
"jsxQuoteStyle": "double",
"trailingCommas": "all",
"semicolons": "always"
}
},
"json": {
"formatter": {
"lineWidth": 100
}
},
"css": {
"formatter": {
"enabled": true,
"lineWidth": 100,
"quoteStyle": "single"
}
}
}

View File

@@ -3,25 +3,25 @@ title = "About"
template = "about.html"
+++
I am an IT student at Charles University in Prague (Faculty of Education).
## About
I am student of IT at Charles University in Prague (Faculty of Education).
As a member of [Microlab](https://microlab.space), the university's hackerspace, I collaborate on various hardware and software projects. Additionally, I contribute to the open-source community as a package maintainer for [Void Linux](https://voidlinux.org).
My programming journey began in high school, where I developed a passion for `Linux` and co-founded [Fofrweb](https://fofrweb.com). Together with a classmate, I created web applications using `Node.js` and `Vue.js`, all hosted on my own Linux server.
As a member of [Microlab](https://microlab.space), the university's hacker space, I engage with fellow tech enthusiasts. Additionally, I contribute to the open-source community as a package maintainer for [Void Linux](https://voidlinux.org).
## Work
I currently work as a Linux engineer. Most of my work involves Debian based systems - desktops (Raspberry Pi, Intel NUC) and servers.
Currently employed as a Linux DevOps engineer, focusing primarily on Debian-based systems across a variety of hardware platforms.
I also create custom websites from time to time.
I also create custom websites from time to time.
## Projects
Most of my projects are hosted on my private Gitea instance and GitHub:
- Gitea: [git.filiprojek.cz/fr](https://git.filiprojek.cz/fr)
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)
## 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)

View File

@@ -1,196 +0,0 @@
+++
title = "Creating a Language-Specific Jellyfin Library"
date = 2024-12-14
description = "How to set up a Jellyfin library for language-specific content"
+++
Managing a multilingual media library can be a challenge, especially if you want to share specific language content with others. In my case, I have a large collection of movies and TV shows in both Czech and English. To help my parents enjoy only Czech-language content, I decided to create a dedicated Jellyfin library for it. Since Jellyfin doesn't natively support filtering libraries by language, I built a custom solution using Bash scripting and Docker.
## The Problem
My media library has the following folder structure for movies:
```
movies/
├── Movie name (Year of release)
│ ├── Movie name resolution.mkv
│ └── Movie name resolution.nfo
```
And for series:
```
series/
├── Series name
│ └── Season 1
│ ├── Series name - S01E01 - Pilot WEBRip-1080p.mkv
│ ├── Series name - S01E01 - Pilot WEBRip-1080p.cs.srt
│ └── Series name - S01E01 - Pilot WEBRip-1080p.en.srt
```
For movies, each film is stored in its own folder. For series, episodes are nested within season folders, under the parent series folder. Jellyfin requires each movie or series to reside in its own directory, which means symlinks must point to the parent folder rather than the media files themselves.
Additionally, I needed to differentiate between movies and series when creating symlinks. For movies, the parent directory is the movie folder, but for series, the symlink should point to the series' root folder (not the season folder). Here's how I solved it.
## Custom Script for Language Filtering
The following script processes the media directories to identify content with Czech audio tracks and creates symlinks to organize them into separate `cz_movies` and `cz_series` directories.
```bash
#!/bin/bash
# Define directories and language codes
SOURCE_DIR_MOVIES="/media/movies"
TARGET_DIR_MOVIES="/media/cz_movies"
SOURCE_DIR_SERIES="/media/series"
TARGET_DIR_SERIES="/media/cz_series"
LANGUAGES_TO_CHECK=("cze" "cz" "Czech" "czech" "česky" "cs" "ces")
FFPROBE="/usr/lib/jellyfin-ffmpeg/ffprobe"
# List of file extensions to skip
SKIP_EXTENSIONS=("nfo" "srt" "sh")
# Function to process a source directory
process_directory() {
local SOURCE_DIR="$1"
local TARGET_DIR="$2"
local IS_SERIES="$3"
# Loop through all files in SOURCE_DIR and subdirectories
find "$SOURCE_DIR" -type f | while read FILE; do
# Get the file extension
EXTENSION="${FILE##*.}"
# Check if the file extension is in the skip list
if [[ " ${SKIP_EXTENSIONS[@]} " =~ " $EXTENSION " ]]; then
# Skip the file if it's in the skip list
continue
fi
echo "Processing $FILE"
# Get the languages from the current file
LANGUAGES=($($FFPROBE -v error -show_entries stream=codec_type:stream_tags=language:stream=codec_name -of default=noprint_wrappers=1:nokey=1 "$FILE" | tr '\n' ' ' | grep -o 'audio [^ ]*' | awk '{print $2}'))
# Check if any of the languages in LANGUAGES_TO_CHECK exist in LANGUAGES
FOUND=false
for LANG_TO_CHECK in "${LANGUAGES_TO_CHECK[@]}"; do
if [[ " ${LANGUAGES[@]} " =~ " $LANG_TO_CHECK " ]]; then
FOUND=true
break
fi
done
if $FOUND; then
echo "Found a matching language (${LANGUAGES_TO_CHECK[@]}) in the list"
# Determine the symlink target based on whether this is a series or a movie
if [ "$IS_SERIES" = true ]; then
# For series, link the <Series name> directory
PARENT_DIR=$(dirname "$(dirname "$FILE")")
else
# For movies, link the <Movie name> directory
PARENT_DIR=$(dirname "$FILE")
fi
# Create a symlink to the parent directory in TARGET_DIR
ln -snf "$PARENT_DIR" "$TARGET_DIR/$(basename "$PARENT_DIR")"
echo "Symlink \"$PARENT_DIR\" \"$TARGET_DIR/$(basename "$PARENT_DIR")\""
echo "Symlink created for $PARENT_DIR"
else
echo "Skipping $FILE"
fi
done
}
# Process movies and series directories
process_directory "$SOURCE_DIR_MOVIES" "$TARGET_DIR_MOVIES" false
process_directory "$SOURCE_DIR_SERIES" "$TARGET_DIR_SERIES" true
```
## Automating the Script with Docker and Cron
To automate the script, I run it hourly using a minimal Docker container with cron installed. Instead of modifying the Jellyfin Docker image, I created a separate Alpine-based container to handle the job.
### Dockerfile for the Cron Container
```Dockerfile
FROM alpine:latest
RUN apk update && \
apk add --no-cache docker && \
rm -rf /var/cache/apk/*
CMD ["sh"]
```
### Docker-Compose Setup
Here's the updated `docker-compose.yml` that includes the Jellyfin service and the cron container:
```yaml
services:
jellyfin:
image: jellyfin/jellyfin:latest
container_name: jellyfin
# ... your jellyfin docker compose ...
volumes:
- ./czech-lib-cron.sh:/czech-lib-cron.sh:ro # the custom library script
- /mnt/media/torrent:/media:ro # your media folder
- /mnt/media/torrent/cz_movies:/media/cz_movies # the newely created language specific library folder
- /mnt/media/torrent/cz_series:/media/cz_series # the newely created language specific library folder
jellyfin-cron:
build:
context: ../docker-cron
dockerfile: Dockerfile
container_name: jellyfin-cron
# Run the custom library script every hour at 45 minutes past
command: >
/bin/sh -c "
echo '45 * * * * docker exec -u root jellyfin bash -c \"/czech-lib-cron.sh\"' > /etc/crontabs/root &&
crond -f -l 2"
volumes:
- /var/run/docker.sock:/var/run/docker.sock # Needed for `docker exec`
networks:
- default
```
## Bonus: Fix Missing Audio Language Metadata
Some files in my library lacked proper audio language metadata, causing them to be missed by the script. To fix this, I wrote another script to add the correct metadata:
```bash
#!/bin/bash
# Root directory (current working directory)
ROOT_DIR="$(pwd)"
# Function to process each video file
process_file() {
local input_file="$1"
local temp_file="${input_file%.avi}_temp.avi"
echo "Processing: $input_file"
# Add metadata to the audio track and overwrite the original file
ffmpeg -i "$input_file" -map 0 -c copy -metadata:s:a:0 language=cze "$temp_file"
if [[ $? -eq 0 ]]; then
mv "$temp_file" "$input_file"
echo "Successfully updated: $input_file"
else
echo "Error updating: $input_file"
rm -f "$temp_file" # Remove temporary file on failure
fi
}
# Export function for use in find's -exec
export -f process_file
# Find all .avi files and process them
find "$ROOT_DIR" -type f -name "*.avi" -exec bash -c 'process_file "$0"' {} \;
```
This script re-encodes files to include the missing language metadata. It defaults to `.avi` files, but you can adjust it as needed.
## Conclusion
With this setup, you can create language-specific libraries in Jellyfin. Make sure to add the /media/cz_movies and /media/cz_series folders as paths for new libraries in the Jellyfin dashboard settings. After adding these libraries, simply scan them to see your filtered content. Happy watching!

View File

@@ -1,91 +0,0 @@
+++
title = "Unix pass and Android Password Store with YubiKey"
date = 2025-01-01
description = "Setting Up Unix pass with YubiKey and Android Password Store"
+++
Using a secure and versatile password manager is a must for managing your digital life, and [pass](https://www.passwordstore.org/), the Unix password manager, is a fantastic choice. If you store your GPG key on a YubiKey and use the [Android Password Store](https://github.com/android-password-store/Android-Password-Store) app with [OpenKeychain](https://github.com/open-keychain/open-keychain), this guide will help you set everything up while addressing a common compatibility issue with `throw-keyids` in `gpg.conf`.
## What Youll Need
- A YubiKey configured with your GPG key (see the excellent [YubiKey-Guide by drduh](https://github.com/drduh/YubiKey-Guide)).
- The [pass](https://www.passwordstore.org/) command-line utility.
- [OpenKeychain](https://github.com/open-keychain/open-keychain) installed on your Android device.
- The [Android Password Store](https://github.com/android-password-store/Android-Password-Store) app.
## Configuring `pass` with a YubiKey-Stored GPG Key
1. **Set up your YubiKey and GPG key**
- Follow the steps in [drduhs YubiKey guide](https://github.com/drduh/YubiKey-Guide) to create and configure your GPG key on your YubiKey.
2. **Install `pass`**
- Install the `pass` utility on your Linux system. Most distributions have it in their package repositories:
```bash
apt install pass # For Debian/Ubuntu-based distros
xbps-install -S pass # For Void Linux
```
3. **Initialize `pass` with your GPG key**
- Run the following command to initialize the `.password-store` directory:
```bash
pass init <KEYID>
```
- Replace `<KEYID>` with your GPG key ID stored on the YubiKey.
4. **Sync passwords to your Android device**
- Clone your `.password-store` repository to your Android device and set up the `Password Store` app with `OpenKeychain`.
## The `throw-keyids` Issue
While working through this issue, I found a helpful discussion in [GitHub issue #173](https://github.com/android-password-store/Android-Password-Store/issues/173) for the Android Password Store repository. This thread provided insights that clarified the root cause of the problem and its resolution.
During setup, you might encounter an error in the Android Password Store app. OpenKeychain could report that the `.gpg` files are encrypted for a different key, even if they are not. This issue arises due to the `throw-keyids` option in `~/.gnupg/gpg.conf`.
### What Does `throw-keyids` Do?
The `throw-keyids` option in `gpg.conf` hides the recipients key ID during encryption. While this enhances privacy by preventing others from identifying the intended recipient(s), it can cause issues with OpenKeychain. OpenKeychain relies on visible key IDs to identify the correct decryption key, and without them, it assumes the files were encrypted for an unknown key.
### Fixing the Issue
To resolve this, you need to disable `throw-keyids` and re-encrypt your password store.
1. **Comment Out `throw-keyids` in `gpg.conf`**
- Open `~/.gnupg/gpg.conf` in your favorite text editor and comment out the line:
```
# throw-keyids
```
2. **Re-encrypt Your Password Store**
- Run the following command to re-encrypt all passwords with the new GPG options:
```bash
PASSWORD_STORE_GPG_OPTS="--no-throw-keyids" pass init <KEYID>
```
- Replace `<KEYID>` with your GPG key ID.
3. **Optional: Update Your Environment**
- To ensure `--no-throw-keyids` is always used, add the following line to your `~/.bashrc`:
```bash
export PASSWORD_STORE_GPG_OPTS='--no-throw-keyids' # Fix for OpenKeychain
```
- While this step is not strictly necessary (since the change in `gpg.conf` resolves the issue), it can serve as a safeguard.
4. **Sync the Updated Password Store**
- Push the updated `.password-store` to your remote repository and pull it on your Android device.
## Conclusion
With these steps, you can seamlessly use `pass` with a YubiKey and the Android Password Store app. The issue with `throw-keyids` is a minor hurdle that can be resolved by adjusting your `gpg.conf` and re-encrypting your password store. Disabling `throw-keyids` makes your key IDs visible, which slightly reduces privacy but is necessary for compatibility with OpenKeychain.
For further details on `pass`, GPG, or YubiKey, refer to their respective documentation. A secure password manager setup like this ensures your sensitive information stays safe across devices.
# References
- [Standard unix password manager](https://www.passwordstore.org/)
- [drduh's YubiKey Guide](https://github.com/drduh/YubiKey-Guide)
- [Android Password Store issue](https://github.com/android-password-store/Android-Password-Store/issues/173#issuecomment-453686599)

View File

@@ -1,20 +0,0 @@
+++
title = "Auto Awning Close"
date = 2021-04-12
description = "Automated awning control system using Arduino Nano and relays. Includes weather and time-based conditions for seamless operation."
[extra]
state = "done"
+++
The **Auto-Awning-Close** is a smart automation project that integrates seamlessly with an existing awning system. Leveraging an Arduino Nano and relays, it allows for effortless, automated control of your awning based on weather conditions, time schedules, or manual inputs via a dedicated remote.
This project showcases a sleek and functional approach to home automation, featuring PCB and breadboard schematics for a professional and reliable build. It prioritizes integration, ensuring the original remote controller remains operational while introducing new capabilities.
## **Key Features**
- **Weather-Based Automation:** Protect your awning from harsh elements like rain or wind with automatic closure when necessary.
- **Time-Based Automation:** Program your awning to open or close at specific times to suit your routine or maximize daylight exposure.
- **Seamless Remote Control:** Retain manual control with a secondary remote for added flexibility alongside automation.
If you're interested in robust, user-friendly home automation solutions, the Auto-Awning-Close project demonstrates how hardware, creativity, and practical design come together.

View File

@@ -1,39 +1,18 @@
+++
title = "Debrepo"
date = 2023-05-01
description = "Lightweight tool to create and manage Debian APT repositories"
description = "A Debian repository management tool"
[extra]
state = "stable"
+++
**Debrepo** is a lightweight tool for creating and managing Debian repositories for `*.deb` packages — a simple alternative to heavier tools like `reprepro` or `aptly`.
# Debrepo
A Debian repository management tool.
#### **Key Features:**
* **Init repository structure** (`debrepo init`)
* **Add / delete packages** (`debrepo add`, `debrepo del`)
* **List packages** (`debrepo list`)
* **Built-in static serving** for quick testing (`debrepo serve`)
* **Minimal deps:** `sh`, `dpkg`, `gpg`, `python3`
## 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.
#### **Quick usage**
```bash
# create repo structure
debrepo init /path/to/repo
# add a package
debrepo add ./build/foo_1.0_amd64.deb
# list & remove
debrepo list
debrepo del foo_1.0_amd64
# serve locally (for testing)
debrepo serve
````
Find the source here:
* Primary (Gitea): [https://git.filiprojek.cz/fr/debrepo](https://git.filiprojek.cz/fr/debrepo)
* GitHub (mirror): [https://github.com/filiprojek/debrepo](https://github.com/filiprojek/debrepo)
## Links
- [Git](https://git.filiprojek.cz/fr/debrepo)

View File

@@ -1,24 +0,0 @@
+++
title = "WALauncher"
date = 2024-12-15
description = "A lightweight launcher for your web apps, an alternative to Muximux"
[extra]
state = "done"
+++
**WALauncher** is a lightweight, web-based application launcher created as a modern alternative to [Muximux](https://github.com/mescon/Muximux). It is designed for effectively managing web applications such as Servarr, yet it offers extensive customization options suitable for various web-based services.
WALauncher enables users to organize their web services into a user-friendly dashboard, making it ideal for home servers or personal projects.
#### **Key Features:**
* **Minimalistic Design:** Intuitive layout for easy access to all your web apps.
* **Docker Support:** Deploy effortlessly using the provided Docker setup for consistent and reliable hosting.
* **Customizable:** Configure apps, icons, titles, and additional options to fit your preferences.
* **Open Source:** Contribute to or modify the project to suit your needs.
WALauncher combines simplicity and functionality for managing your web services with minimal overhead. Its a solution you can easily deploy and adapt to your workflow.
Visit the [GitHub](https://github.com/filiprojek/walauncher) repository for additional information and screenshots.

View File

@@ -1,46 +0,0 @@
#!/bin/bash
public_dir="./public"
css_extension=".css"
timestamp=$(date +%s)
# Define an array of folders to skip
skip_folders=("img" "svg" "fonts")
# Function to check if a path is within a skipped folder
is_skipped_folder() {
local path=$1
for skip in "${skip_folders[@]}"; do
if [[ "$path" == */$skip/* ]]; then
return 0
fi
done
return 1
}
# Function to add timestamp to CSS files and update HTML imports
update_css_references() {
find "$public_dir" -type f -name "*$css_extension" | while read -r css_file; do
if is_skipped_folder "$css_file"; then
continue
fi
base_dir=$(dirname "$css_file")
base_name=$(basename "$css_file" "$css_extension")
new_name="${base_name}-${timestamp}${css_extension}"
new_path="${base_dir}/${new_name}"
# Rename the CSS file
mv "$css_file" "$new_path"
echo "Renamed: $css_file -> $new_path"
# Update all HTML files under public recursively
find "$public_dir" -type f -name "*.html" | while read -r html_file; do
sed -i "s|$base_name$css_extension|$new_name|g" "$html_file"
echo "Updated references in: $html_file"
done
done
}
update_css_references

View File

@@ -1,20 +1,9 @@
.about {
h1 {
font-size: 2rem;
margin-bottom: 2rem;
}
h2 {
margin-top: 1rem;
margin-bottom: .5rem;
}
h3,
h4,
h5,
h6,
p {
h3, h4, h5, h6, p {
margin-top: .5rem;
margin-bottom: .5rem;
}
@@ -22,6 +11,5 @@
p {
text-align: left;
}
margin-bottom: 3rem; // space for footer
}

View File

@@ -12,7 +12,3 @@
flex-direction: row;
}
.disable-scroll {
overflow: hidden !important;
position: fixed;
}

View File

@@ -24,30 +24,6 @@
display: none;
}
}
.latest-projects-posts {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 1rem;
margin-top: 5rem;
margin-bottom: 2rem;
.project {
display: flex;
flex-direction: column;
margin: 1rem 0;
width: 100%;
max-width: 40%;
gap: 1rem;
.title {
font-size: 1.2rem;
}
.description {
font-size: 1rem;
}
}
}
@media (max-width: 600px) {
#pgp {
display: none;
@@ -55,9 +31,5 @@
#pgpmobile {
display: inline-block;
}
.latest-projects-posts .project {
margin: 1rem 5%;
max-width: 90%;
}
}

View File

@@ -1,23 +1,14 @@
//.language-yaml {
pre {
display: flex; /* Enables flexbox */
align-items: center; /* Vertically centers the content */
justify-content: space-between; /* Allows space for the copy button on the right */
max-width: 100%;
display:flex;
align-items: center;
min-height: 3rem;
white-space: pre-wrap;
word-wrap: break-word;
overflow-x: auto;
overflow-y: auto;
min-height: 3rem; /* Maintains a consistent height */
padding: 0.5rem;
margin: 0.5rem 0;
padding: .5rem;
margin: .5rem 0;
border-radius: 5px;
white-space: pre; /* Keeps code formatting */
box-sizing: border-box; /* Includes padding in width calculation */
}
code {
display: inline-block;
word-break: break-word; /* Prevents long words from breaking the layout */
white-space: pre-wrap; /* Allows wrapping of long strings */
}
.project-wrapper {
@@ -51,7 +42,6 @@ code {
.copy-code-wrapper {
position: relative;
margin-block-start: 1em; // Fixes wrong margin when code block is inside listed item
}
.copy-code {
@@ -67,7 +57,13 @@ code {
@media (max-width: 768px) {
.project-wrapper {
max-width: 100%;
margin: 0rem 1rem;
padding: 1rem;
}
}
@media (max-width: 480px) {
.project-wrapper {
padding: 5px;
}
}

View File

@@ -7,7 +7,7 @@
body {
display: flex;
flex-direction: column;
min-height: 100dvh;
min-height: 100vh;
font-family: 'Source Code Pro', monospace;
background: var(--background);
color: var(--color);
@@ -79,41 +79,6 @@ footer {
align-items: center;
align-self: flex-end;
margin-top: auto;
margin-bottom: max(2rem, env(safe-area-inset-bottom)); /* Account for safe area */
margin-bottom: 2rem;
}
.hamburger {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 1090px) {
header {
.hamburger {
display: block;
font-size: 3rem;
text-decoration: none;
cursor: pointer;
user-select: none;
z-index: 2000;
}
.logo {
z-index: 2000;
}
.hamburger:hover {
color: white;
}
.links {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background: var(--c-gray);
flex-direction: column;
font-size: 2rem;
}
}
}

View File

@@ -1,28 +1,30 @@
const codes = document.querySelectorAll("pre");
let codes = document.querySelectorAll("pre")
codes.forEach((code) => {
const elWrapper = document.createElement("div");
elWrapper.classList.add("copy-code-wrapper");
codes.forEach(code => {
const elWrapper = document.createElement("div")
elWrapper.classList.add("copy-code-wrapper")
const el = document.createElement("span");
el.textContent = "Copy";
el.classList.add("copy-code");
elWrapper.appendChild(el);
const el = document.createElement("span")
el.textContent = "Copy"
el.classList.add("copy-code")
code.parentNode.insertBefore(elWrapper, code);
elWrapper.appendChild(el)
let textContent = "";
code.childNodes.forEach((child) => {
textContent += child.textContent;
});
code.parentNode.insertBefore(elWrapper, code)
let textContent = ""
code.childNodes.forEach(child => {
textContent += child.textContent;
})
elWrapper.addEventListener("click", (e) => {
e.preventDefault()
navigator.clipboard.writeText(textContent)
el.textContent = "Copied!"
setTimeout(() => {
el.textContent = "Copy"
}, 5000);
})
})
elWrapper.addEventListener("click", (e) => {
e.preventDefault();
navigator.clipboard.writeText(textContent);
el.textContent = "Copied!";
setTimeout(() => {
el.textContent = "Copy";
}, 5000);
});
});

107
static/js/console.js Normal file
View File

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

View File

@@ -1,24 +0,0 @@
const burger = document.querySelector(".hamburger");
const links = document.querySelector(".links");
const body = document.querySelector("body");
const main = document.querySelector("main");
let shown = false;
burger.addEventListener("click", (e) => {
e.preventDefault();
if (!shown) {
links.style.display = "flex";
body.classList.add("disable-scroll");
burger.textContent = "x";
main.style.visibility = "hidden";
} else {
links.style.display = "none";
body.classList.remove("disable-scroll");
burger.textContent = "☰";
main.style.visibility = "visible";
}
shown = !shown;
});

View File

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

View File

@@ -24,11 +24,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>
<script defer src="/js/mobile-navbar.js"></script>
{% block styles %}
{% endblock styles %}
<script defer data-domain="filiprojek.cz" src="https://analytics.fofrweb.com/js/script.js"></script>
</head>
<body>
<header>
@@ -45,7 +42,6 @@
>{{ item.name }}</a>
{% endfor %}
</div>
<div class="hamburger"></div>
</nav>
</header>
@@ -61,7 +57,6 @@
{% endblock content %}
</main>
<footer>
<p>Built using <a href="https://getzola.org" target="_blank">Zola SSG</a></p>
<p>Build time: {{ now() | date(format="%Y-%m-%d %H:%M") }},
{% if config.extra.git %}
<a href="{{ config.extra.git }}" target="_blank">Source</a>

View File

@@ -5,7 +5,7 @@
<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>
<br>
<p>Linux sysadmin, software engineer <a href="https://www.fofrweb.com/" target="_blank">@fofrweb</a>,<br> GNU/Linux <a href="http://voidlinux.org" target="_blank">Void</a> contributor and student at Charles University in Prague<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>PGP: <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/CA3D9BE28315B49164130CD97E65EA58C6075F09" target="_blank">0x7E65EA58C6075F09</a></p>
<br>
@@ -22,38 +22,5 @@
</script>
</section>
{# how many items to show #}
{% set n = 6 %}
{# fetch sections #}
{% set posts = get_section(path="posts/_index.md") %}
{% set projects = get_section(path="projects/_index.md") %}
{# merge, sort by date (desc), take first n #}
{% set latest = posts.pages
| concat(with=projects.pages)
| sort(attribute="date")
| reverse
| slice(end=n)
%}
<section class="latest-projects-posts">
<h2>Latest projects & posts</h2>
{% for page in latest %}
<div class="project">
<a class="title" href="{{ page.permalink }}">{{ page.title }}</a>
<p class="description">
{% if page.description %}{{ page.description }}{% else %}&hellip;{% endif %}
</p>
<hr>
<p>
{{ page.date }}
{% if page.path is starting_with("posts/") %} · Post
{% elif page.path is starting_with("projects/") %} · Project
{% endif %}
</p>
</div>
{% endfor %}
</section>
{% endblock content %}

View File

@@ -24,7 +24,6 @@
<!-- <h2>{{ page.title }}</h2> -->
<div>
<hr>
{{ page.content | safe }}
</div>
<a href="/posts" class="link-back">Back to list of posts</a>

View File

@@ -18,7 +18,6 @@
<h2>{{ page.title }}</h2>
<div>
<hr>
{{ page.content | safe }}
</div>
<a href="/projects" class="link-back">Back to list of projects</a>

View File

@@ -20,7 +20,7 @@
{% endif %}
</p>
<hr>
<p>{{ project.date }}</p>
<p>{{ project.date }} | {{ project.extra.state}}</p>
</div>
{% endfor %}
</section>