From dd077c9364e101aa2f86ccb7cf92add7b91a2447 Mon Sep 17 00:00:00 2001
From: abrendan <94894839+abrendan@users.noreply.github.com>
Date: Thu, 30 Nov 2023 21:31:44 +0000
Subject: [PATCH] Few updates

---
 html/index.html |  3 ++-
 html/style.css  | 36 ++++++++++++++++++++++++++++++------
 2 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/html/index.html b/html/index.html
index c058f62..b48c241 100644
--- a/html/index.html
+++ b/html/index.html
@@ -37,7 +37,8 @@
         <input id = "ComposedMessage" type = "text">
         <input id = "SendMessage" onclick="Send()" value = "Send your message" class = "Button" type = "submit">
       </div>
-      <p>It was made using Replit's Socket.io template.</p>
+      <p>Made by abrendan. Visit my website for more of my projects.</p>
+      <a href='https://abrendan.dev/' class="sitebutton">abrendan.dev</a>
       <br><br>
     </div>
   </body>
diff --git a/html/style.css b/html/style.css
index 0b6c6ca..8e2b70d 100644
--- a/html/style.css
+++ b/html/style.css
@@ -1,6 +1,9 @@
 body{
-  background: #343434;
-  color: #ff0000;
+  background-image: url('https://i.ibb.co/zhPZBTt/luke-chesser-Cx-Bx-J3yp9g-unsplash.jpg'); /* Path to your example image */
+  background-size: cover; /* Cover the entire viewport */
+  background-repeat: no-repeat; /* Do not repeat the image */
+  background-attachment: fixed; /* The background image does not scroll */
+  color: #000000;
   font-family: 'Segoe UI';
 }
 
@@ -11,18 +14,39 @@ label{
 }
 
 input{
-  background: #aa0000;
-  color: #000000;
+  background: #000000;
+  color: #db65fb;
   font-size: 120%;
   border: none;
 }
 
 .Message{
-  color: #b30000;
+  color: #000000;
 }
 
 
 
 #Title{
   font-size: 300%;
-}
\ No newline at end of file
+}
+
+.sitebutton {
+  background-color:transparent;
+  border-radius:28px;
+  border:1px solid #db65fb;
+  display:inline-block;
+  cursor:pointer;
+  color:#000000;
+  font-family:Arial;
+  font-size:17px;
+  padding:16px 31px;
+  text-decoration:none;
+  text-shadow:0px 1px 0px #000000;
+}
+.sitebutton:hover {
+  background-color:transparent;
+}
+.sitebutton:active {
+  position:relative;
+  top:1px;
+}