vac.dev-experimental-old/_includes/footer.html

109 lines
3.0 KiB
HTML
Raw Permalink Normal View History

2021-08-09 09:11:02 +00:00
<footer class="footer bg-black flex flex-shrink-0 justify-center">
2021-08-03 15:50:00 +00:00
<div
2021-08-04 09:10:51 +00:00
class="
container
max-w-screen-xl
flex
sl:justify-between
lm:justify-start
p-5
pb-10
md:px-12 md:pt-5
lg:pt-10
"
2021-08-03 15:50:00 +00:00
>
2021-08-10 14:32:32 +00:00
<div class="logo mr-10 sm:mr-0 sm:w-2/12 lg:w-3/12">
2021-08-10 10:31:38 +00:00
<a href="/"
2021-08-04 09:10:51 +00:00
><img
src="{{ '/assets/img/logo.png' | relative_url }}"
alt="Vac logo"
class="w-9 h-11"
2021-08-03 15:50:00 +00:00
/></a>
</div>
2021-08-10 14:26:18 +00:00
<div
class="flex flex-col xm:flex-row xm:justify-between sm:w-10/12 lg:w-9/12"
>
2021-08-10 14:32:32 +00:00
<p
class="
hidden
ml:inline-block ml:mr-10
w-52
text-base text-white
opacity-75
lm:mr-32
"
>
VAC researches peer-to-peer, private, censorship resistant communication
</p>
2021-08-03 15:50:00 +00:00
<nav class="flex max-w-xs mr-0 xm:mr-5 l:mr-32 mb-5 sm:mb-0">
2021-08-10 14:26:18 +00:00
<div class="flex">
<div class="flex flex-col mr-5 sm:mr-10 sl:mr-14">
2021-08-03 15:50:00 +00:00
<p class="text-base text-white mb-5 lg:mb-4">Research</p>
2021-08-05 15:45:13 +00:00
<ul>
2021-08-04 15:48:52 +00:00
{% for nav in site.data.footer-research %} {% include
2021-08-05 16:00:06 +00:00
nav-item-footer.html %} {% endfor %}
2021-08-03 15:50:00 +00:00
</ul>
</div>
<div class="flex flex-col sl:mr-14">
<p class="text-base text-white mb-5 lg:mb-4 mr-5">Socials</p>
2021-08-05 15:45:13 +00:00
<ul>
2021-08-05 16:00:06 +00:00
{% for nav in site.data.footer-socials %} {% include
nav-item-footer.html %} {% endfor %}
2021-08-03 15:50:00 +00:00
</ul>
</div>
</div>
2021-08-10 14:26:18 +00:00
{%- comment -%}
2021-08-03 15:50:00 +00:00
<div>
<div class="flex flex-col sl:mr-5">
<p class="text-base text-white mb-5 lg:mb-4">Projects</p>
2021-08-05 15:45:13 +00:00
<ul>
2021-08-04 15:48:52 +00:00
{% for nav in site.data.footer-projects %} {% include
2021-08-05 16:00:06 +00:00
nav-item-footer.html %} {% endfor %}
2021-08-03 15:50:00 +00:00
</ul>
</div>
</div>
2021-08-10 14:26:18 +00:00
{%- endcomment -%}
2021-08-03 15:50:00 +00:00
</nav>
2021-08-04 09:10:51 +00:00
<div class="flex flex-col w-52">
2021-08-03 15:50:00 +00:00
<h3 class="text-base text-white mb-5">Signup for updates</h3>
2021-08-04 10:26:31 +00:00
<form action="" class="footer__form">
2021-08-03 15:50:00 +00:00
<div class="flex items-center w-full">
<input
class="
text-xs text-white
w-full
bg-black
border-b border-white
2021-08-09 14:47:45 +00:00
rounded-none
2021-08-03 15:50:00 +00:00
mr-2
focus:outline-none
2021-08-04 10:26:31 +00:00
placeholder-white placeholder-opacity-50
2021-08-03 15:50:00 +00:00
"
type="email"
placeholder="your email"
2021-08-04 10:58:27 +00:00
required
2021-08-03 15:50:00 +00:00
/>
<button
class="
2021-08-05 09:44:30 +00:00
h-10
w-10
bg-arrowWhite bg-auto bg-no-repeat bg-left
2021-08-04 10:58:27 +00:00
focus:outline-none
hover:opacity-50
2021-08-03 15:50:00 +00:00
"
type="submit"
></button>
</div>
</form>
2021-08-04 10:26:31 +00:00
<p
class="footer__confirm text-base italic text-white opacity-75 hidden"
>
You signed up! Check your e-mail
</p>
2021-08-03 15:50:00 +00:00
</div>
</div>
</div>
</footer>