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