-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
177 lines (167 loc) · 12.1 KB
/
index.html
File metadata and controls
177 lines (167 loc) · 12.1 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
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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <!--<![endif]-->
<html class="dark">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>ChilledBot</title>
<meta name="description" content="ChilledBot, get the best bot for chill music on Discord.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/tailwind.css">
<link rel="icon" type="image/png" href="assets/img/chilledbot.png" />
<meta property="og:image" content="https://chilledbot.xyz/assets/img/chilledbot.png">
<meta name="twitter:image" content="https://chilledbot.xyz/assets/img/chilledbot.png">
<meta name="twitter:card" content="summary">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XD8VEVQLNR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XD8VEVQLNR');
</script>
</head>
<style>
.kingperf {
transition: .2s
}
.kingperf:hover {
transform: scale(1.1)translateY(-5px)rotate(-5deg);
}
.bg-gray-900{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
.bg-gray-800{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
.imgdiv{
white-space: nowrap;
}
.imginthediv{
display: inline-block;
vertical-align: middle;
}
</style>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<section class="header">
<header class="text-gray-400 bg-gray-900 body-font">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<a class="flex title-font text-xl items-center text-white mb-4 md:mb-0">
<img src="assets/img/chilledbot.webp" alt="ChilledBot" draggable="false" class="w-16 h-16 text-white p-0 rounded-full">
</a>
<nav class="md:ml-auto flex flex-wrap items-center text-base justify-center">
<a class="mr-5 hover:text-white" href="https://chilledbot.xyz/topgg" target="_BLANK">Upvote</a>
<a class="mr-5 hover:text-white" href="https://www.buymeacoffee.com/sayrix" target="_BLANK">Donate</a>
<a class="mr-5 hover:text-white" href="https://chilledbot.xyz/discord" target="_BLANK">Server</a>
</nav>
<button onclick="window.open('https://chilledbot.xyz/add')" class="inline-flex items-center bg-indigo-800 border-0 py-1 px-3 focus:outline-none hover:bg-indigo-700 rounded text-base mt-4 md:mt-0">Add the bot
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-1" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button>
</div>
</header>
<div class="relative bg-gray-900">
<div class="absolute inset-x-0 bottom-0">
<svg viewBox="0 0 224 12" fill="currentColor" class="w-full -mb-1 text-white" preserveAspectRatio="none">
<path d="M0,0 C48.8902582,6.27314026 86.2235915,9.40971039 112,9.40971039 C137.776408,9.40971039 175.109742,6.27314026 224,0 L224,12.0441132 L0,12.0441132 L0,0 Z"></path>
</svg>
</div>
<div class="px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20">
<div class="relative max-w-2xl sm:mx-auto sm:max-w-xl md:max-w-2xl sm:text-center">
<h2 class="mb-6 font-sans text-3xl font-bold tracking-tight text-white sm:text-4xl sm:leading-none">
Get the <span class="text-red-400">best</span> Lo-Fi Bot on Discord.<br class="hidden md:block" />
</h2>
<p class="mb-6 text-base font-thin tracking-wide text-gray-300 md:text-lg">
ChilledBot is a discord bot playing lofi hip hop music 24/7.
</p>
<!-- <div class="flex flex-col items-center w-full mb-4 md:flex-row md:px-16"> -->
<button class="inline-flex items-center justify-center w-full h-12 px-5 font-medium tracking-wide text-white transition duration-200 rounded shadow-md md:w-auto bg-blue-800 hover:bg-blue-700 focus:shadow-outline focus:outline-none" onclick="window.open('https://chilledbot.xyz/add')">
Add the bot
</button>
<!-- </div> -->
<p class="max-w-md mb-10 text-xs font-thin tracking-wide text-gray-500 mt-10 sm:text-sm sm:mx-auto md:mb-16 imgdiv">
<a href="https://chilledbot.xyz/topgg" target="_BLANK">
<img draggable="false" src="https://top.gg/api/widget/status/634818840542445580.svg" class="imginthediv h-4" alt="ChilledBot Status">
<img draggable="false" src="https://top.gg/api/widget/servers/634818840542445580.svg?noavatar=true" class="imginthediv h-4" alt="ChilledBot servers">
<img draggable="false" src="https://top.gg/api/widget/upvotes/634818840542445580.svg?noavatar=true" class="imginthediv h-4" alt="ChilledBot upvotes">
</a>
</p>
<a id="scrolltoendbtn" onclick="window.scrollTo({top:document.body.scrollHeight,behavior:'smooth'})" style="cursor:pointer;" aria-label="Scroll down" class="flex items-center justify-center w-10 h-10 mx-auto text-white duration-300 transform border border-gray-400 rounded-full hover:text-teal-accent-400 hover:border-teal-accent-400 hover:shadow hover:scale-110">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="currentColor">
<path d="M10.293,3.293,6,7.586,1.707,3.293A1,1,0,0,0,.293,4.707l5,5a1,1,0,0,0,1.414,0l5-5a1,1,0,1,0-1.414-1.414Z"></path>
</svg>
</a>
</div>
</div>
</div>
</section>
<section class="text-gray-700 body-font">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-black">Chill out with your
<br class="hidden lg:inline-block">friends
</h1>
<p class="mb-8 leading-relaxed">Discuss, with your friends or alone with the best Lo-Fi playlist.
<br class="hidden lg:inline-block">One command and that all! </p>
<div class="flex justify-center">
<button class="inline-flex text-white bg-red-500 border-0 py-2 px-6 focus:outline-none hover:bg-red-600 rounded text-lg" onclick="window.open('https://chilledbot.xyz/add')">Add the bot</button>
<button class="ml-4 inline-flex text-gray-400 bg-gray-800 border-0 py-2 px-6 focus:outline-none hover:bg-gray-700 hover:text-white rounded text-lg" onclick="window.open('https://chilledbot.xyz/discord')">Support Server</button>
</div>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<img class="object-cover object-center rounded" alt="hero" draggable="false" src="assets/img/chill.webp">
</div>
</div>
</section>
<div class="bg-gray-800 w-full mx-auto p-8">
<center><a href="https://chilledbot.xyz/kingperf" target="_blank"><img class="kingperf" src="https://kingperf.com/assets/img/logo.webp" class="h-10 mb-8 m-auto" draggable="false" alt="KingPerf"/></a></center>
<p class="text-gray-600 dark:text-white w-full md:w-2/3 m-auto text-center text-lg md:text-3xl">
Proudly partnered with
<span class="font-semibold text-indigo-500">
<a href="https://chilledbot.xyz/kingperf" target="_blank">KingPerf.com</a>
</span>
</p>
<div class="flex items-center justify-center mt-8">
<div class="flex ml-2 items-center justify-center">
<span class="text-gray-400 text-md ml-2">
Webhost | VPS KVM/LXC and more.
</span>
<span class="text-gray-400 text-md ml-2">
Get 5% off sitewide using code <code>CHILLEDBOT5</code>!
</span>
</div>
</div>
</div>
<footer class="text-gray-400 bg-gray-900 body-font" id="footer">
<div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
<a class="flex title-font font-medium items-center md:justify-start justify-center text-white">
<img draggable="false" src="assets/img/chilledbot.webp" alt="ChilledBot" class="w-10 h-10 text-white p-0 rounded-full">
<span class="ml-3 text-xl">ChilledBot</span>
</a>
<p class="text-sm text-gray-400 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-800 sm:py-2 sm:mt-0 mt-4">© 2021 ChilledBot —
<span class="text-gray-500">Art created by</span>
<a href="http://jpmachado.art/" class="text-gray-400" target="_blank" rel="noopener noreferrer">Juan Pablo Machado</a>
—
<span class="text-gray-500 ml-1">Website created with ❤ by </span>
<a href="https://enertix.me/" class="text-gray-400" target="_blank" rel="noopener noreferrer">Enertix</a>
</p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
<a class="ml-3 text-white" href="https://chilledbot.xyz/mentions-legales.pdf" target="_BLANK" draggable="false" >
©
</a>
<a class="ml-3 text-white" href="https://chilledbot.xyz/discord" target="_BLANK" draggable="false">
<svg id="Layer_1" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 240"><style>.st0{fill:#FFFFFF;}</style><path class="st0" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path class="st0" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>
</a>
</span>
</div>
</footer>
<!-- <script src="assets/js/alpine.min.js" async defer></script> -->
</body>
</html>