Hugging Face's logo

Spaces:
dreamdrop
/
bot
Running

App Files Community
ehristoforu commited on
Commit
e644f90
·
1 Parent(s): 4fce21d

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +134 -9
index.html CHANGED
@@ -1,15 +1,140 @@
1
  <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
- <meta charset="UTF-8">
5
- <title>DreamDrop Bot</title>
6
- <link rel="stylesheet" href="style.css">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
  </head>
8
  <body>
9
-
10
- <header class="header">
11
- <h1>DreamDrop Bot</h1>
12
- <h2><a href="https://discord.com/api/oauth2/authorize?client_id=1162456193470566431&permissions=274877941760&scope=bot%20applications.commands" target="_blank" class="button">Add bot</a></h2>
13
- <h3><a href="/docs.html" target="_blank" class="button">Docs</a></h3>
14
- </header>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  </body>
 
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>DreamDrop - Discord bot</title>
7
+ <style>
8
+ body {
9
+ background-color: #f5f5f5;
10
+ color: #333;
11
+ font-family: Arial, sans-serif;
12
+ margin: 0;
13
+ padding: 0;
14
+ }
15
+ header {
16
+ background-color: #333;
17
+ padding: 20px;
18
+ text-align: center;
19
+ }
20
+ h1 {
21
+ font-size: 36px;
22
+ margin: 0;
23
+ color: #ffffff;
24
+ }
25
+ p {
26
+ font-size: 18px;
27
+ color: #ffffff;
28
+ }
29
+ #advantages {
30
+ background-color: #ffffff;
31
+ padding: 50px;
32
+ }
33
+ #demo {
34
+ width: 100%;
35
+ height: 600px;
36
+ }
37
+ table {
38
+ width: 100%;
39
+ border-collapse: collapse;
40
+ margin-top: 20px;
41
+ }
42
+ th, td {
43
+ padding: 10px;
44
+ text-align: left;
45
+ }
46
+ th {
47
+ background-color: #333;
48
+ color: #ffffff;
49
+ }
50
+ tr:nth-child(even) {
51
+ background-color: #f2f2f2;
52
+ }
53
+ .download-button {
54
+ background-color: #333;
55
+ color: #ffffff;
56
+ padding: 10px 20px;
57
+ text-decoration: none;
58
+ font-size: 16px;
59
+ margin-top: 20px;
60
+ border-radius: 5px;
61
+ display: inline-block;
62
+ }
63
+ .download-button:hover {
64
+ background-color: #555;
65
+ }
66
+ .center {
67
+ display: flex;
68
+ justify-content: center;
69
+ }
70
+ </style>
71
  </head>
72
  <body>
73
+ <header>
74
+ <h1>DreamDrop Bot</h1>
75
+ <p>Image Generator for FREE</p>
76
+ </header>
77
+ <div id="advantages">
78
+ <h2>Advantages of DreamDrop Bot:</h2>
79
+ <ul>
80
+ <li>Fast generation</li>
81
+ <li>8K</li>
82
+ <li>FREE</li>
83
+ </ul>
84
+ <div class="center">
85
+ <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>
86
+ </div>
87
+
88
+ <div class="center">
89
+ <a class="download-button" href="/docs.html" target="_blank">Docs</a>
90
+ </div>
91
+ </div>
92
+ <div id="demo">
93
+ <iframe
94
+ src=""
95
+ frameborder="0"
96
+ width="100%"
97
+ height="100%"
98
+ ></iframe>
99
+ </div>
100
+ <h2>Comparison with Competitors:</h2>
101
+ <table>
102
+ <thead>
103
+ <tr>
104
+ <th>Tests</th>
105
+ <th>DreamDrop</th>
106
+ <th>Midjourney</th>
107
+ <th>Blue Willow</th>
108
+ </tr>
109
+ </thead>
110
+ <tbody>
111
+ <tr>
112
+ <td>Speed generation</td>
113
+ <td>Very</td>
114
+ <td>Normal</td>
115
+ <td>Low</td>
116
+ </tr>
117
+ <tr>
118
+ <td>FREE</td>
119
+ <td>Yes</td>
120
+ <td>No</td>
121
+ <td>Yes</td>
122
+ </tr>
123
+ <tr>
124
+ <td>Generation quality</td>
125
+ <td>8k</td>
126
+ <td>16k</td>
127
+ <td>2k</td>
128
+ </tr>
129
+ </tbody>
130
+ </table>
131
+ <h3></h3>
132
+ <h2><center>© OpenSkyML</center></h2>
133
+ <script>
134
+ // JavaScript для прокрутки страницы вверх при загрузке
135
+ window.onload = function() {
136
+ window.scrollTo(0, 0);
137
+ };
138
+ </script>
139
  </body>
140
+ </html>