71 lines
2.5 KiB
HTML
71 lines
2.5 KiB
HTML
{%- set section = get_section(path="footer/_index.md") %}
|
|
{%- set logoPath = section.extra.logoPath %}
|
|
|
|
<html>
|
|
<head />
|
|
<body>
|
|
<div class="mt-20 border-t border-gray-700"></div>
|
|
<footer class="bg-transparent">
|
|
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6">
|
|
<div class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
|
|
<div class="grid-cols-4 space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
|
|
{# <img class="w-36 h-auto" src="images/mycelium_white.png" alt="MYCELIUM Logo" /> #}
|
|
<a href="/" class="flex">
|
|
|
|
<img id="lightLogo" src="/images/mycelium_white.png" alt="Light Logo" class="logo light w-36 h-auto" style="max-width: none;">
|
|
<img id="darkLogo" src="/images/mycelium_dark.png" alt="Dark Logo" class="logo dark w-36 h-auto" style="max-width: none;">
|
|
|
|
|
|
</a>
|
|
|
|
<p class="text-gray-200 text-base font-light leading-6">
|
|
{{section.description}}
|
|
</p>
|
|
{# {% include "partials/socialLinks.html" %} #}
|
|
</div>
|
|
|
|
<div class="grid-cols-8 mt-6 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust">
|
|
{{ section.content | safe }}
|
|
</div>
|
|
|
|
</div>
|
|
<div class="mt-6 mx-auto border-t border-gray-700 pt-8">
|
|
<p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
|
|
© <span id="year"></span> Mycelium - All rights reserved.
|
|
<a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-green">Terms & Conditions |</a>
|
|
<a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-green">Privacy Policy</a>
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
/* logo image */
|
|
|
|
.dark {
|
|
|
|
display: block; /* Show dark logo by default */
|
|
}
|
|
.light {
|
|
|
|
display: none; /* Hide light logo by default */
|
|
}
|
|
|
|
.dark-mode .dark {
|
|
|
|
display: none; /* Hide dark logo in light mode */
|
|
}
|
|
.dark-mode .light{
|
|
|
|
display: block;/* Show light logo in light mode */
|
|
}
|
|
|
|
</style> |