tabs work

This commit is contained in:
2021-08-23 06:58:39 +01:00
parent 9ac2748d45
commit dd44c55616
12 changed files with 93 additions and 40 deletions

View File

@ -0,0 +1,12 @@
<div class="hero header">
<div class="hero-body">
<a href="/">
<p class="title is-size-0">
{{ site.Params.header.name }}
</p>
<p class="subtitle is-size-4">
{{ site.Params.header.subtitle }}
</p>
</a>
</div>
</div>

View File

@ -0,0 +1,19 @@
<nav>
<div class="tabs is-fullwidth nav-tabs is-italic is-size-5 is-uppercase">
<ul>
{{ range $nav_tab := site.Params.navbar }}
{{ $nav_title := replace $nav_tab "-" " " | title }}
{{ if eq $.Page.Params.title $nav_title }}
<li class="is-active"><a href="/{{$nav_tab}}">{{ $nav_title }}</a></li>
{{ else }}
<li><a href="/{{$nav_tab}}">{{ $nav_title }}</a></li>
{{ end }}
{{ end }}
{{/* <li><a>About</a></li>
<li><a>Writing</a></li>
<li><a>Videos</a></li>
<li><a>Get In Touch</a></li> */}}
</ul>
</div>
</nav>