vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

simplified the navigation even more; hopefully uncluttered the links and using standard heading sizes

Browse source
This commit is contained in:
Vrifox 2021-03-07 16:06:50 +01:00
parent 9bfbd290b8
commit 35f14736db
Signed by: vrifox
GPG key ID: D40098E5B60B2197
2 changed files with 5 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
assets/style.scss
View file

@ -40,16 +40,12 @@ body {
a {
color: var(--text);
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--vrifox-red);
&:hover { text-decoration: underline; }
text-underline-offset: 3px;
transition: text-decoration-color .2s;
&:hover { text-decoration-color: var(--text); }
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 0.9em; }
hr {
border-color: var(--text);
color: var(--text);
@ -72,10 +68,9 @@ header, footer {
padding: 17.6px 15px;
text-decoration-color: var(--background);
text-decoration-thickness: 2px !important;
transition: text-decoration-color .2s;
text-underline-offset: 6px;
margin: 0 15px;
&:hover { text-decoration-color: var(--vrifox-red); }
&.active { text-decoration-color: var(--text); }
}
}
header {
@ -104,7 +99,7 @@ footer {
// - main -
// --------
main {
margin: 60px auto;
margin: 20px auto;
max-width: 720px;
padding: 30px;
width: 100%;

8
layouts/partials/nav.html
View file

@ -1,19 +1,11 @@
{{- $currentPage := . }}
<header>
{{- range .Site.Menus.name }}
{{- if $currentPage.IsMenuCurrent "name" . }}
<h1> <a href="{{ .URL }}" class="active">{{ .Name }}</a> </h1>
{{- else }}
<h1> <a href="{{ .URL }}">{{ .Name }}</a> </h1>
{{- end }}
{{- end }}
<nav>
{{- range .Site.Menus.main }}
{{- if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) -}}
<a href="{{ .URL }}" class="active">{{ .Name }}</a>
{{- else }}
<a href="{{ .URL }}">{{ .Name }}</a>
{{- end}}
{{- end }}
</nav>
</header>