abrendan_dev/MicDropMessages
1
0
Fork 0
mirror of https://github.com/abrendan/MicDropMessages.git synced 2025-06-16 20:55:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Few updates

Browse Source
This commit is contained in:
abrendan 2023-11-30 21:31:44 +00:00
parent a0fcb6333e
commit dd077c9364
2 changed files with 32 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
html/index.html
View File

@ -37,7 +37,8 @@
<input id = "ComposedMessage" type = "text"> <input id = "ComposedMessage" type = "text">
<input id = "SendMessage" onclick="Send()" value = "Send your message" 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> <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> <br><br>
</div> </div>
</body> </body>

34
html/style.css
View File

@ -1,6 +1,9 @@
body{ body{
background: #343434; background-image: url('https://i.ibb.co/zhPZBTt/luke-chesser-Cx-Bx-J3yp9g-unsplash.jpg'); /* Path to your example image */
color: #ff0000; 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'; font-family: 'Segoe UI';
} }
@ -11,14 +14,14 @@ label{
} }
input{ input{
background: #aa0000; background: #000000;
color: #000000; color: #db65fb;
font-size: 120%; font-size: 120%;
border: none; border: none;
} }
.Message{ .Message{
color: #b30000; color: #000000;
} }
@ -26,3 +29,24 @@ input{
#Title{ #Title{
font-size: 300%; font-size: 300%;
} }
.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;
}