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>
<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>

View File

@@ -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%;