From afc3d4b857958c5a2cc6fb50ff5cc47a4a4d00af Mon Sep 17 00:00:00 2001
From: Maria Rushkova <maryrushkova@gmail.com>
Date: Tue, 3 Aug 2021 17:50:00 +0200
Subject: [PATCH] Add footer

---
 _includes/footer.html | 109 ++++++++++++++++++++++++++++++++++++++++++
 index.html            |  10 +---
 2 files changed, 110 insertions(+), 9 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index e69de29..71a816b 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -0,0 +1,109 @@
+<footer class="footer bg-black flex justify-center">
+  <div
+    class="container max-w-screen-xl flex p-5 pb-10 md:px-12 md:pt-5 lg:pt-10"
+  >
+    <div class="logo mr-10 sm:mr-20">
+      <a href="{{site.url}}{{ site.baseurl }}"
+        ><img src="{{ '/assets/img/logo.png' | relative_url }}"
+      /></a>
+    </div>
+    <p
+      class="
+        hidden
+        ml:inline-block
+        w-52
+        text-base text-white
+        opacity-75
+        mr-20
+        lg:mr-32
+      "
+    >
+      VAC researches peer-to-peer, private, censorship resistant communication
+    </p>
+
+    <div
+      class="flex flex-col xm:flex-row xm:justify-between flex-1 md:flex-none"
+    >
+      <nav class="flex max-w-xs mr-0 xm:mr-5 l:mr-32 mb-5 sm:mb-0">
+        <div class="flex flex-col xxs:flex-row">
+          <div class="flex flex-col mr-5 sl:mr-14">
+            <p class="text-base text-white mb-5 lg:mb-4">Research</p>
+            <ul class="">
+              <li class="text-xxs lg:text-base text-white opacity-75 mb-5">
+                <a href="https://status.im/" target="_blank">Log</a>
+              </li>
+              <li class="text-xxs lg:text-base text-white opacity-75 mb-5">
+                <a href="https://forum.vac.dev/" target="_blank">Forum</a>
+              </li>
+              <li class="text-xxs lg:text-base text-white opacity-75 mb-5">
+                <a href="https://status.im/" target="_blank">Media</a>
+              </li>
+              <li class="text-xxs lg:text-base text-white opacity-75 mb-5">
+                <a href="https://status.im/our_team/jobs.html" target="_blank"
+                  >Careers</a
+                >
+              </li>
+            </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>
+            <ul class="">
+              <li class="text-xxs lg:text-base text-white opacity-75 mb-5">
+                <a href="https://twitter.com/vacp2p" target="_blank">Twitter</a>
+              </li>
+              <li class="text-xxs lg:text-base text-white opacity-75 mb-5">
+                <a href="https://discord.com/" target="_blank">Discord</a>
+              </li>
+              <li class="text-xxs lg:text-base text-white opacity-75">
+                <a href="https://t.me/vacp2p" target="_blank">Telegram</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div>
+          <div class="flex flex-col sl:mr-5">
+            <p class="text-base text-white mb-5 lg:mb-4">Projects</p>
+            <ul class="">
+              <li class="text-xxs lg:text-base text-white opacity-75 mb-5">
+                <a href="https://status.im/" target="_blank">Waku</a>
+              </li>
+              <li class="text-xxs lg:text-base text-white opacity-75 mb-5">
+                <a href="https://status.im/" target="_blank">DApp Connect</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+
+      <div class="flex flex-col flex-1 xxs:flex-none xm:flex-1 sm:flex-none">
+        <h3 class="text-base text-white mb-5">Signup for updates</h3>
+        <form action="">
+          <div class="flex items-center w-full">
+            <input
+              class="
+                text-xs text-white
+                opacity-50
+                w-full
+                bg-black
+                border-b border-white
+                mr-2
+                focus:outline-none
+              "
+              type="email"
+              placeholder="your email"
+            />
+            <button
+              class="
+                h-2
+                w-2
+                hover:w-2.5 hover:h-3.5
+                bg-arrowWhite bg-contain bg-no-repeat
+              "
+              type="submit"
+            ></button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/index.html b/index.html
index 188296b..34ec6f6 100644
--- a/index.html
+++ b/index.html
@@ -556,15 +556,7 @@ layout: default
 
 <section
   id="join"
-  class="
-    join
-    container
-    max-w-screen-xl
-    flex flex-col
-    sm:flex-row
-    py-10
-    border-b
-  "
+  class="join container max-w-screen-xl flex flex-col sm:flex-row py-10"
 >
   <div class="heading-block w-full sm:w-2/12 lg:w-3/12">
     <h2 class="text-sm font-semibold mb-5 s:text-center lg:text-center">