mirror of
https://github.com/jannikmenzel/iFSR-Website.git
synced 2025-06-03 16:28:46 +02:00
hero section and quality-improvements
This commit is contained in:
Jannik Menzel
parent
477ef2dde8
commit
ffb6e66b78
11 changed files with 157 additions and 44 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -98,7 +98,6 @@
|
|||
}
|
||||
|
||||
#markdown th {
|
||||
background-color: var(--color-off);
|
||||
color: var(--color-text);
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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" >}}
|
||||
|
|
|
|||
4
content/events.md
Normal file
4
content/events.md
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
+++
|
||||
title = "Events"
|
||||
draft = false
|
||||
+++
|
||||
|
|
@ -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
|
||||
|
|
|
|||
4
content/neuigkeiten.md
Normal file
4
content/neuigkeiten.md
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
+++
|
||||
title = "Neuigkeiten"
|
||||
draft = false
|
||||
+++
|
||||
|
|
@ -1,4 +1,59 @@
|
|||
{{ define "main" }}
|
||||
{{ partial "hero.html" . }}
|
||||
{{ .Content }}
|
||||
{{ partial "hero.html" . }}
|
||||
<section class="about-section">
|
||||
<div class="container">
|
||||
<div class="mb-4">
|
||||
<img src="{{ (resources.Get "images/hero-image.jpg").RelPermalink }}" alt="Hero Bild"
|
||||
class="about-image img-fluid w-100">
|
||||
</div>
|
||||
<div class="row mt-5">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-header">
|
||||
Unterstützung im Studium
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="card-text">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.</p>
|
||||
</div>
|
||||
<div class="card-button">
|
||||
<a href="#" class="btn btn-primary">Mehr erfahren</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-header">
|
||||
Veranstaltungen & Events
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="card-text">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.</p>
|
||||
</div>
|
||||
<div class="card-button">
|
||||
<a href="#" class="btn btn-primary">Mehr erfahren</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-header">
|
||||
Mitmachen & Engagement
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="card-text">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.</p>
|
||||
</div>
|
||||
<div class="card-button">
|
||||
<a href="#" class="btn btn-primary">Mehr erfahren</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="description" content="Offizielle Website des iFSR – Informationen, Veranstaltungen und Ressourcen für Studierende der Informatik an der TU Dresden.">
|
||||
<link rel="icon" href="{{ "favicon.ico" | relURL }}" type="image/x-icon">
|
||||
<link rel="preload" href="/images/logo.svg" as="image" type="image/svg+xml">
|
||||
<link rel="preload" href="/icons/dark.svg" as="image" type="image/svg+xml">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@
|
|||
<div class="row align-items-center">
|
||||
<div class="col-md-12 text-center mb-4 mb-md-0">
|
||||
<h1 class="display-5 fw-bold text-center">Willkommen auf der Website des FSR Informatik</h1>
|
||||
<p class="lead text-center">Gemeinsam stark im Studium – dein Fachschaftsrat steht für Austausch, Unterstützung und Mitgestaltung.</p>
|
||||
<p class="lead text-center">Gemeinsam stark im Studium – dein Fachschaftsrat steht für Austausch,
|
||||
Unterstützung und Mitgestaltung.</p>
|
||||
<div class="d-flex justify-content-center gap-4 mt-3">
|
||||
<a href="{{ "/about" | relURL }}" class="btn btn-primary btn-lg">mehr erfahren</a>
|
||||
<a href="{{ "/kontakt" | relURL }}" class="btn btn-secondary btn-lg">kontaktieren</a>
|
||||
|
|
@ -16,7 +17,8 @@
|
|||
<div class="hero-card-column left">
|
||||
<div class="hero-card left-1">
|
||||
<a href="https://ese.ifsr.de/" class="d-flex align-items-center mb-2">
|
||||
<svg class="me-2" fill="none" height="41" viewBox="0 0 41 41" width="41" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg class="me-2" fill="none" height="41" viewBox="0 0 41 41" width="41"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="20.5" cy="20.5" fill="currentColor" r="20.5"/>
|
||||
<path d="m11.25 24.7009c-.7174.4142-.9633 1.3316-.549 2.0491.4142.7174 1.3316.9632 2.049.549zm19.5194-8.3127c.2144-.8002-.2605-1.6227-1.0607-1.8371l-13.04-3.4941c-.8002-.2144-1.6227.2605-1.8371 1.0607s.2605 1.6227 1.0607 1.8371l11.5911 3.1058-3.1058 11.5911c-.2145.8002.2604 1.6227 1.0606 1.8372.8002.2144 1.6227-.2605 1.8371-1.0607zm-18.7694 9.6118.75 1.299 17.3205-10-.75-1.299-.75-1.2991-17.3205 10z"
|
||||
fill="var(--color-text-dark)"/>
|
||||
|
|
@ -24,7 +26,8 @@
|
|||
ESE Website
|
||||
</a>
|
||||
<a href="/events" class="d-flex align-items-center mb-2">
|
||||
<svg class="me-2" fill="none" height="41" viewBox="0 0 41 41" width="41" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg class="me-2" fill="none" height="41" viewBox="0 0 41 41" width="41"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="20.5" cy="20.5" fill="currentColor" r="20.5"/>
|
||||
<path d="m11.25 24.7009c-.7174.4142-.9633 1.3316-.549 2.0491.4142.7174 1.3316.9632 2.049.549zm19.5194-8.3127c.2144-.8002-.2605-1.6227-1.0607-1.8371l-13.04-3.4941c-.8002-.2144-1.6227.2605-1.8371 1.0607s.2605 1.6227 1.0607 1.8371l11.5911 3.1058-3.1058 11.5911c-.2145.8002.2604 1.6227 1.0606 1.8372.8002.2144 1.6227-.2605 1.8371-1.0607zm-18.7694 9.6118.75 1.299 17.3205-10-.75-1.299-.75-1.2991-17.3205 10z"
|
||||
fill="var(--color-text-dark)"/>
|
||||
|
|
@ -32,7 +35,8 @@
|
|||
Events
|
||||
</a>
|
||||
<a href="/neuigkeiten" class="d-flex align-items-center">
|
||||
<svg class="me-2" fill="none" height="41" viewBox="0 0 41 41" width="41" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg class="me-2" fill="none" height="41" viewBox="0 0 41 41" width="41"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="20.5" cy="20.5" fill="currentColor" r="20.5"/>
|
||||
<path d="m11.25 24.7009c-.7174.4142-.9633 1.3316-.549 2.0491.4142.7174 1.3316.9632 2.049.549zm19.5194-8.3127c.2144-.8002-.2605-1.6227-1.0607-1.8371l-13.04-3.4941c-.8002-.2144-1.6227.2605-1.8371 1.0607s.2605 1.6227 1.0607 1.8371l11.5911 3.1058-3.1058 11.5911c-.2145.8002.2604 1.6227 1.0606 1.8372.8002.2144 1.6227-.2605 1.8371-1.0607zm-18.7694 9.6118.75 1.299 17.3205-10-.75-1.299-.75-1.2991-17.3205 10z"
|
||||
fill="var(--color-text-dark)"/>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<img src="{{ "images/logo.svg" | relURL }}" alt="iFSR Logo" height="42">
|
||||
iFSR
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-label="Navigation ein-/ausklappen">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue