From a0fcb6333eded94458383d37dffcd970183613d9 Mon Sep 17 00:00:00 2001
From: abrendan <94894839+abrendan@users.noreply.github.com>
Date: Thu, 30 Nov 2023 14:35:36 +0000
Subject: [PATCH] Added informations and changed background to grey

---
 html/index.html | 8 +++++---
 html/style.css  | 8 ++------
 2 files changed, 7 insertions(+), 9 deletions(-)
diff --git a/html/index.html b/html/index.html
index 689b704..c058f62 100644
--- a/html/index.html
+++ b/html/index.html
@@ -1,7 +1,7 @@
  <!DOCTYPE HTML>
 <html>
   <head>
-    <title> chat.abrendan.dev </title>
+    <title> MicDropMessages </title>
     <meta name = "charset" charset = "utf-8">
     <meta name = "viewport" content = "width=device-width">
     <link rel = "stylesheet" type = "text/css" href = "style.css">
@@ -11,7 +11,8 @@
   <body onload = "onload()">
     <div id = "Main">
       <audio id = "Ding" src = "Ding.mp3"> </audio>
-      <h1 id = "Title"> chat.abrendan.dev </h1>
+      <h1 id = "Title"> MicDropMessages V1.1 </h1>
+      <p>Welcome to MicDropMessages! This small webbased application allows you to chat with your friends anonymously! To start, enter your username and enter a chatroom.</p>
       <div id = "AccessPort">
         <label id = "NameLabel"> Username  </label>
         <input id = "NameInput" type = "text">
@@ -34,8 +35,9 @@
         <p id = "Message9" class = "Message"> - </p>
         <label id = "MessageLabel"> Message </label>
         <input id = "ComposedMessage" type = "text">
-        <input id = "SendMessage" onclick="Send()" value = "Send" class = "Button" type = "submit">
+        <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>
       <br><br>
     </div>
   </body>
diff --git a/html/style.css b/html/style.css
index 81eb1f3..0b6c6ca 100644
--- a/html/style.css
+++ b/html/style.css
@@ -1,5 +1,5 @@
 body{
-  background: #000000;
+  background: #343434;
   color: #ff0000;
   font-family: 'Segoe UI';
 }
@@ -21,11 +21,7 @@ input{
   color: #b30000;
 }
 
-#Main{
-  background: #000000;
-  border-radius: 1%;
-  padding-left: 1%;
-}
+
 
 #Title{
   font-size: 300%;
