werobot/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

6
assets/scss/layouts/drawer.scss
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;
@ -79,4 +79,4 @@ body {
padding-right: 1em; padding-right: 1em;
font-size: 1.3em; font-size: 1.3em;
} }
} }

1
layouts/_default/baseof.html
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"

21
layouts/partials/drawer.html Normal file
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>

4
layouts/partials/header.html
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 }}