diff --git a/assets/css/main.css b/assets/css/main.css index 0843bb3..2b6b0ed 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -11,6 +11,7 @@ --color-link: #607C0E; --color-error: #d9534f; --color-off: #F3F3F3; + --color-off-dark: #1D1F29; --color-light: #F8F9Fa; } @@ -20,6 +21,7 @@ --color-text-dark: #191A23; --color-link: #BBE04C; --color-off: #1D1F29; + --color-off-dark: #F3F3F3; } /* ======================== @@ -312,6 +314,42 @@ li .dropdown-item-mobile { bottom: 12rem; } +/* ======================== + About + ======================== */ +.about-section { + margin: 9rem 0 3rem 0; +} + +.about-image { + max-height: 28rem; + object-fit: cover; + overflow: hidden; + display: block; + border-radius: 30px; +} + +.card { + background-color: var(--color-off); + color: var(--color-text); + border: 1px solid var(--color-text); + border-radius: 30px; + box-shadow: 0 4px 0 0 var(--color-text); +} + +.card-header { + font-weight: 600; + font-size: 1.25rem; + background-color: transparent; + border-bottom: none; + color: var(--color-text); + padding: 1.5rem 0 0 1.25rem; +} + +.card-body, .card-button { + padding: 1rem 1.25rem; +} + /* ======================== Button ======================== */ @@ -322,9 +360,9 @@ li .dropdown-item-mobile { } .btn-primary:hover, .btn-primary:active { - color: var(--color-primary-button-dark); - background-color: transparent; - border: 1px solid var(--color-primary-button-dark); + color: var(--color-primary-button-dark) !important; + background-color: transparent !important; + border: 1px solid var(--color-primary-button-dark) !important; box-shadow: 0 4px 0 0 var(--color-primary-button-dark); } @@ -335,9 +373,9 @@ li .dropdown-item-mobile { } .dark .btn-primary:hover, .dark.btn.btn-primary:active { - color: var(--color-text); + color: var(--color-text) !important; background-color: transparent; - border: 1px solid var(--color-accent); + border: 1px solid var(--color-accent) !important; box-shadow: 0 4px 0 0 var(--color-accent); } @@ -348,27 +386,25 @@ li .dropdown-item-mobile { } .btn-secondary:hover, .btn-secondary:active { - color: var(--color-primary-button-dark); - background-color: transparent; + color: var(--color-primary-button-dark) !important; + background-color: transparent !important; border-color: var(--color-primary-button-dark); box-shadow: 0 4px 0 0 var(--color-primary-button-dark); } .dark .btn-secondary { + background-color: transparent; color: var(--color-primary-button-light); border: 1px solid var(--color-primary-button-light); } -.dark .btn-secondary:hover { - color: var(--color-primary-button-light); +.dark .btn-secondary:hover, .dark .btn-secondary:active { + background-color: transparent; + color: var(--color-primary-button-light) !important; border-color: var(--color-primary-button-light); box-shadow: 0 4px 0 0 var(--color-primary-button-light); } -.dark .btn-secondary:active { - color: var(--color-primary-button-light) !important; -} - /* ======================== Footer ======================== */ @@ -377,7 +413,7 @@ footer { } .footer { - padding: 1.5rem 0; + padding: 3rem 0; width: 100%; margin-top: auto; text-align: center; diff --git a/assets/css/markdown.css b/assets/css/markdown.css index 0c8023d..bd765f3 100644 --- a/assets/css/markdown.css +++ b/assets/css/markdown.css @@ -98,7 +98,6 @@ } #markdown th { - background-color: var(--color-off); color: var(--color-text); font-weight: bolder; } diff --git a/assets/css/shortcodes.css b/assets/css/shortcodes.css index 471328f..c1fe721 100644 --- a/assets/css/shortcodes.css +++ b/assets/css/shortcodes.css @@ -45,11 +45,12 @@ .details { cursor: pointer; background-color: var(--color-off); - padding: 5px 10px 10px 20px; + padding: 5px 20px 10px 20px; color: var(--color-text); border: 1px solid var(--color-text); border-radius: 30px; box-shadow: 0 4px 0 0 var(--color-text); + margin: 2rem 0 2rem 0; } .details.expanded { @@ -59,11 +60,10 @@ .dark #markdown .details.expanded { border: 1px solid var(--color-off) !important; box-shadow: 0 4px 0 0 var(--color-off) !important; - color: var(--color-text-dark) !important; } .dark #markdown .details.expanded .details-content * { - color: var(--color-text-dark) !important; + color: var(--color-text-dark); } .details-header { @@ -91,11 +91,28 @@ line-height: 1; } -#markdown .details.expanded .details-text, -#markdown .details.expanded .details-number { +.dark #markdown .details.expanded .details-text, +.dark #markdown .details.expanded .details-number { color: var(--color-text-dark) !important; } +.dark #markdown .details.expanded blockquote { + background-color: var(--color-off-dark); + border: 1px solid var(--color-text-dark); + box-shadow: 0 4px 0 0 var(--color-text-dark); +} + +.dark #markdown .details.expanded table { + color: var(--color-text); + border: 1px solid var(--color-text-dark); + box-shadow: 0 4px 0 0 var(--color-text-dark); +} + +.dark #markdown .details.expanded th, +.dark #markdown .details.expanded td { + background-color: var(--color-off-dark); +} + .details-icon { display: flex; justify-content: center; @@ -117,10 +134,5 @@ } #markdown .details.expanded .details-content { - color: var(--color-text-dark) !important; display: block; } - -#markdown .details.expanded .details-content * { - color: inherit !important; -} \ No newline at end of file diff --git a/content/about/entsendungen.md b/content/about/entsendungen.md index 606d46b..867f02b 100644 --- a/content/about/entsendungen.md +++ b/content/about/entsendungen.md @@ -37,8 +37,6 @@ Er hat 37 Mitglieder, die von den Fachschaften entsandt werden – ein guter Ort {{< /details >}} ---- - {{< details title="Fakultätsrat (FR)" number="02" >}} @@ -67,8 +65,6 @@ Der **Fakultätsrat** ist das "Parlament der Fakultät". Er entscheidet in monat {{< /details >}} ---- - {{< details title="Prüfungsausschüsse (veraltet, wird bald aktualisiert)" number="03" >}} @@ -94,8 +90,6 @@ Für jeden Studiengang existiert ein eigener Ausschuss. {{< /details >}} ---- - {{< details title="Studienkommissionen (veraltet, wird bald aktualisiert)" number="04" >}} @@ -113,8 +107,6 @@ Diese Kommissionen beraten und beschließen Änderungen an Studien- und Prüfung {{< /details >}} ---- - {{< details title="Studentische Studiengangskoordinator:innen (2025)" number="05" >}} @@ -133,8 +125,6 @@ number="05" >}} {{< /details >}} ---- - {{< details title="Eignungsfeststellungsausschüsse" number="06" >}} @@ -151,8 +141,6 @@ number="06" >}} {{< /details >}} ---- - {{< details title="Weitere Gremien" number="07" >}} diff --git a/content/events.md b/content/events.md new file mode 100644 index 0000000..15272aa --- /dev/null +++ b/content/events.md @@ -0,0 +1,4 @@ ++++ +title = "Events" +draft = false ++++ \ No newline at end of file diff --git a/content/kontakt.md b/content/kontakt.md index 1ccdc49..7fcfe50 100644 --- a/content/kontakt.md +++ b/content/kontakt.md @@ -7,14 +7,20 @@ draft = false Der Fachschaftsrat Informatik steht dir in sämtlichen Studienbelangen zur Seite. Du findest unser Büro im APB im [Raum E017](https://navigator.tu-dresden.de/etplan/apb/00/raum/542100.2230) direkt neben dem [ascii](https://ascii-dresden.de/). Konkrete Kontaktwege zu unserer Studienberatung findest du [hier](/studium/studienberatung) auf unserer Unterseite. Für kurze Fragen, die auch andere Studierende interessieren, kannst du uns gern auf unserem öffentlichen Matrix-Kanal anschreiben. Den Kanal findest du [hier](https://matrix.to/#/#fsr-inf-studierende:matrix.org). Auch der [Studierendenrat (StuRa)](https://www.stura.tu-dresden.de/) oder das [Studentenwerk](https://www.studentenwerk-dresden.de/) sind mögliche Anlaufstellen. Einen Überblick mit Kontaktmöglichkeiten über deine aktuellen gewählten Vertreter_innen findest du auf der Seite der [FSR Mitglieder](/about/mitglieder). + + ## 📱 Social Media [📧 Mailinglisten](https://lists.ifsr.de/mailman3/lists/) · [📸 Instagram](https://instagram.com/fsr.inf) · [✈️ Telegram](https://t.me/fsr_inf) · [💬 Matrix](https://matrix.to/#/#fsr-inf-studierende:matrix.org) +--- + ## 📬 Externe Kontaktanfragen Gerne nehmen wir auch Sponsoring-Anfragen zur Unterstützung des Fachschaftsrates, Veranstaltungen oder der Erstsemestereinführung entgegen. Kontaktieren Sie hierzu gerne das [Amt für Finanzer_innen](mailto:finanzer@ifsr.de) oder direkt die [AG Erstsemestereinführung](mailto:ese-orga@ifsr.de). +--- + ## 📧 E-Mail Adressen > Für allgemeine Fragen/Anmerkungen gerne diese E-Mail: @@ -26,6 +32,8 @@ Gerne nehmen wir auch Sponsoring-Anfragen zur Unterstützung des Fachschaftsrate > Für weitere Anfragen von Externen, die an Studierende weitergeleitet werden sollen (z.B. Stellenangebote), nutzen Sie bitte die nachfolgende Adresse. Es handelt sich hier ebenfalls um einen E-Mail-Verteiler. Auch hier die Mail bitte direkt an unsere Studierenden richten. > - Extern: [extern@ifsr.de](mailto:extern@ifsr.de) +--- + ## 🛠️ Ämter und Arbeitsgruppen ### 🧑‍💼 Ämter @@ -38,6 +46,8 @@ Gerne nehmen wir auch Sponsoring-Anfragen zur Unterstützung des Fachschaftsrate - AG Öffentlichkeitsarbeit: [pr@ifsr.de](mailto:pr@ifsr.de) - AG Nachhaltigkeit: [nachhaltigkeit@ifsr.de](mailto:nachhaltigkeit@ifsr.de) +--- + ## 🏢 Anschrift ### 📍 Besucheranschrift diff --git a/content/neuigkeiten.md b/content/neuigkeiten.md new file mode 100644 index 0000000..26e4588 --- /dev/null +++ b/content/neuigkeiten.md @@ -0,0 +1,4 @@ ++++ +title = "Neuigkeiten" +draft = false ++++ diff --git a/layouts/_default/home.html b/layouts/_default/home.html index 911e023..9e7c451 100644 --- a/layouts/_default/home.html +++ b/layouts/_default/home.html @@ -1,4 +1,59 @@ {{ define "main" }} - {{ partial "hero.html" . }} - {{ .Content }} + {{ partial "hero.html" . }} +
+
+
+ Hero Bild +
+
+
+
+
+ Unterstützung im Studium +
+
+

Wir bieten euch Beratung und Hilfe bei allen Fragen rund ums + Informatik-Studium – egal ob bei der Kurswahl, Prüfungen oder einfach, wenn du mal nicht + weiterweißt.

+
+
+ Mehr erfahren +
+
+
+
+
+
+ Veranstaltungen & Events +
+
+

Von Spieleabenden bis zu Vernetzungstreffen. Wir organisieren + vielfältige + Events für alle Studierenden. Triff andere Studis, lerne Neues und hab einfach Spaß + abseits vom Uni-Alltag.

+
+
+ Mehr erfahren +
+
+
+
+
+
+ Mitmachen & Engagement +
+
+

Werde Teil des iFSR und bring dich ein! Egal ob du bei Events + helfen willst, oder mitreden möchtest. Bei uns kannst du + das Studium mitgestalten und neue Erfahrungen sammeln.

+
+
+ Mehr erfahren +
+
+
+
+
+
{{ end }} diff --git a/layouts/_partials/head.html b/layouts/_partials/head.html index b341751..0a49e22 100644 --- a/layouts/_partials/head.html +++ b/layouts/_partials/head.html @@ -1,5 +1,6 @@ + diff --git a/layouts/_partials/hero.html b/layouts/_partials/hero.html index 744f65a..982ca2c 100644 --- a/layouts/_partials/hero.html +++ b/layouts/_partials/hero.html @@ -3,7 +3,8 @@

Willkommen auf der Website des FSR Informatik

-

Gemeinsam stark im Studium – dein Fachschaftsrat steht für Austausch, Unterstützung und Mitgestaltung.

+

Gemeinsam stark im Studium – dein Fachschaftsrat steht für Austausch, + Unterstützung und Mitgestaltung.

mehr erfahren kontaktieren @@ -16,7 +17,8 @@
- + @@ -24,7 +26,8 @@ ESE Website - + @@ -32,7 +35,8 @@ Events - + diff --git a/layouts/_partials/nav.html b/layouts/_partials/nav.html index f536b4e..5f12501 100644 --- a/layouts/_partials/nav.html +++ b/layouts/_partials/nav.html @@ -4,7 +4,7 @@ iFSR Logo iFSR -