codegirl007
/
sponsorahacker
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

master
Stephanie Gredell 1 year ago
parent
80c513265e
commit
ac9479b262
2 changed files with 16 additions and 17 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      templates/index.html
  2. 20
      templates/login.html

13
templates/index.html
Unescape View File

@ -10,13 +10,12 @@
{{ .title }} {{ .title }}
</h1> </h1>
<div class="login-container"> {{if eq .isLoggedIn true}}
{{if eq .isLoggedIn true}} <a href="/login" class="login-banner-link">Login</a>
{{template "logoutButton"}} {{ else }}
{{ else }} already logged in
{{template "loginButton" . }} {{ end }}
{{ end }}
</div>
</div> </div>
<h2 class="goals">Reach Your Goals</h2> <h2 class="goals">Reach Your Goals</h2>

20
templates/login.html
Unescape View File

@ -1,20 +1,20 @@
<html> <html>
<head> <head>
<link rel="stylesheet" type="text/css" href="assets/css/style.css" /> <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> </head>
<body> <body>
<div class="login-container"> <div class="login-page-container">
<h2>Login with</h2>
<a href="/auth/login/twitch" class="login-button twitch"> <a href="/auth/login/twitch" class="login-button twitch">
<i class="fab fa-twitch"></i> Twitch <i class="fab fa-twitch"></i> Login with 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
</a> </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> </div>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save