Build a login page and modify the index page to link to it. For now we are only going to support Twitch logins.

1 year ago · ac9479b262
2 changed files with 16 additions and 17 deletions
--- a/templates/index.html
+++ b/templates/index.html
@ -10,13 +10,12 @@
				@@ -10,13 +10,12 @@
        {{ .title }}
    </h1>

-    <div class="login-container">
-        {{if eq .isLoggedIn true}}
-            {{template "logoutButton"}}
-        {{ else }}
-            {{template "loginButton" . }}
-        {{ end }}
-    </div>
+    {{if eq .isLoggedIn true}}
+        <a href="/login" class="login-banner-link">Login</a>
+    {{ else }}
+        already logged in
+    {{ end }}
+
 </div>

 <h2 class="goals">Reach Your Goals</h2>
--- a/templates/login.html
+++ b/templates/login.html
@ -1,20 +1,20 @@
				@@ -1,20 +1,20 @@
 <html>
 <head>
    <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link rel="stylesheet" type="text/css" href="assets/css/login.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.css">
 </head>
 <body>
-<div class="login-container">
-    <h2>Login with</h2>
+<div class="login-page-container">
    <a href="/auth/login/twitch" class="login-button twitch">
-        <i class="fab fa-twitch"></i> Twitch
-    </a>
-    <a href="/auth/login/google" class="login-button google">
-        <i class="fab fa-google"></i> Google
-    </a>
-    <a href="/auth/login/x" class="login-button x">
-        <i class="fab fa-twitter"></i> X
+        <i class="fab fa-twitch"></i> Login with Twitch
    </a>
+<!--    <a href="/auth/login/google" class="login-button google">-->
+<!--        <i class="fab fa-youtube"></i> Login with Youtube-->
+<!--    </a>-->
+<!--    <a href="/auth/login/twitter" class="login-button x">-->
+<!--        <i class="fab fa-x-twitter"></i> Login with X-->
+<!--    </a>-->
 </div>
 </body>
 </html>