added htmls

APandamonium1 · Jun 24, 2024 · 5509e25 · 5509e25
1 parent e92a69e
commit 5509e25
Show file tree

Hide file tree

Showing 6 changed files with 49 additions and 153 deletions.
diff --git a/config.json b/config.json
@@ -0,0 +1,5 @@
+{
+    "session_secret":"Secret-session-key",
+    "google_client_id":"8283214538-lr39n0mnn0el6p51tb4jk80i7k3ima9q.apps.googleusercontent.com",
+    "google_client_secret":"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"
+}
diff --git a/templates/about.html b/templates/about.html
diff --git a/templates/contact.html b/templates/contact.html
diff --git a/templates/header.html b/templates/header.html
diff --git a/templates/index.html b/templates/index.html
@@ -1,30 +1,20 @@
-<!DOCTYPE html>
-<html lang="en">
+<!doctype html>
+<html>
 <head>
-  <meta charset="UTF-8">
-  <title>Home</title>
-  <style>
-    /* Body styles */
-    body {
-      background-color: #dad8c9;  /* Light blue background */
-      font-family: Arial, sans-serif;
-      margin: 0;
-      padding: 0;
-    }
-
-    /* Header styles */
-    h1 {
-      color: #6a6767;  /* Yellow for header */
-      font-size: 2em;
-      text-align: center;
-      margin: 20px 0;  /* Add some top and bottom margin */
-    }
-  </style>
+    <title>Google SignIn</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <!-- load bulma css -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- load fontawesome -->
+    <style>
+        body        { padding-top:70px; }
+    </style>
 </head>
 <body>
-    {{template "header.html" .}}
-    <p></p>
-    <h1>Home Page</h1>
-    <div>This is a home page.</div>
+<div class="container">
+    <div class="jumbotron text-center text-success">
+        <h1><span class="fa fa-lock"></span> Social Authentication</h1>
+        <p>Login or Register with:</p>
+        <a href="/auth/google" class="btn btn-danger"><span class="fa fa-google"></span> SignIn with Google</a>
+    </div>
+</div>
 </body>
 </html>
diff --git a/templates/success.html b/templates/success.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Google SignIn</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <!-- load bulma css -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- load fontawesome -->
+      <style>
+          body        { padding-top:70px; }
+      </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="jumbotron">
+          <h1 class="text-success  text-center"><span class="fa fa-user"></span> Profile Information</h1>
+          <div class="row">
+            <div class="col-sm-6">
+                <div class="well">
+                        <p>
+                            <strong>Id</strong>: {{.UserID}}<br>
+                            <strong>Email</strong>: {{.Email}}<br>
+                            <strong>Name</strong>: {{.Name}}
+                        </p>
+                </div>
+            </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>