bot / index.html
ehristoforu's picture
Update index.html
03c5814
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DreamDrop - Discord bot</title>
<style>
body {
background-color: #f5f5f5;
color: #333;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
padding: 20px;
text-align: center;
}
h1 {
font-size: 36px;
margin: 0;
color: #ffffff;
}
p {
font-size: 18px;
color: #ffffff;
}
#advantages {
background-color: #ffffff;
padding: 50px;
}
#demo {
width: 100%;
height: 600px;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th, td {
padding: 10px;
text-align: left;
}
th {
background-color: #333;
color: #ffffff;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
.download-button {
background-color: #333;
color: #ffffff;
padding: 10px 20px;
text-decoration: none;
font-size: 16px;
margin-top: 20px;
border-radius: 5px;
display: inline-block;
}
.download-button:hover {
background-color: #555;
}
.center {
display: flex;
justify-content: center;
}
</style>
</head>
<body>
<header>
<h1>DreamDrop Bot</h1>
<p>Image Generator for FREE</p>
</header>
<div id="advantages">
<h2>Advantages of DreamDrop Bot:</h2>
<ul>
<li>Fast generation</li>
<li>8K</li>
<li>FREE</li>
</ul>
<div class="center">
<a class="download-button" href="https://discord.gg/m9nFjxJkGa" target="_blank">Join the Beta</a>
</div>
<div class="center">
<a class="download-button" href="https://discord.com/api/oauth2/authorize?client_id=1162456193470566431&permissions=274877941760&scope=bot%20applications.commands" target="_blank">Add Bot</a>
</div>
<div class="center">
<a class="download-button" href="/docs.html" target="_blank">Docs</a>
</div>
</div>
<div id="demo">
<iframe src="https://discord.com/widget?id=1162740139903176744&theme=dark" width="100%" height="100%" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
<h2>Comparison with Competitors:</h2>
<table>
<thead>
<tr>
<th>Tests</th>
<th>DreamDrop</th>
<th>Midjourney</th>
<th>Blue Willow</th>
</tr>
</thead>
<tbody>
<tr>
<td>Speed generation</td>
<td>Very</td>
<td>Normal</td>
<td>Low</td>
</tr>
<tr>
<td>FREE</td>
<td>Yes</td>
<td>No</td>
<td>Yes</td>
</tr>
<tr>
<td>Generation quality</td>
<td>8k</td>
<td>16k</td>
<td>2k</td>
</tr>
</tbody>
</table>
<h3></h3>
<h2><center>© OpenSkyML</center></h2>
<script>
// JavaScript для прокрутки страницы вверх при загрузке
window.onload = function() {
window.scrollTo(0, 0);
};
</script>
</body>
</html>