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

Add buy me a coffee link to footer

Browse Source
This commit is contained in:
kolaente 2020-04-16 23:18:49 +02:00
parent c0d3eccb16
commit cbc6a98e90
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
3 changed files with 78 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
layouts/partials/footer.html
View File

@ -1,60 +1,67 @@
<footer class="footer">
<div class="container">
<div class="has-text-centered">
<p>
Copyright &copy; {{ now.Year }}
<a href="{{ .Site.Params.website }}">{{ .Site.Params.author }}</a>.
All rights reserved. Made with ♥️ and <a href="https://gohugo.io">Hugo</a>.
{{/* The site urls are hard coded because both sites are located at the same path but the base website url is different on the docs page */}}
<a href="https://vikunja.io/contact/">Contact</a> |
<a href="https://vikunja.io/privacy/">Privacy Policy</a>
</p>
<p>
<a href="https://riot.im/app/#/room/!dCRiCiLaCCFVNlDnYs:matrix.org?via=matrix.org">
<img src="https://img.shields.io/badge/chat-on%20matrix.org-brightgreen" alt="Chat on matrix.org"/>
</a>
</p>
{{/*
Commented out until we actually have a multi-language website.
<p>
{{ $lang := .Lang }}{{ $base := .Site.BaseURL }}{{ range .Site.Languages }}
<a class="nav-link" href="{{ $base }}{{ .Lang }}">{{ .LanguageName }}</a>
{{ end }}
</p>
*/}}
</div>
</div>
</footer>
<footer class="footer">
<div class="container">
<div class="has-text-centered">
<p>
Copyright &copy; {{ now.Year }}
<a href="{{ .Site.Params.website }}">{{ .Site.Params.author }}</a>.
All rights reserved. Made with ♥️ and <a href="https://gohugo.io">Hugo</a>.
{{/* The site urls are hard coded because both sites are located at the same path but the base website
url is different on the docs page */}}
<a href="https://vikunja.io/contact/">Contact</a> |
<a href="https://vikunja.io/privacy/">Privacy Policy</a>
</p>
<p class="footer-buttons">
<a href="https://riot.im/app/#/room/!dCRiCiLaCCFVNlDnYs:matrix.org?via=matrix.org">
<img src="https://img.shields.io/badge/chat-on%20matrix.org-brightgreen" alt="Chat on matrix.org"/>
</a>
<a target="_blank" href="https://www.buymeacoffee.com/kolaente" class="button coffe is-primary">
<span class="icon is-small">
<img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" alt="Buy me a coffee">
</span>
<span>Buy Me A Coffe</span>
</a>
</p>
{{/*
Commented out until we actually have a multi-language website.
<p>
{{ $lang := .Lang }}{{ $base := .Site.BaseURL }}{{ range .Site.Languages }}
<a class="nav-link" href="{{ $base }}{{ .Lang }}">{{ .LanguageName }}</a>
{{ end }}
</p>
*/}}
</div>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function () {
<script>
document.addEventListener('DOMContentLoaded', function () {
// Get all "navbar-burger" elements
var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Get all "navbar-burger" elements
var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Check if there are any navbar burgers
if ($navbarBurgers.length > 0) {
// Check if there are any navbar burgers
if ($navbarBurgers.length > 0) {
// Add a click event on each of them
$navbarBurgers.forEach(function ($el) {
$el.addEventListener('click', function () {
// Add a click event on each of them
$navbarBurgers.forEach(function ($el) {
$el.addEventListener('click', function () {
// Get the target from the "data-target" attribute
var target = $el.dataset.target;
var $target = document.getElementById(target);
// Get the target from the "data-target" attribute
var target = $el.dataset.target;
var $target = document.getElementById(target);
// Toggle the class on both the "navbar-burger" and the "navbar-menu"
$el.classList.toggle('is-active');
$target.classList.toggle('is-active');
// Toggle the class on both the "navbar-burger" and the "navbar-menu"
$el.classList.toggle('is-active');
$target.classList.toggle('is-active');
document.getElementById('navbar-background').classList.toggle('is-active');
});
});
}
document.getElementById('navbar-background').classList.toggle('is-active');
});
});
}
});
</script>
});
</script>
{{ partial "fathom-tracking.html" . }}
</body>
{{ partial "fathom-tracking.html" . }}
</body>
</html>

20
src/_theme.scss
View File

@ -72,6 +72,15 @@
box-shadow: none;
}
}
&.coffe {
padding: 1em 1.5em;
height: auto;
// Shadow from the original button
box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;
-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;
}
}
.input,
@ -249,3 +258,14 @@ h1,h2,h3,h4,h5,h6{
}
}
}
.footer-buttons {
display: flex;
justify-content: center;
align-items: center;
margin-top: .5em;
*:not(:last-child) {
margin-right: .5em;
}
}

2
src/main.scss
View File

@ -279,4 +279,4 @@ h1, h2, h3, h4, h5, h6 {
color: lighten(#000, 70%);
}
}
}
}