vikunja
/
website
1
3
Fork 5
Code Issues Pull Requests Releases Wiki Activity

Added two navbar designs
the build was successful Details

This commit is contained in:
kolaente 2018-10-14 18:54:25 +02:00
parent a894cff6bd
commit e31babf0ef
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
5 changed files with 33 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/themes/vikunja/layouts/home/single.html
View File

@ -3,7 +3,7 @@
<section class="homepage-hero hero is-dark is-medium">
<!-- Hero head: will stick at the top -->
<div class="hero-head">
{{ partial "navbar.html" . }}
{{ partial "navbar-blank.html" . }}
</div>
<!-- Hero content: will be in the middle -->

11
src/themes/vikunja/layouts/page/single.html
View File

@ -2,15 +2,8 @@
{{ partial "navbar.html" . }}
<div class="container is-centered page">
<div class="columns">
<div class="column is-one-quarter">
{{ partial "menu" . }}
</div>
<div class="column">
<div class="content">
{{ .Content }}
</div>
</div>
<div class="content">
{{ .Content }}
</div>
</div>

3
src/themes/vikunja/layouts/partials/navbar-blank.html Normal file
View File

@ -0,0 +1,3 @@
<nav class="navbar">
{{ partial "navbar-content.html" . }}
</nav>

25
src/themes/vikunja/layouts/partials/navbar-content.html Normal file
View File

@ -0,0 +1,25 @@
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="{{ .Site.BaseURL }}">
<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}">
</a>
<span class="navbar-burger burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
<span></span>
<span></span>
<span></span>
</span>
</div>
<div class="navbar-menu" id="navMenu">
<div class="navbar-end">
<span class="navbar-item logo">
<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}">
</span>
{{ $currentNode := .Page }}{{ range .Site.Menus.page }}
<a class="navbar-item{{ if $currentNode.IsMenuCurrent "page" . }} is-active{{ end }}" href="{{ .URL }}">
{{ .Name }}
</a>
{{ end }}
</div>
</div>
<div class="navbar-background" id="navbar-background"></div>
</div>

28
src/themes/vikunja/layouts/partials/navbar.html
View File

@ -1,27 +1,3 @@
<nav class="navbar">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="{{ .Site.BaseURL }}">
<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}">
</a>
<span class="navbar-burger burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
<span></span>
<span></span>
<span></span>
</span>
</div>
<div class="navbar-menu" id="navMenu">
<div class="navbar-end">
<span class="navbar-item logo">
<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}">
</span>
{{ $currentNode := .Page }}{{ range .Site.Menus.page }}
<a class="navbar-item{{ if $currentNode.IsMenuCurrent "page" . }} is-active{{ end }}" href="{{ .URL }}">
{{ .Name }}
</a>
{{ end }}
</div>
</div>
<div class="navbar-background" id="navbar-background"></div>
</div>
<nav class="navbar is-primary">
{{ partial "navbar-content.html" . }}
</nav>