-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (119 loc) · 9.87 KB
/
index.html
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>bot send message [discord]</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
</head>
<body onload="initialize()">
<header class="container">
<h1>
BOT SEND MESSAGE
</h1>
</header>
<main class="container">
<div class="preview-container">
<div class="config-container">
<div class="content" id="config-content">
<label for="webhook-url">WEBHOOK URL</label>
<input id="webhook-url" type="text" placeholder="https://discordapp.com/api/webhooks/...">
<small>Put your server's webhook url</small>
<button type="button" onclick="saveUrl()">save</button>
</div>
<button class="config close" id="config-button" onclick="toggleConfigMenu()">
<?xml version="1.0" encoding="iso-8859-1"?>
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.002 512.002"
style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve" width="32" height="32">
<path class="icon"
d="M496.647,312.107l-47.061-36.8c1.459-12.844,1.459-25.812,0-38.656l47.104-36.821
c8.827-7.109,11.186-19.575,5.568-29.419l-48.96-84.629c-5.639-9.906-17.649-14.232-28.309-10.197l-55.467,22.315
c-10.423-7.562-21.588-14.045-33.323-19.349l-8.512-58.923c-1.535-11.312-11.24-19.72-22.656-19.627h-98.133
c-11.321-0.068-20.948,8.246-22.528,19.456l-8.533,59.093c-11.699,5.355-22.846,11.843-33.28,19.371L86.94,75.563
c-10.55-4.159-22.549,0.115-28.096,10.005L9.841,170.347c-5.769,9.86-3.394,22.463,5.568,29.547l47.061,36.8
c-1.473,12.843-1.473,25.813,0,38.656l-47.104,36.8c-8.842,7.099-11.212,19.572-5.589,29.419l48.939,84.651
c5.632,9.913,17.649,14.242,28.309,10.197l55.467-22.315c10.432,7.566,21.604,14.056,33.344,19.371l8.533,58.88
c1.502,11.282,11.147,19.694,22.528,19.648h98.133c11.342,0.091,21-8.226,22.592-19.456l8.533-59.093
c11.698-5.357,22.844-11.845,33.28-19.371l55.68,22.379c10.55,4.149,22.543-0.122,28.096-10.005l49.152-85.12
C507.866,331.505,505.447,319.139,496.647,312.107z M255.964,362.667c-58.91,0-106.667-47.756-106.667-106.667
s47.756-106.667,106.667-106.667s106.667,47.756,106.667,106.667C362.56,314.882,314.845,362.597,255.964,362.667z" />
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</button>
</div>
<div class="preview">
<div class="avatar-container">
<img src="data:image/png;base64,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"
alt="">
</div>
<div class="text-container">
<input type="text" id="username" name="username" autocomplete="off" placeholder="Captain Hook"
class="username">
<form id="form" action="javascript:handleSubimit()">
</form>
</div>
</div>
<div class="button-container">
<button onclick="newAnnouncement()" class="add">
<svg height="32" width="32" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path
d="m256 0c-141.164062 0-256 114.835938-256 256s114.835938 256 256 256 256-114.835938 256-256-114.835938-256-256-256zm0 0"
class="ball" />
<path
d="m368 277.332031h-90.667969v90.667969c0 11.777344-9.554687 21.332031-21.332031 21.332031s-21.332031-9.554687-21.332031-21.332031v-90.667969h-90.667969c-11.777344 0-21.332031-9.554687-21.332031-21.332031s9.554687-21.332031 21.332031-21.332031h90.667969v-90.667969c0-11.777344 9.554687-21.332031 21.332031-21.332031s21.332031 9.554687 21.332031 21.332031v90.667969h90.667969c11.777344 0 21.332031 9.554687 21.332031 21.332031s-9.554687 21.332031-21.332031 21.332031zm0 0"
class="plus" />
</svg>
<span>
ADD ANNOUNCEMENT
</span>
</button>
<button type="submit" form="form" id="send" class="send" disabled>
<svg id="send_icon" enable-background="new 0 0 512 512" height="32" viewBox="0 0 512 512" width="32"
xmlns="http://www.w3.org/2000/svg">
<g>
<path class="icon"
d="m501.44 10.56c-8.86-8.859-21.435-12.449-33.636-9.603-.056.013-.112.026-.168.04l-402.079 98.403c-38.599 9.446-65.557 43.797-65.557 83.535v53.065c0 19.333 15.319 35.156 34.457 35.967l151.243 25.744c3.196.544 6.457-.495 8.749-2.787l178.237-178.238c6.249-6.248 16.379-6.248 22.628 0 6.248 6.249 6.248 16.379 0 22.628l-178.237 178.238c-2.292 2.292-3.331 5.553-2.787 8.749l25.743 151.243c.811 19.137 16.634 34.456 35.967 34.456h53.065c39.738 0 74.089-26.958 83.535-65.556l98.402-402.08c.014-.056.027-.112.04-.168 2.848-12.202-.742-24.776-9.602-33.636z" />
</g>
</svg>
<span>
SEND ANNOUNCEMENT
</span>
</button>
</div>
</div>
</main>
<script src="script.js"></script>
</body>
</html>