hero section and quality-improvements

This commit is contained in:
Jannik Menzel 2025-05-17 19:16:32 +02:00
parent 477ef2dde8
commit ffb6e66b78
11 changed files with 157 additions and 44 deletions

View file

@ -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 }}

View file

@ -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">

View file

@ -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)"/>

View file

@ -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>