-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
221 lines (163 loc) · 11.5 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/tailwindcss@^2.0.2/dist/tailwind.min.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
<link rel="shortcut icon" type="image/jpg" href="{{ url_for('static', filename='assets/Songs.png') }}" />
<title>Song's Bot</title>
<meta name="author" content="Song'Bot">
<meta name="description" content="Song'Bot has been designed to be a complete and easy to use music discord bot,
it has been thought to be customizable with a dashboard.
Prefix custom, customizable embeds color and more!">
</head>
<style>
body {
background: linear-gradient(#e19da6, #e0bfd1);
}
.dropdown:hover .dropdown-menu {
display: block;
}
</style>
<body class="leading-normal tracking-normal text-white gradient" style="font-family: 'Source Sans Pro', sans-serif;" id="particles-js">
<nav class="bg-opacity-0">
<div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
<div class="relative flex items-center justify-between h-16">
<div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
<button type="button" class="inline-flex items-center justify-left p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<div class="flex-1 flex items-center justify-right sm:items-stretch sm:justify-start">
<a href="/">
<img class="block lg:hidden h-8 w-auto" src="{{ url_for('static', filename='assets/Songs.png') }}">
<img class="hidden lg:block h-8 w-auto" src="{{ url_for('static', filename='assets/Songs.png') }}">
</a>
<div class="hidden sm:block sm:ml-6">
<div class="flex space-x-4">
<a href="/me" class="text-white px-3 py-2 rounded-md text-sm font-medium">Dashboard</a>
<a href="/commands" class="text-gray-100 hover:text-white hover:text-white px-3 py-2 rounded-md text-sm font-medium">Commands</a>
<a href="/invite" class="text-gray-100 hover:text-white hover:text-white px-3 py-2 rounded-md text-sm font-medium">Invite</a>
<a href="https://discord.gg/qaQtvNmdm5" class="text-gray-100 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Support</a>
<a href="https://top.gg/" class="text-gray-100 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Vote</a>
</div>
</div>
</div>
<div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
<div class="ml-3 relative">
</div>
</div>
</div>
</div>
<div class="sm:hidden" id="mobile-menu">
<div class="px-2 pt-2 pb-3 space-y-1">
<a href="/me" class="text-white px-3 py-2 rounded-md text-sm font-medium">Dashboard</a>
<a href="/commands" class="text-gray-100 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Commands</a>
<a href="/invite" class="text-gray-100 hover:text-white hover:text-white px-3 py-2 rounded-md text-sm font-medium">Invite</a>
<a href="https://discord.gg/qaQtvNmdm5" class="text-gray-100 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Support</a>
<a href="https://top.gg/" class="text-gray-100 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Vote</a>
</div>
</div>
</nav>
<div class="pt-24">
<div class="container px-3 mx-auto flex flex-wrap flex-col md:flex-row items-center">
<div class="flex flex-col w-full md:w-2/5 justify-center items-start text-center md:text-left">
<h1 class="my-4 text-5xl font-bold leading-tight">Simply a music bot!</h1>
<p class="leading-normal text-2xl mb-8">Listen to your music quickly and easily with song's Bot, containing a dashboard, accepts customization and adapts to your server!</p>
<button class="transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-110 mx-auto lg:mx-0 hover:underline bg-white text-gray-800 font-bold rounded-full my-6 py-4 px-8 shadow-lg"><a href="/me">Let's go!</a></button>
</div>
<div class="md:w-3/5 py-6 text-center">
<img class="md:w-4/5 z-50" src="{{ url_for('static', filename='assets/note_fond.png') }}">
</div>
</div>
</div>
<div class="relative -mt-12 lg:-mt-24">
<svg viewBox="0 0 1428 174" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-2.000000, 44.000000)" fill="#FFFFFF" fill-rule="nonzero">
<path d="M0,0 C90.7283404,0.927527913 147.912752,27.187927 291.910178,59.9119003 C387.908462,81.7278826 543.605069,89.334785 759,82.7326078 C469.336065,156.254352 216.336065,153.6679 0,74.9732496" opacity="0.100000001"></path>
<path d="M100,104.708498 C277.413333,72.2345949 426.147877,52.5246657 546.203633,45.5787101 C666.259389,38.6327546 810.524845,41.7979068 979,55.0741668 C931.069965,56.122511 810.303266,74.8455141 616.699903,111.243176 C423.096539,147.640838 250.863238,145.462612 100,104.708498 Z" opacity="0.100000001"></path>
<path d="M1046,51.6521276 C1130.83045,29.328812 1279.08318,17.607883 1439,40.1656806 L1439,120 C1271.17211,77.9435312 1140.17211,55.1609071 1046,51.6521276 Z" id="Path-4" opacity="0.200000003"></path>
</g>
<g transform="translate(-4.000000, 76.000000)" fill="#FFFFFF" fill-rule="nonzero">
<path d="M0.457,34.035 C57.086,53.198 98.208,65.809 123.822,71.865 C181.454,85.495 234.295,90.29 272.033,93.459 C311.355,96.759 396.635,95.801 461.025,91.663 C486.76,90.01 518.727,86.372 556.926,80.752 C595.747,74.596 622.372,70.008 636.799,66.991 C663.913,61.324 712.501,49.503 727.605,46.128 C780.47,34.317 818.839,22.532 856.324,15.904 C922.689,4.169 955.676,2.522 1011.185,0.432 C1060.705,1.477 1097.39,3.129 1121.236,5.387 C1161.703,9.219 1208.621,17.821 1235.4,22.304 C1285.855,30.748 1354.351,47.432 1440.886,72.354 L1441.191,104.352 L1.121,104.031 L0.457,34.035 Z"></path>
</g>
</g>
</svg>
</div>
<section class="bg-white border-b py-8">
<div class="container max-w-5xl mx-auto m-8">
<h1 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-800">Song'Bot</h1>
<div class="w-full mb-4">
<div class="h-1 mx-auto gradient w-64 opacity-25 my-0 py-0 rounded-t"></div>
</div>
<section class="bg-white border-b py-8">
<div class="container mx-auto flex flex-wrap pt-4 pb-12">
<div class="w-full mb-4">
<div class="h-1 mx-auto gradient w-64 opacity-25 my-0 py-0 rounded-t"></div>
</div>
<div class="transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-110 w-full md:w-1/3 p-6 flex flex-col flex-grow flex-shrink">
<div class="flex-1 bg-white rounded-t rounded-b-none overflow-hidden shadow">
<a href="#" class="flex flex-wrap no-underline hover:no-underline">
<div class="w-full font-bold text-xl text-gray-800 px-6">Dashboard.</div>
<p class="text-gray-800 text-base px-6 mb-5">
Customize the color of these embeds, the size of these messages, block commands to a single channel and change its prefix!
</p>
</a>
</div>
<div class="flex-none mt-auto bg-white rounded-b rounded-t-none overflow-hidden shadow p-6">
<div class="flex items-center justify-start">
<button class="transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-110 bg-red-400 mx-auto lg:mx-0 hover:underline gradient text-white font-bold rounded-full my-6 py-4 px-8 shadow-lg"><a href="/me">Dashboard</a></button>
</div>
</div>
</div>
<div class="transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-110 w-full md:w-1/3 p-6 flex flex-col flex-grow flex-shrink">
<div class="flex-1 bg-white rounded-t rounded-b-none overflow-hidden shadow">
<a href="/commands" class="flex flex-wrap no-underline hover:no-underline">
<div class="w-full font-bold text-xl text-gray-800 px-6">The Bot.</div>
<p class="text-gray-800 text-base px-6 mb-5">
an easy to use, functional bot, a quality team that fixes the bugs reported. Support spotify, soundcloud, twitch, youtube and more!
</p>
</a>
</div>
<div class="flex-none mt-auto bg-white rounded-b rounded-t-none overflow-hidden shadow p-6">
<div class="flex items-center justify-center">
<button class="transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-110 bg-red-400 mx-auto lg:mx-0 hover:underline gradient text-white font-bold rounded-full my-6 py-4 px-8 shadow-lg"><a href="/commands">Commands</a></button>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
<svg class="wave-top" viewBox="0 0 1439 147" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-1.000000, -14.000000)" fill-rule="nonzero">
<g class="wave" fill="#f8fafc">
<path d="M1440,84 C1383.555,64.3 1342.555,51.3 1317,45 C1259.5,30.824 1206.707,25.526 1169,22 C1129.711,18.326 1044.426,18.475 980,22 C954.25,23.409 922.25,26.742 884,32 C845.122,37.787 818.455,42.121 804,45 C776.833,50.41 728.136,61.77 713,65 C660.023,76.309 621.544,87.729 584,94 C517.525,105.104 484.525,106.438 429,108 C379.49,106.484 342.823,104.484 319,102 C278.571,97.783 231.737,88.736 205,84 C154.629,75.076 86.296,57.743 0,32 L0,0 L1440,0 L1440,84 Z"></path>
</g>
<g transform="translate(1.000000, 15.000000)" fill="#FFFFFF">
<g transform="translate(719.500000, 68.500000) rotate(-180.000000) translate(-719.500000, -68.500000) ">
<path d="M0,0 C90.7283404,0.927527913 147.912752,27.187927 291.910178,59.9119003 C387.908462,81.7278826 543.605069,89.334785 759,82.7326078 C469.336065,156.254352 216.336065,153.6679 0,74.9732496" opacity="0.100000001"></path>
<path d="M100,104.708498 C277.413333,72.2345949 426.147877,52.5246657 546.203633,45.5787101 C666.259389,38.6327546 810.524845,41.7979068 979,55.0741668 C931.069965,56.122511 810.303266,74.8455141 616.699903,111.243176 C423.096539,147.640838 250.863238,145.462612 100,104.708498 Z" opacity="0.100000001"></path>
<path d="M1046,51.6521276 C1130.83045,29.328812 1279.08318,17.607883 1439,40.1656806 L1439,120 C1271.17211,77.9435312 1140.17211,55.1609071 1046,51.6521276 Z" opacity="0.200000003"></path>
</g>
</g>
</g>
</g>
</svg>
<section class="container mx-auto text-center py-6 mb-12">
<h1 class="w-full my-2 text-5xl font-bold leading-tight text-center text-white">I want song's Bot!</h1>
<div class="w-full mb-4">
<div class="h-1 mx-auto bg-white w-1/6 opacity-25 my-0 py-0 rounded-t"></div>
</div>
<h3 class="my-4 text-3xl leading-tight">it's a good thing, it's made for.</h3>
<button class="transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-110 mx-auto lg:mx-0 hover:underline bg-white text-gray-800 font-bold rounded-full my-6 py-4 px-8 shadow-lg"><a href="/me">Let's go</a></button>
</section>
</body>
</html>