FSR/webseite
28
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mobile navbar and hero section

Browse source
This commit is contained in:
Jannik Menzel 2025-05-17 01:05:53 +02:00
parent cc2fa1cea5
commit d31e4399a6
7 changed files with 176 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

11
layouts/_partials/hero.html
View file

@ -11,4 +11,15 @@
</div>
</div>
</div>
<div class="hero-card-wrapper">
<div class="hero-card-column left">
<div class="hero-card left-1"></div>
<div class="hero-card left-2"></div>
</div>
<div class="hero-card-column right">
<div class="hero-card right-1"></div>
<div class="hero-card right-2"></div>
</div>
</div>
</section>

10
layouts/_partials/nav.html
View file

@ -1,7 +1,7 @@
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="{{ "/" | relURL }}">
<img src="{{ "images/logo.svg" | relURL }}" alt="iFSR Logo" height="50" class="me-2">
<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">
@ -16,9 +16,11 @@
{{ $children := where $items "parent" $i.name }}
{{ if gt (len $children) 0 }}
<li class="nav-item dropdown d-flex align-items-center show-on-hover">
<a class="nav-link ps-0" href="{{ $i.url | relURL }}">{{ $i.name }}</a>
<!-- Dropdown Parent -->
<a class="nav-link" href="{{ $i.url | relURL }}">{{ $i.name }}</a>
<ul class="dropdown-menu">
{{ range $child := $children }}
<!-- Dropdown Child Desktop -->
<li><a class="dropdown-item" href="{{ $child.url | relURL }}">{{ $child.name }}</a></li>
{{ end }}
</ul>
@ -26,11 +28,13 @@
<li>
<div class="d-lg-none d-flex flex-column dropdown-item-mobile">
{{ range $child := $children }}
<a class="nav-link ps-0" href="{{ $child.url | relURL }}">{{ $child.name }}</a>
<!-- Dropdown Child Mobile -->
<div class="nav-item-mobile"><a class="nav-link" href="{{ $child.url | relURL }}">{{ $child.name }}</a></div>
{{ end }}
</div>
</li>
{{ else }}
<!-- Nav Item -->
<li class="nav-item"><a class="nav-link" href="{{ $i.url | relURL }}">{{ $i.name }}</a></li>
{{ end }}
{{ end }}