sascha-kirch.github.io

Website: https://sascha-kirch.github.io

General Highlights

• Google Analytics support
• GitHub API access
• StackOverflow RSS access
• Medium Blog RSS access
• Github pages with Jekyll
• Bulma CSS framework
• Bulma Timeline extension

Prerequisites and Installation for your own Github Page

Option 1: Use supplied Dockerfile

• Install docker.
• Clone/fork this repo and change directory into repo
• Build the docker image with the tag github-pages:

  docker build -t github-pages .
  

• Create a container named github-pages with an interactive terminal, the name of your choice, bind the this repo and enable port forwarding of a port of your choice:

  docker container create -it --name <YOUR-IMAGE-NAME> -v <PATH-TO-REPO>/sascha-kirch.github.io:/root/github-pages/ -p <YOUR-PORT>:4000 github-pages
  

• Start container in interactive mode:

  docker container start -i <YOUR-IMAGE-NAME>
  

• Install gems:

  cd docs/
  bundle install
  

• Make changes and test with:

  bundle exec jekyll serve --host=0.0.0.0
  

• On your docker host, open the browser on 127.0.0.1:<YOUR-PORT>

Option 2: Fork this Repo as starting point

• Install Jekyll incl. dependencies and set up Git
• Fork this repo
• Rename the repo to you user name
• Make your changes
• Build the page
• Upload to Github to host the page

Option 3: Starting from Scratch

• Follow the Github's guide on how to Creating a GitHub Pages site with Jekyll

Webpages Preview

Start Page

Link to Start Page.

Projects

Link to Projects.

https://user-images.githubusercontent.com/72045951/158588546-bbda5fc0-430f-4820-b590-f415cc40329c.mp4

Curriculum Vitae

Link to Curriculum Vitae.

https://user-images.githubusercontent.com/72045951/155887404-1ec7e7c6-f951-41c5-b2e9-d2ebdc21db1f.mp4

Blog

Link to Blog. The blog page shows all my stories posted on my Medium account via an RSS feed.

https://user-images.githubusercontent.com/72045951/155887172-8c5c83fe-db06-4327-809f-ddbc7be2ce74.mp4

Programming Site

Link to Programming Site. On this page I show the highlights of my StackOverflow and my GitHub account. StackOverflow is accessed by RSS and GitHub via it's API.

https://user-images.githubusercontent.com/72045951/155887394-3c05ed77-06d5-4e72-b352-a8d28cfade24.mp4

Events

Link to events. On this page I implement Bulma's timeline extension to show my attendence reccord on events.

https://user-images.githubusercontent.com/72045951/155887384-3999d2a1-cf1d-4581-b86c-7bac25fb8991.mp4

About Me

Link to About Me.

https://user-images.githubusercontent.com/72045951/155887380-bf191614-22e7-4d0c-8c80-18273e36a834.mp4

Repo Stats

since 16.04.2022