From 4e78eb27e69d14c638fa63ee2b717d7d73c562dd Mon Sep 17 00:00:00 2001
From: Karol Wypchlo <kwypchlo@gmail.com>
Date: Mon, 14 Dec 2020 16:25:35 +0100
Subject: [PATCH] auth links

---
 packages/webapp/src/components/HomeTop/HomeTop.js   | 10 ++++++++++
 packages/webapp/src/components/HomeTop/HomeTop.scss |  8 ++++++++
 2 files changed, 18 insertions(+)

diff --git a/packages/webapp/src/components/HomeTop/HomeTop.js b/packages/webapp/src/components/HomeTop/HomeTop.js
index 42e53788..adf0951c 100644
--- a/packages/webapp/src/components/HomeTop/HomeTop.js
+++ b/packages/webapp/src/components/HomeTop/HomeTop.js
@@ -15,6 +15,16 @@ export default function HomeTop() {
         The decentralized CDN and file sharing platform for devs. Skynet is the storage foundation for a Free Internet!
       </p>
 
+      <p className="auth-links">
+        <a href="/secure/auth/registration" className="link">
+          Sign up now!
+        </a>{" "}
+        Already have an account?{" "}
+        <a href="/secure/auth/login" className="link">
+          Log in!
+        </a>
+      </p>
+
       <Deco1 className="deco-1" />
       <Deco2 className="deco-2" />
     </div>
diff --git a/packages/webapp/src/components/HomeTop/HomeTop.scss b/packages/webapp/src/components/HomeTop/HomeTop.scss
index 572292c3..d3859c29 100644
--- a/packages/webapp/src/components/HomeTop/HomeTop.scss
+++ b/packages/webapp/src/components/HomeTop/HomeTop.scss
@@ -36,10 +36,18 @@
     max-width: 560px;
     margin: 0 auto;
 
+    &.auth-links {
+      font-size: 18px;
+    }
+
     @media (min-width: $largebp) {
       font-size: 24px;
       max-width: 670px;
     }
+
+    & + p {
+      margin-top: 24px;
+    }
   }
 }