diff --git a/public/chat.html b/public/chat.html
index 62794cc..3d7bc17 100644
--- a/public/chat.html
+++ b/public/chat.html
@@ -44,6 +44,16 @@ <h3>Users <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 © 2022 cedricao. All Rights Reserved
+ </div>
+ </div>
</div>
</body>
</html>
diff --git a/public/css/common.css b/public/css/common.css
index 410b448..3c673c2 100644
--- 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
index ed8aeab..96974bf 100644
--- 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 <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 <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 © 2022 cedricao. All Rights Reserved
</div>
+ </div>
</div>
-</body>
-
-</html>
\ No newline at end of file
+ </body>
+</html>