Hugging Face's logo

Spaces:
imseldrith
/
Imagine
Sleeping

App Files Community
imseldrith commited on
Commit
fb13986
•
1 Parent(s): 3e0b2bb

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +42 -6
templates/index.html CHANGED
@@ -6,7 +6,7 @@
6
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
7
  <style>
8
  body {
9
- background-color: #f5f5f5;
10
  }
11
 
12
  .container {
@@ -21,7 +21,7 @@
21
  h1 {
22
  text-align: center;
23
  margin-bottom: 30px;
24
- color: #333333;
25
  font-weight: 600;
26
  letter-spacing: 1px;
27
  }
@@ -29,7 +29,7 @@
29
  label {
30
  font-weight: bold;
31
  margin-bottom: 10px;
32
- color: #555555;
33
  }
34
 
35
  textarea,
@@ -53,11 +53,33 @@
53
  cursor: pointer;
54
  font-size: 16px;
55
  transition: background-color 0.3s ease;
 
 
56
  }
57
 
58
  button[type="submit"]:hover {
59
  background-color: #cc0052;
60
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61
  </style>
62
  </head>
63
  <body>
@@ -70,8 +92,7 @@
70
  </div>
71
  <div class="mb-3">
72
  <label for="style" class="form-label">Choose Style:</label>
73
- <select id="style" name="style" class="form-select">
74
-
75
  <option value="IMAGINE_V4_Beta">IMAGINE_V4_Beta</option>
76
  <option value="IMAGINE_V3">IMAGINE_V3</option>
77
  <option value="IMAGINE_V1">IMAGINE_V1</option>
@@ -145,8 +166,23 @@
145
  </div>
146
  <button type="submit" class="btn btn-primary">Generate Image</button>
147
  </form>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
148
  </div>
149
 
150
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
151
  </body>
152
- </html>
 
6
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
7
  <style>
8
  body {
9
+ background-color: #000000;
10
  }
11
 
12
  .container {
 
21
  h1 {
22
  text-align: center;
23
  margin-bottom: 30px;
24
+ color: #ffffff;
25
  font-weight: 600;
26
  letter-spacing: 1px;
27
  }
 
29
  label {
30
  font-weight: bold;
31
  margin-bottom: 10px;
32
+ color: #ffffff;
33
  }
34
 
35
  textarea,
 
53
  cursor: pointer;
54
  font-size: 16px;
55
  transition: background-color 0.3s ease;
56
+ display: block;
57
+ margin: 0 auto;
58
  }
59
 
60
  button[type="submit"]:hover {
61
  background-color: #cc0052;
62
  }
63
+
64
+ .social-buttons {
65
+ text-align: center;
66
+ margin-top: 20px;
67
+ }
68
+
69
+ .social-button {
70
+ display: inline-block;
71
+ margin-right: 10px;
72
+ }
73
+
74
+ .social-icon {
75
+ color: #ffffff;
76
+ font-size: 24px;
77
+ transition: color 0.3s ease;
78
+ }
79
+
80
+ .social-icon:hover {
81
+ color: #ff3366;
82
+ }
83
  </style>
84
  </head>
85
  <body>
 
92
  </div>
93
  <div class="mb-3">
94
  <label for="style" class="form-label">Choose Style:</label>
95
+ <select id="style" name="style" class="form-select">
 
96
  <option value="IMAGINE_V4_Beta">IMAGINE_V4_Beta</option>
97
  <option value="IMAGINE_V3">IMAGINE_V3</option>
98
  <option value="IMAGINE_V1">IMAGINE_V1</option>
 
166
  </div>
167
  <button type="submit" class="btn btn-primary">Generate Image</button>
168
  </form>
169
+
170
+ <div class="social-buttons">
171
+ <span class="social-button">
172
+ <a href="https://www.facebook.com/octaeldrith" class="social-icon"><i class="fab fa-facebook-f"></i></a>
173
+ </span>
174
+ <span class="social-button">
175
+ <a href="https://twitter.com/ims_eldrith" class="social-icon"><i class="fab fa-twitter"></i></a>
176
+ </span>
177
+ <span class="social-button">
178
+ <a href="https://instagram.com/ims_eldrith" class="social-icon"><i class="fab fa-instagram"></i></a>
179
+ </span>
180
+ <span class="social-button">
181
+ <a href="https://www.linkedin.com/in/ashiq-hussain" class="social-icon"><i class="fab fa-linkedin"></i></a>
182
+ </span>
183
+ </div>
184
  </div>
185
 
186
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
187
  </body>
188
+ </html>