forked from jakub/jakubb-hugo
Compare commits
4 Commits
f21dc85430
...
a540c7b60a
Author | SHA1 | Date | |
---|---|---|---|
|
a540c7b60a | ||
|
06b6982c1b | ||
|
3b62ff8a12 | ||
|
ade686db21 |
@ -2,7 +2,7 @@
|
|||||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||||
|
|
||||||
<div class="menu" >
|
<div class="menu" >
|
||||||
<a href="/{{ .Language.LanguageCode }}" class="logo" >{{ .Site.Title }}</a>
|
<a href="/{{- .Language.LanguageCode -}}" class="logo" >{{- .Site.Title -}}</a>
|
||||||
<label class="menu-icon" for="menu-btn">
|
<label class="menu-icon" for="menu-btn">
|
||||||
<div class="hamburger" onclick="myFunction(this)">
|
<div class="hamburger" onclick="myFunction(this)">
|
||||||
<div class="bar1"></div>
|
<div class="bar1"></div>
|
||||||
@ -17,31 +17,31 @@
|
|||||||
</label>
|
</label>
|
||||||
|
|
||||||
<div class="menu-entries">
|
<div class="menu-entries">
|
||||||
{{ range.Site.Menus.main }}
|
{{- range.Site.Menus.main -}}
|
||||||
{{ if eq .Identifier "home" }}
|
{{- if eq .Identifier "home" -}}
|
||||||
<a class="home-link" href="{{ .URL }}">{{ .Name }}</a>
|
<a class="home-link" href="{{- .URL -}}">{{- .Name -}}</a>
|
||||||
{{ else }}
|
{{- else -}}
|
||||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
<a href="{{- .URL -}}">{{- .Name -}}</a>
|
||||||
{{ end }}
|
{{- end -}}
|
||||||
{{ end }}
|
{{- end -}}
|
||||||
{{ if gt (len .Site.Languages) 1 }}
|
{{- if gt (len .Site.Languages) 1 -}}
|
||||||
{{ if and (gt (len .Site.Languages) (len .AllTranslations)) .Site.Params.allTranslated }}
|
{{- if and (gt (len .Site.Languages) (len .AllTranslations)) .Site.Params.allTranslated -}}
|
||||||
{{ errorf "Error: %s is missing atleast 1 translation" .RelPermalink }}
|
{{- errorf "Error: %s is missing atleast 1 translation" .RelPermalink -}}
|
||||||
{{ end }}
|
{{- end -}}
|
||||||
<div class="lang-switch" >
|
<div class="lang-switch" >
|
||||||
<input class="lang-btn" type="checkbox" id="lang-btn" />
|
<input class="lang-btn" type="checkbox" id="lang-btn" />
|
||||||
<label class="lang-switch" for="lang-btn">
|
<label class="lang-switch" for="lang-btn">
|
||||||
<a>{{ .Language.LanguageName }} ⏷</a>
|
<a>{{ .Language.LanguageName }} ⏷</a>
|
||||||
</label>
|
</label>
|
||||||
<div class="translation-list" >
|
<div class="translation-list" >
|
||||||
{{ with .Translations }}
|
{{- with .Translations -}}
|
||||||
{{ range . }}
|
{{- range . -}}
|
||||||
<a href="{{ .RelPermalink }}"> {{ .Language.LanguageName }}</a>
|
<a href="{{- .RelPermalink -}}"> {{- .Language.LanguageName -}}</a>
|
||||||
{{ end }}
|
{{- end -}}
|
||||||
{{ end }}
|
{{- end -}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{- end -}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
@ -58,4 +58,4 @@
|
|||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -37,6 +37,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: var(--cal-month-bg);
|
background-color: var(--cal-month-bg);
|
||||||
color: var(--cal-month-fg);
|
color: var(--cal-month-fg);
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.days {
|
.days {
|
||||||
@ -52,6 +53,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.weekdays p {
|
.weekdays p {
|
||||||
@ -100,6 +102,7 @@
|
|||||||
|
|
||||||
.day-num {
|
.day-num {
|
||||||
font-size: 48px;
|
font-size: 48px;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.day:has(>.event) .day-num {
|
.day:has(>.event) .day-num {
|
||||||
@ -110,4 +113,4 @@
|
|||||||
color: var(--cal-event-fg);
|
color: var(--cal-event-fg);
|
||||||
background-color: var(--cal-event-bg);
|
background-color: var(--cal-event-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -118,7 +118,7 @@ a.home-link { display: none; }
|
|||||||
.menu-btn:checked ~ .menu .menu-entries {
|
.menu-btn:checked ~ .menu .menu-entries {
|
||||||
/* Reveal Entries */
|
/* Reveal Entries */
|
||||||
height: auto;
|
height: auto;
|
||||||
max-height: 75%; /* May Need to be change manually for nav lists */
|
max-height: 750px; /* May Need to be change manually for nav lists */
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -365,7 +365,6 @@ blockquote.location p { padding: inherit; }
|
|||||||
/* lang-switch content (hidden by default) */
|
/* lang-switch content (hidden by default) */
|
||||||
.translation-list {
|
.translation-list {
|
||||||
display: block;
|
display: block;
|
||||||
height: 0;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: var(--langs-bg);
|
background-color: var(--langs-bg);
|
||||||
width: 120px;
|
width: 120px;
|
||||||
@ -373,8 +372,10 @@ blockquote.location p { padding: inherit; }
|
|||||||
right: 0;
|
right: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
transition: 400ms;
|
height: 0;
|
||||||
transition-property: all;
|
max-height: 0;
|
||||||
|
transition-property: all;
|
||||||
|
transition: 400ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Links inside the lang-switch */
|
/* Links inside the lang-switch */
|
||||||
@ -388,7 +389,7 @@ blockquote.location p { padding: inherit; }
|
|||||||
/* Show the lang-switch menu on hover */
|
/* Show the lang-switch menu on hover */
|
||||||
.lang-btn:checked ~ .translation-list {
|
.lang-btn:checked ~ .translation-list {
|
||||||
height: auto;
|
height: auto;
|
||||||
max-height: 70px;
|
max-height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1040px) {
|
@media screen and (min-width: 1040px) {
|
||||||
|
Loading…
Reference in New Issue
Block a user