57 lines
2.5 KiB
HTML
57 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-screen-2xl mx-auto py-12 px-4 sm:px-6">
|
|
<div class="xl:flex xl:gap-4">
|
|
<div class="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/logolight.png" alt="ThreeFold Logo" /> #}
|
|
<img id="lightLogo" src="images/logolight.png" alt="Light Logo" class="logo light w-36 h-auto" style="max-width: none;">
|
|
<img id="darkLogo" src="images/logodark.png" alt="Dark Logo" class="logo dark w-36 h-auto" style="max-width: none;">
|
|
<p class="text-gray-200 text-base font-light leading-6">
|
|
{{section.description}}
|
|
</p>
|
|
{% include "partials/socialLinks.html" %}
|
|
</div>
|
|
|
|
<div class="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> ThreeFold - 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>
|
|
<style>
|
|
.light {
|
|
|
|
display: block; /* Show dark logo by default */
|
|
}
|
|
.dark {
|
|
|
|
display: none; /* Hide light logo by default */
|
|
}
|
|
|
|
.light-mode .light {
|
|
|
|
display: none; /* Hide dark logo in light mode */
|
|
}
|
|
.light-mode .dark {
|
|
|
|
display: block;/* Show light logo in light mode */
|
|
}
|
|
</style>
|
|
</body>
|
|
</html>
|