Added informations and changed background to grey

This commit is contained in:
abrendan
2023-11-30 14:35:36 +00:00
parent e4599df811
commit a0fcb6333e
2 changed files with 7 additions and 9 deletions

View File

@@ -1,7 +1,7 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html> <html>
<head> <head>
<title> chat.abrendan.dev </title> <title> MicDropMessages </title>
<meta name = "charset" charset = "utf-8"> <meta name = "charset" charset = "utf-8">
<meta name = "viewport" content = "width=device-width"> <meta name = "viewport" content = "width=device-width">
<link rel = "stylesheet" type = "text/css" href = "style.css"> <link rel = "stylesheet" type = "text/css" href = "style.css">
@@ -11,7 +11,8 @@
<body onload = "onload()"> <body onload = "onload()">
<div id = "Main"> <div id = "Main">
<audio id = "Ding" src = "Ding.mp3"> </audio> <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"> <div id = "AccessPort">
<label id = "NameLabel"> Username </label> <label id = "NameLabel"> Username </label>
<input id = "NameInput" type = "text"> <input id = "NameInput" type = "text">
@@ -34,8 +35,9 @@
<p id = "Message9" class = "Message"> - </p> <p id = "Message9" class = "Message"> - </p>
<label id = "MessageLabel"> Message </label> <label id = "MessageLabel"> Message </label>
<input id = "ComposedMessage" type = "text"> <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> </div>
<p>It was made using Replit's Socket.io template.</p>
<br><br> <br><br>
</div> </div>
</body> </body>

View File

@@ -1,5 +1,5 @@
body{ body{
background: #000000; background: #343434;
color: #ff0000; color: #ff0000;
font-family: 'Segoe UI'; font-family: 'Segoe UI';
} }
@@ -21,11 +21,7 @@ input{
color: #b30000; color: #b30000;
} }
#Main{
background: #000000;
border-radius: 1%;
padding-left: 1%;
}
#Title{ #Title{
font-size: 300%; font-size: 300%;