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.