WEB

Built with the tools and technologies:

• Table of Contents
• Overview
• Project Structure
• License

My website about coding and travel related stuff. It is build with Hugo and deployed to GitHub Pages using GitHub Actions.

The website can be found here: matschweb

A documentation of stuff I learned during coding. The topics I am currently working on are:

• Worfklow optimizations: Syncthing, Obsidian, AI
• Linux stuff: dotfiles, Shellmaster
• App development: Flutter

Mainly for sharing impressions of my solo travels with friends and family.

Follow the steps from GitHub Actions workflow.

Local Debugging:

• Run script ''' ./scripts/translate_markdown.py '''

At the moment the free version of DEEPL api is used for auto translation.

At the beginning I used Google Translator for automatic translation. It is deprecated but does work with python 3.12.3 For this usecase it is important to use the following python dependencies: requests python-frontmatter langdetect googletrans==4.0.0-rc1. Python 3.12.3 is included in Ubuntu 24.04 (see workflow).

Copy geo link from openstreetmap and insert into shortcode: ''' {{< open-street-map map_title="Flensburg Bahnhof" geo_link="geo:48.1395,6.8174?z=12" >}} ''' Add title manually.

Embed Komoot via the share link of kommoot. Copy the src link from the embed in to the shortcode: {{< komoot src="https://www.komoot.com/de-de/tour/2307166457/embed?share_token=aQnymAKsMOlxpwS71nFIKouaHoxZYQvpJC6IoyrL7MZERrNPtB&profile=1" >}}

Copy activity id from browser url and add to shortcode: {{< strava-activity id="14849684801" title="Packtest für Juli (Hinweg)" distance="104.39 km" elevation="959 hm" time="5h 02m" >}} Add title, distance, elevation and time manually.

I use images located in the same directory as the markdown file the shortcode is used. The the gallery can be generated like this: {{< galleries >}} {{< gallery src="img1.jpg" title="Fahrrad voll beladen" >}} {{< gallery src="img2.jpg" title="Am Strassbourger Kanal" >}} {{< gallery src="img3.jpg" title="Vogesen" >}} {{< gallery src="img4.jpg" title="Bester Schlafplatz mit Aussicht" >}} {{< /galleries >}} Add image name and title manually.

└── web/
    ├── .github
    │   └── workflows
    ├── README.md
    ├── archetypes
    ├── assets
    ├── content
    ├── hugo.toml
    ├── layouts
    ├── public
    ├── scripts
    │   └── translate_markdown.py
    ├── static
    └── themes
        └── PaperMod

Web is protected under the LICENSE License. For more details, refer to the LICENSE file.