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 { a {
color: var(--text); color: var(--text);
text-decoration: underline; text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--vrifox-red); 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 { hr {
border-color: var(--text); border-color: var(--text);
color: var(--text); color: var(--text);
@ -72,10 +68,9 @@ header, footer {
padding: 17.6px 15px; padding: 17.6px 15px;
text-decoration-color: var(--background); text-decoration-color: var(--background);
text-decoration-thickness: 2px !important; text-decoration-thickness: 2px !important;
transition: text-decoration-color .2s; text-underline-offset: 6px;
margin: 0 15px; margin: 0 15px;
&:hover { text-decoration-color: var(--vrifox-red); } &:hover { text-decoration-color: var(--vrifox-red); }
&.active { text-decoration-color: var(--text); }
} }
} }
header { header {
@ -104,7 +99,7 @@ footer {
// - main - // - main -
// -------- // --------
main { main {
margin: 60px auto; margin: 20px auto;
max-width: 720px; max-width: 720px;
padding: 30px; padding: 30px;
width: 100%; width: 100%;

8
layouts/partials/nav.html
View file

@ -1,19 +1,11 @@
{{- $currentPage := . }} {{- $currentPage := . }}
<header> <header>
{{- range .Site.Menus.name }} {{- 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> <h1> <a href="{{ .URL }}">{{ .Name }}</a> </h1>
{{- end }}
{{- end }} {{- end }}
<nav> <nav>
{{- range .Site.Menus.main }} {{- 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> <a href="{{ .URL }}">{{ .Name }}</a>
{{- end}}
{{- end }} {{- end }}
</nav> </nav>
</header> </header>