Giter Site home page Giter Site logo

webseite-jekyll's Introduction

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.

webseite-jekyll's People

Contributors

fredrerika avatar freeware-superman avatar joelsa avatar kboettger avatar leachleach avatar lgirbig avatar mat-kie avatar rleh avatar se-bi avatar theleo22 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

se-bi joelsa

webseite-jekyll's Issues

About us

Nicht so wilder Fehler aber gerade bei uns im Meeting aufgefallen. Auf der About us Seite haben wir ein Datum vergessen.

"Nach wiederholten Treffen wurde beschlossen dem ganzen einen Namen und eine Satzung zu geben und nach viel Arbeit letztendlich am der TechAachen e.V. gegründet."

Ich schau aber mal ob ich das gefixt bekomme

Navbar

Auf allen Seiten außer der Startseite mit Fotohintergrund wird der Text in der Navigationsleiste (wenn ganz nach oben gescrollt) hellgrau auf weiß dargestellt. Dies ist schwierig zu lesen.

CSS und JS nicht aus externen Quellen laden

Folgende JS und CSS Dateien werden von mehreren verschiedenen externen Servern nachgeladen:

Die Dateien können auch einfach von techaachen.de ausgeliefert werden, was die Ladezeit verbessert und datenschutzrechtlich besser wäre.

Feature: Terminliste direkt auf Webseite

Moin zsm,

Die Terminliste ist ja aktuell nur als Kalender über iCal vorhanden. Eine Liste von kommenden Terminen direkt auf der Webseite wäre schön.

Darüber hinaus sucht niemand unter "Kontakt" den Link zum Kalender. das sollte ein zentraler Oberpunkt sein, damit man sofort sieht was den Verein ausmacht.

Flexbox Layout "Die Vereine" bei ~1000px Breite

Im Bereich um 1000px Fensterbreite (auf dem Desktop) wird nur 1 Kachel nebeneinander dargestellt.
Für Smartphones (typ. 1080px breites Hochformat-Display) bestimmt gut, auf dem Desktop merkwürdig.

Querverweise in Satzung

Funktionieren nicht. Ein Link geht bspw. zu #-3-Zweck-des-Vereins und müsste stattdessen zu #-3-zweck-des-vereins linken.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.