vikunja
/
theme
1
1
Fork 4
Code Issues Pull Requests Releases Wiki Activity

feat: make menu working properly again
continuous-integration/drone/push Build is failing Details

This commit is contained in:
kolaente 2022-01-26 22:33:01 +01:00
parent 80a229f719
commit 004ebf016a
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
14 changed files with 32 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/404.html
View File

@ -2,11 +2,9 @@
<section class="hero is-warning is-fullheight">
<div class="hero-body">
<div class="container">
<h1 class="title">
Not found
</h1>
<a href="/">Go home</a>
</div>
<a href="/">Back to home page</a>
</div>
</section>

1
layouts/_default/list.html
View File

@ -1,5 +1,4 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container is-centered page">
<div class="columns">

1
layouts/_default/single.html
View File

@ -1,5 +1,4 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="max-w-screen-xl mx-auto">
<article class="prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline">

1
layouts/doc/single.html
View File

@ -1,5 +1,4 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container is-centered page">
<div class="columns">

9
layouts/features/single.html
View File

@ -1,9 +0,0 @@
{{ partial "header.html" . }}
<div class="features">
{{ partial "navbar.html" . }}
{{ .Content }}
{{ partial "footer.html" . }}
</div>

17
layouts/home/single.html
View File

@ -1,17 +0,0 @@
{{ partial "header.html" . }}
<section class="homepage-hero hero is-dark is-medium">
<!-- Hero head: will stick at the top -->
<div class="hero-head">
{{ partial "navbar-blank.html" . }}
</div>
<!-- Hero content: will be in the middle -->
<div class="hero-body">
<div class="container has-text-centered">
{{ .Content }}
</div>
</div>
</section>
{{ partial "footer.html" . }}

2
layouts/index.html
View File

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

2
layouts/partials/header.html
View File

@ -63,3 +63,5 @@
<link rel="icon" type="image/x-icon" href="{{ .Site.BaseURL }}favicon.ico">
</head>
<body class="antialiased bg-gray-50">
{{ partial "navbar.html" . }}

3
layouts/partials/navbar-blank.html
View File

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

25
layouts/partials/navbar-content.html
View File

@ -1,25 +0,0 @@
<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>

29
layouts/partials/navbar.html
View File

@ -1,3 +1,26 @@
<nav class="navbar is-primary">
{{ partial "navbar-content.html" . }}
</nav>
<nav class="w-full bg-primary">
<div class="flex justify-between max-w-screen-2xl mx-auto">
<!-- <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>-->
<a class="navbar-item" href="/">
<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}" class="h-10 my-2"/>
</a>
<div id="navMenu" class="text-white flex">
{{ $currentNode := .Page }}{{ range .Site.Menus.page }}
<a class="block h-full py-4 px-2 hover:bg-primary-darker {{ if $currentNode.IsMenuCurrent "page" . }}bg-primary-darker{{ end }}" href="{{ .URL }}">
{{ .Name }}
</a>
{{ end }}
</div>
</div>
</nav>
<div class="navbar-background" id="navbar-background"></div>

1
layouts/post/list.html
View File

@ -1,5 +1,4 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container content page">
{{ $paginator := .Paginate (where .Data.Pages "Type" "post") }}{{ range $paginator.Pages }}

1
layouts/post/single.html
View File

@ -1,5 +1,4 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="max-w-xl mx-auto">
<div class="content">

2
tailwind.config.js
View File

@ -7,7 +7,9 @@ module.exports = {
extend: {
colors: {
primary: {
lighter: '#3b7aec',
DEFAULT: '#196aff',
darker: '#0064ff',
}
}
},