Personal website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Gitea 958e136559
continuous-integration/drone/push Build is passing Details
Calendar synchronization at Mon 6 Feb 23:00:21 UTC 2023
22 hours ago
.github Create dependabot.yml 3 years ago
_assets Improved navigation with anchors 4 years ago
_data Updated author data 2 years ago
_drafts Added draft article 3 years ago
_events Calendar synchronization at Sun 28 Nov 23:00:25 UTC 2021 1 year ago
_includes Fixed logical operator 3 years ago
_layouts Fixed position of back-to-top button on pages without sidebar 4 years ago
_posts Added speech of LA 1 year ago
assets Added slides for Digitalpolitik 2 years ago
blog Fixed issue with string screwing up HTML 5 years ago
cs Provided custom meta descriptions for each page and post 5 years ago
district Daten aktualisiert 3 years ago
pages Update 'pages/impressum.html' 9 months ago
politics Provided custom meta descriptions for each page and post 5 years ago
scripts Fixed deploy script 5 years ago
software-craftsman Added category and pages related to software craftsmanship 3 years ago
speeches Provided custom meta descriptions for each page and post 5 years ago
.drone.yml Ensure newest bundler 11 months ago
.eslintrc Added browser and jquery global variables to eslint environment 4 years ago
.gitignore Added node_modules to gitignore 5 years ago
.htaccess Updated path for allris-eimsbüttel 3 years ago
.travis.yml Ensures only pushes to master branch are built 5 years ago
Gemfile Bump rack from 2.2.5 to 1 week ago
Gemfile.lock Merge pull request #623 from 2martens/dependabot/bundler/rubocop-1.44.1 3 days ago
LICENSE Added missing space that should make GitHub pick up Apache 2.0 license 5 years ago Added updated build status badge 4 years ago
_config.test.yml Added config for test builds 4 years ago
_config.yml Added missing config for github metadata 3 years ago
counter Calendar synchronization at Mon 6 Feb 23:00:21 UTC 2023 22 hours ago
deploy_ed25519.enc Added travis CI 5 years ago
feed.xml Switched to jekyll assets 5 years ago
google98936b4605d7df21.html [Global] Added google site verification 6 years ago
gulpfile.js Set SASS compiler 2 years ago
index.html Added missing reading-optimised class to index 4 years ago
package.json Bump sass from 1.57.1 to 1.58.0 6 days ago
robots.txt Allow entire site for robots 5 years ago
yarn.lock Bump sass from 1.57.1 to 1.58.0 6 days ago

Personal Website

Build Status Website Status

This repository hosts my personal website. It is jekyll powered with all required dependencies described in the Gemfile. If you wanted, you could create the very same website with this repository that you can find under the official URL.

You can use it as a starting point for your own website. In the following I will describe what you need to change to make it your own (minimal changes).

Guest posts

If you want to contribute a post, feel free to submit a pull request with a post. Make sure to add the value "author" with your name.


  • _config.yml: this contains the site configuration, update it to meet your needs
  • _data/: this directory contains data files that allow for easy website changes
  • _data/author.yml: this file describes the key values for the author (website owner), the values are also used to populate the CV page and the author sidebar box
  • _data/footer-menu.yml: defines the footer menu
  • _data/header-menu.yml: defines the header menu
  • _data/notification.yml: defines the global configuration and if it is visible
  • _data/promotion.yml: defines the promotion and if it is visible
  • _data/cdn.yml: defines whether a CDN is used and what it's URL is
  • _data/lazy-loading.yml: defines whether images are loaded lazily
  • assets/: required static files
  • assets/images/uberspace-badge-*.png: must be changed to accomodate your promotional image
  • assets/images/brand.svg: must be changed to your brand image
  • assets/pdf/cv.pdf: change for your CV in PDF format
  • _posts/: delete and write your own posts
  • _includes/: no need to touch, nothing hard-coded inside
  • _includes/sidebar/: contains available sidebar boxes, add files here and then you can already use the new sidebar box
  • pages/: directory for pages, don't forget permalink variable for new pages, update every page but 404.html and cv.html to your situation
  • index.html: you should probably update the text here
  • .htaccess: remove the part that rewrites to

Beyond this no changes are absolutely necessary. No links are hard-coded in the pages, layouts or include files beyond the technical dependencies.

The sidebar is configured via variables in the YAML front matter. By default the author sidebar box is shown everywhere. You can customize this by adding the variable sidebarboxes to the front matter of a post, page or category. Then specify all boxes you want to use by their file name without the extension in the order they should appear separated by a whitespace each. Look into existing pages for examples.

Without any new files other than posts, these categories are supported out of the box:

  • speeches (appears under Speeches menu point)
  • politics (appear under Politics menu point)
  • politics G20 (appears both under Politics and Politics/G20 menu points)
  • cs (appears under Computer Science menu point)
  • blog (appears under Blog menu point)
  • site (appears on home page)

Responsive images

If you want to include responsive images in posts, use the following:

{% include image.html alt="<your alt text>" link="<the relative link to the image>" %}

If you have enabled a CDN and are in a production environment (JEKYLL_ENV set to production) the URL of the image will use the CDN. Otherwise it will be relative to the root directory of the website. The advantage in this approach is quite obvious. If you want to change the HTML of an image, you just need to change the image.html and the link to a potential CDN only has to be changed in one location and not in potentially thousands of img tags or the markdown equivalent. The HTML provided by image.html automatically adds "img-fluid" to all images which makes them responsive by using Bootstrap.

Continuous Integration and Deployment

The .travis.yml file is already in a good state to use it for own needs. But you need to update it to make it work for you. In the following I will list the absolute minimal changes you need to do.

  • scripts/ change martens7 to your Uberspace user and to your host
  • .travis.yml: update the known hosts for your Uberspace host, update the before_deploy section (first dash)
  • deploy_ed25519.enc: change to your encrypted SSH key

To understand how to prepare the SSH connection, follow this link: