Merge pull request #8 from cedricouellet/develop

add copyright & github link
cedricouellet · Jan 25, 2022 · 4e18627 · 4e18627
2 parents 804bc74 + adda1a3
commit 4e18627
Show file tree

Hide file tree

Showing 3 changed files with 62 additions and 22 deletions.
diff --git a/public/chat.html b/public/chat.html
@@ -44,6 +44,16 @@ <h3>Users&nbsp<i class="fas fa-user-friends"></i></h3>
           </button>
         </form>
       </div>
+
+      <div class="bottom">
+        <a class="git" href="https://github.com/cedricouellet/no-chat">
+          <i class="fab fa-github"></i>
+          https://github.com/cedricouellet/no-chat
+        </a>
+        <div class="copyright">
+          Copyright &copy; 2022 cedricao. All Rights Reserved
+        </div>
+      </div>
     </div>
   </body>
 </html>
diff --git a/public/css/common.css b/public/css/common.css
@@ -56,3 +56,16 @@ input {
 .btn:hover {
   background-color: var(--accent-hover-color);
 }
+
+.copyright:hover {
+  cursor: default;
+}
+
+.bottom {
+  text-align: center;
+  position: absolute;
+  color: var(--primary-color);
+  left: 50%;
+  bottom: 2%;
+  transform: translate(-50%, 0);
+}
diff --git a/public/index.html b/public/index.html
@@ -1,35 +1,52 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css"
-        integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
+    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css"
+      integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk="
+      crossorigin="anonymous"
+    />
     <link rel="stylesheet" href="css/common.css" />
     <link rel="stylesheet" href="css/index.css" />
     <script src="js/login.js" defer></script>
     <title>NoChat - Home</title>
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="container">
-        <div id="header">
-            <h1>NoChat&nbsp;<i class="fas fa-comment-dots"></i></h1>
-        </div>
-        <div id="main">
-            <form id="login-form" action="chat.html">
-                <div class="form-control">
-                    <label for="username-input">Display name</label>
-                    <input type="text" id="username-input" autocomplete="off" placeholder="Enter a display name..."
-                        required />
-                </div>
-                <button type="submit" class="btn">Join</button>
-            </form>
+      <div id="header">
+        <h1>NoChat&nbsp;<i class="fas fa-comment-dots"></i></h1>
+      </div>
+      <div id="main">
+        <form id="login-form" action="chat.html">
+          <div class="form-control">
+            <label for="username-input">Display name</label>
+            <input
+              type="text"
+              id="username-input"
+              autocomplete="off"
+              placeholder="Enter a display name..."
+              required
+            />
+          </div>
+          <button type="submit" class="btn">Join</button>
+        </form>
+      </div>
+
+      <div class="bottom">
+        <a class="git" href="https://github.com/cedricouellet/no-chat">
+          <i class="fab fa-github"></i>
+          https://github.com/cedricouellet/no-chat
+        </a>
+        <div class="copyright">
+          Copyright &copy; 2022 cedricao. All Rights Reserved
         </div>
+      </div>
     </div>
-</body>
-
-</html>
+  </body>
+</html>