Webseite-Jekyll

Webseite-Jekyll

Webseite des TechAachen e.V.

TechAachen Webseite

How to build locally

docker run --rm --volume="$PWD:/srv/jekyll" --volume="$PWD/vendor/bundle:/usr/local/bundle" -p 4000:4000 -it jekyll/jekyll jekyll serve

and open http://localhost:4000/ in your web browser for a live preview.

Website

It is going to be the second Version of TechAachen's Webpage.

"l'preview" for every branch pushed to this Github repository is automatiocally build using Github Actions and published on https://preview.techaachen.de/. Note: This feature does not work for forks of this repository.

Website structure:

  • Mainpage
    • About us, Our Mission:
      • Ziele ergänzen.
      • Fenstergröße anpassen
    • Projects
      • Add Texts, Files and better images
      • Add Kompetenztreffenpage
      • finalize Kompetenztreffen
  • Contact
    • Logo-position
    • Hallo-size in smartphone view
    • legal: vertical alignment
    • Impressum
    • Datenschutz
    • Satzung

All those bulled-points represent a *.md-file in root with a corresponding layout, stored in _layouts, as so:

Page Layouts-Name Info
index.html front.html Front-Page
about.md page.html About us and Mission
{project}.html page.html individual Projectpage
contact.md contactpage.html contactpage inherits page.html
impressum.md paperwork.html impressum
datenschutz.md paperwork.html Datenschutzerklärung
satzung.md paperwork.html Satzung TechAachen

Unimportant Layout-ToDos:

  • Paperwork add Download as PDF-Button
  • Paperwork make goback-button floating
  • Struktur die von default.html erben soll erstellen.
  • Add pictures

The front-page contains mostly subpages, created from card in _includes. Other includes are:

  • card
  • navbar
  • socialmedia
    • smaller version suitable for Footer
    • removed from includes
  • members (images and links to all members)
    • ugly workaround
  • mitgliederversammlung
    • on contact
  • deleted paperwork.html
  • persons (board members etc.)
    • needs to become cards and replaced on aboutus
    • sizing
  • Header
    • general design
    • responsive design not working really good
    • scroll down button or smaller background image
  • persons um Mittmachen Feld ergänzen
  • Footer
    • responsivnes
    • Logo
    • remove bulled-points
    • alignment
    • border-top
    • socialmedia buttons

Variables accessible all over the website are stored in config.yml

Data like members, project on front etc. are stored in _data.