124 lines
3.4 KiB
HTML
124 lines
3.4 KiB
HTML
{{ define "main" }}
|
|
<div class="menulist">
|
|
<ul>
|
|
<li><div class="menuitem"><a href="/pages/about/">who</a></div></li>
|
|
<li><hr/></li>
|
|
{{ with site.Menus.main }}
|
|
{{ range . }}
|
|
<li><div class="menuitem">
|
|
{{ $s := split .Name "|" }}
|
|
{{ if index $s 0 }}
|
|
<a class="leftitem {{ with .Params.unlisted }}unlisted{{ end }}" {{ if .Params.external }}href="{{ .URL }}"{{ else }}href="{{ .PageRef }}"{{ end }}{{ with .Params.unlisted }} style="pointer-events:none;"{{ end }}>{{ index $s 0 }}</a>
|
|
{{ end }}
|
|
{{ if index $s 1 }}
|
|
<a class="rightitem {{ with .Params.unlisted }}unlisted{{ end }}" {{ if .Params.external }}href="{{ .URL }}"{{ else }}href="{{ .PageRef }}"{{ end }}{{ with .Params.unlisted }} style="pointer-events:none;"{{ end }}>{{ index $s 1 }}</a>
|
|
{{ end }}
|
|
</div></li>
|
|
{{ end }}
|
|
{{ end }}
|
|
<li><div class="menuitem"> </div></li>
|
|
{{ with site.Menus.submenu }}
|
|
{{ range . }}
|
|
<li><div class="menuitem">
|
|
{{ $s := split .Name "|" }}
|
|
{{ if index $s 0 }}
|
|
<a class="leftitem {{ with .Params.unlisted }}unlisted{{ end }}" href="{{ .PageRef }}"{{ with .Params.unlisted }} style="pointer-events:none;"{{ end }}>{{ index $s 0 }}</a>
|
|
{{ end }}
|
|
{{ if index $s 1 }}
|
|
<a class="rightitem {{ with .Params.unlisted }}unlisted{{ end }}" href="{{ .PageRef }}"{{ with .Params.unlisted }} style="pointer-events:none;"{{ end }}>{{ index $s 1 }}</a>
|
|
{{ end }}
|
|
</div></li>
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
<style>
|
|
body {
|
|
background-color: darkviolet;
|
|
font-size: 1.2rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.wrapper {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.header {
|
|
position: unset;
|
|
}
|
|
|
|
#logobtn {
|
|
color: linen;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.home svg {
|
|
color: linen;
|
|
}
|
|
|
|
.content {
|
|
padding-top: 50px;
|
|
font-size: inherit;
|
|
letter-spacing: inherit;
|
|
line-height: inherit;
|
|
}
|
|
|
|
ol,
|
|
ul {
|
|
list-style-position: initial;
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
/*menulist*/
|
|
.menulist {
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
margin-left: 1em;
|
|
margin-right: 1em;
|
|
}
|
|
.menulist ul {
|
|
display: flex;
|
|
flex-direction: column;
|
|
list-style: none;
|
|
}
|
|
.menulist ul li {
|
|
width: 100%;
|
|
}
|
|
|
|
/*separator*/
|
|
.menulist hr {
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
border-top: 1px dashed linen;
|
|
border-bottom: 0px dashed linen;
|
|
}
|
|
|
|
/*menuitem*/
|
|
.menuitem a,
|
|
.menuitem a:visited,
|
|
.menuitem a:hover {
|
|
color: linen;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
.menuitem .unlisted {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
/*left/right layout*/
|
|
.menuitem .leftitem {
|
|
display: block;
|
|
width: 50%;
|
|
float: left;
|
|
text-align: right;
|
|
padding-right: 0.25em;
|
|
}
|
|
.menuitem .rightitem {
|
|
display: block;
|
|
width: 50%;
|
|
float: right;
|
|
text-align: left;
|
|
padding-left: 0.25em;
|
|
}
|
|
</style>
|
|
{{ end }} |