helloworld, we added some features to make than the werobot website is ready to prod

This commit is contained in:
GZod01 2024-05-19 08:51:05 +02:00
parent 5d47788f18
commit da6aa94dd0
4 changed files with 27 additions and 5 deletions

View file

@ -15,7 +15,7 @@ body {
} }
.drawer-body-scrolling-disabled { #drawer-toggler:checked ~ body, .drawer-body-scrolling-disabled {
overflow: hidden; overflow: hidden;
} }
@ -65,7 +65,7 @@ body {
} }
} }
&.drawer-enabled { &.drawer-enabled, #drawer-toggler ~ body .drawer{
width: 300px; width: 300px;
.drawer-links { .drawer-links {
opacity: 1; opacity: 1;

View file

@ -5,6 +5,7 @@
{{- block "head" . -}}{{ end }} {{- block "head" . -}}{{ end }}
</head> </head>
<input type=checkbox hidden name=drawer-toggler id=drawer-toggler>
<body> <body>
<div <div
id="main-page-wrap" id="main-page-wrap"

View file

@ -0,0 +1,21 @@
<div
:class="{ 'drawer-enabled': isOpen }"
class="drawer">
<div class="drawer-content">
<div class="drawer-close-container">
<div
class="drawer-close-button"
for="drawer-toggler">
<i class="fa fas fa-times-circle"></i>
</div>
</div>
<div class="drawer-links">
{{ range .Site.Menus.main.ByWeight }}
<a
href="{{ .URL }}"
class="drawer-link">{{ .Title }}</a>
</a>
{{ end }}
</div>
</div>
</div>

View file

@ -21,11 +21,11 @@
</div> </div>
</a> </a>
<div class="header-nav-responsive-button-container"> <div class="header-nav-responsive-button-container">
<div <label for=drawer-toggler
class="header-nav-responsive-button" class="header-nav-responsive-button"
> >
<i class="fa fas fa-bars"></i> <i class="fa fas fa-bars"></i>
</div> </label>
</div> </div>
<div class="header-nav"> <div class="header-nav">
{{ range .Site.Menus.main.ByWeight }} {{ range .Site.Menus.main.ByWeight }}