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

feat: reorder menu
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source
This commit is contained in:
kolaente 2022-01-26 23:13:48 +01:00
parent 04771da16e
commit bb317a965c
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 68 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

132
layouts/partials/footer.html
View File

@ -1,65 +1,70 @@
<footer class="mt-12 border-t-2 border-gray-200 py-8 md:flex text-left text-sm text-gray-800 mx-auto max-w-screen-xl">
<div class="w-full md:w-1/5 flex flex-col">
<img src="{{ .Site.BaseURL }}images/vikunja-logo.svg" alt="{{ .Site.Title }}" class="h-8" width="109" height="32"/>
<p class="py-4 text-gray-600">
&copy; {{ now.Year }}<br/>
Made with ♥️ and <a href="https://gohugo.io">Hugo</a>.
</p>
<a href="https://twitter.com/vikunjaio" target="_blank" rel="noopener" class="hover:underline pb-2">Twitter</a>
<a href="https://matrix.to/#/#vikunja:matrix.org">
<img src="https://img.shields.io/badge/chat-on%20matrix.org-brightgreen" alt="Chat on matrix.org"/>
</a>
</div>
<div class="md:w-1/5"></div>
<div class="w-full md:w-1/5 mt-4 md:mt-0 flex flex-col">
<h3 class="font-title font-bold text-base mb-4 md:mb-6">Support Us</h3>
<a href="https://www.buymeacoffee.com/kolaente" class="hover:underline pb-2 flex align-middle" target="_blank">
<img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" alt="Buy me a coffee" class="w-3 mr-1"/>
<span>
Buy Me a Coffee
</span>
</a>
<a href="https://github.com/sponsors/kolaente/button" class="hover:underline pb-2 flex align-middle" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
</svg>
<span>
Sponsor on Github
</span>
</a>
<a href="https://opencollective.com/vikunja" class="hover:underline pb-2" target="_blank">Sponsor on Opencollective</a>
<a href="https://vikunja.cloud/stickers?utm_source=io&utm_medium=io&utm_campaign=footer" class="hover:underline pb-2">Buy Stickers</a>
</div>
<div class="w-full md:w-1/5 mt-4 md:mt-0 flex flex-col">
<h3 class="font-title font-bold text-base mb-4 md:mb-6">Product</h3>
<a href="https://vikunja.cloud/features" class="hover:underline pb-2">Features</a>
<a href="https://vikunja.cloud/managed-service" class="hover:underline pb-2">Managed Service</a>
<a href="https://vikunja.cloud/?utm_source=io&utm_medium=io&utm_campaign=footer" class="hover:underline pb-2">Get it Hosted</a>
<a href="https://vikunja.cloud/stickers" class="hover:underline pb-2">Stickers</a>
</div>
<div class="w-full md:w-1/5 mt-4 md:mt-0 flex flex-col">
<h3 class="font-title font-bold text-base mb-4 md:mb-6">About</h3>
<a href="/" class="hover:underline pb-2">Home</a>
<a href="/docs" class="hover:underline pb-2">Docs</a>
<a href="/contact/" class="hover:underline pb-2">Contact</a>
<a href="/survey" class="hover:underline pb-2">Feedback Survey</a>
<a href="https://community.vikunja.io" class="hover:underline pb-2">Community Forum</a>
</div>
<div class="w-full md:w-1/5 mt-4 md:mt-0 flex flex-col">
<h3 class="font-title font-bold text-base mb-4 md:mb-6">Legal</h3>
<a href="/privacy" class="hover:underline pb-2">Privacy Policy</a>
<a href="/imprint" class="hover:underline pb-2">Imprint</a>
</div>
<div class="w-full md:w-1/5 flex flex-col">
<img src="{{ .Site.BaseURL }}images/vikunja-logo.svg" alt="{{ .Site.Title }}" class="h-8" width="109"
height="32"/>
<p class="py-4 text-gray-600">
&copy; {{ now.Year }}<br/>
Made with ♥️ and <a href="https://gohugo.io">Hugo</a>.
</p>
<a href="https://twitter.com/vikunjaio" target="_blank" rel="noopener" class="hover:underline pb-2">Twitter</a>
<a href="https://matrix.to/#/#vikunja:matrix.org">
<img src="https://img.shields.io/badge/chat-on%20matrix.org-brightgreen" alt="Chat on matrix.org"/>
</a>
</div>
<div class="md:w-1/5"></div>
<div class="w-full md:w-1/5 mt-4 md:mt-0 flex flex-col">
<h3 class="font-title font-bold text-base mb-4 md:mb-6">Legal</h3>
<a href="/privacy" class="hover:underline pb-2">Privacy Policy</a>
<a href="/imprint" class="hover:underline pb-2">Imprint</a>
</div>
<div class="w-full md:w-1/5 mt-4 md:mt-0 flex flex-col">
<h3 class="font-title font-bold text-base mb-4 md:mb-6">Support Us</h3>
<a href="https://www.buymeacoffee.com/kolaente" class="hover:underline pb-2 flex align-middle" target="_blank">
<img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" alt="Buy me a coffee" class="w-3 mr-1"/>
<span>
Buy Me a Coffee
</span>
</a>
<a href="https://github.com/sponsors/kolaente/button" class="hover:underline pb-2 flex align-middle"
target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
<span>
Sponsor on Github
</span>
</a>
<a href="https://opencollective.com/vikunja" class="hover:underline pb-2" target="_blank">
Sponsor on Opencollective
</a>
<a href="https://vikunja.cloud/stickers?utm_source=io&utm_medium=io&utm_campaign=footer" class="hover:underline pb-2">
Buy Stickers
</a>
</div>
<div class="w-full md:w-1/5 mt-4 md:mt-0 flex flex-col">
<h3 class="font-title font-bold text-base mb-4 md:mb-6">Product</h3>
<a href="https://vikunja.cloud/features" class="hover:underline pb-2">Features</a>
<a href="https://vikunja.cloud/managed-service" class="hover:underline pb-2">Managed Service</a>
<a href="https://vikunja.cloud/?utm_source=io&utm_medium=io&utm_campaign=footer" class="hover:underline pb-2">
Get it Hosted
</a>
<a href="https://vikunja.cloud/stickers" class="hover:underline pb-2">Stickers</a>
</div>
<div class="w-full md:w-1/5 mt-4 md:mt-0 flex flex-col">
<h3 class="font-title font-bold text-base mb-4 md:mb-6">About</h3>
<a href="/" class="hover:underline pb-2">Home</a>
<a href="/docs" class="hover:underline pb-2">Docs</a>
<a href="/contact/" class="hover:underline pb-2">Contact</a>
<a href="/survey" class="hover:underline pb-2">Feedback Survey</a>
<a href="https://community.vikunja.io" class="hover:underline pb-2">Community Forum</a>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Get all "navbar-burger" elements
var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0)
// Check if there are any navbar burgers
if ($navbarBurgers.length > 0) {
@ -69,19 +74,18 @@
$el.addEventListener('click', function () {
// Get the target from the "data-target" attribute
var target = $el.dataset.target;
var $target = document.getElementById(target);
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');
$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>
{{ partial "plausible-tracking.html" . }}