-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathui.html
More file actions
70 lines (60 loc) · 3.19 KB
/
ui.html
File metadata and controls
70 lines (60 loc) · 3.19 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<html>
<head>
<title>Skparab1 Forum - Send Message</title>
<style>
.button {
background-color: #6e6b67;
border: 2px solid black;
color: white;
padding: 15px 32px;
text-align: center;
width: 17%;
display: inline-block;
font-size: 16px;
transition: all 0.2s ease-in-out;
box-shadow: 0 5px 15px rgba(145, 92, 182, .4);
}
button:hover {
cursor: pointer;
background:#bbb;
color: black;
border-color: black;
border-style: dotted;
}
body {
background-color: rgb(0, 0, 0);
}
h1 {
color: white;
}
</style>
<script>
document.write('<h1>Skparab1 forum message sender </h1>');
document.write('<a href="https://skparab1.github.io/server/frontend.html">');
document.write('<button type="button" style="background-color: black; border: 2px solid white; color: white; height: 50px; padding: 10px 5px; text-align: center; width: 13.5%; display: inline-block; font-size: 14px; transition: all 0.2s ease-in-out; cursor: pointer;">Go back</button> </a> <br>');
document.write('<form action="https://skparab1.github.io/sendmsg">');
document.write('<label style="color: white;" for="name">Username (will be displayed):</label><br>');
document.write('<input style="color: white; background-color: black;" type="text" id="name" name="name"><br>');
document.write('<label style="color: white;" for="message">Message:</label><br>');
document.write('<textarea style="color: white; background-color: black;" id="message" name="message" rows="4" cols="75"></textarea><br>');
document.write('<label style="color: white;" for="message">Dialogue color</label><br>');
document.write('<select name="color" id="color" style="background-color: black; border: 2px solid white; color: white; height: 50px; padding: 10px 5px; text-align: center; width: 13.5%; display: inline-block; font-size: 14px; transition: all 0.2s ease-in-out; cursor: pointer; margin-bottom:0.5em;">');
document.write('<option value="random">random</option>');
document.write('<option value="red">red</option>');
document.write('<option value="orange">orange</option>');
document.write('<option value="yellow">yellow</option>');
document.write('<option value="green">green</option>');
document.write('<option value="aqua">aqua</option>');
document.write('<option value="blue">blue</option>');
document.write('<option value="purple">purple</option>');
document.write('<option value="pink">pink</option>');
document.write('</select><br>');
document.write('<label style="color: white;" for="message">real name so i know who you are (will not be visible, will be logged for security.)</label><br>');
document.write('<input style="color: white; background-color: black;" type="text" id="rname" name="rname"><br>');
document.write('<input type="submit" value="Submit" style="background-color: black; border: 2px solid white; color: white; height: 50px; padding: 10px 5px; text-align: center; width: 13.5%; display: inline-block; font-size: 14px; transition: all 0.2s ease-in-out; cursor: pointer;">');
document.write('</form>');
</script>
</head>
<body>
</body>
</html>