Hugging Face's logo

NewEden-Forge
/
readme-testing

Model card Files
xet
 Community
Delta-Vector commited on
Commit
5f22f5f
·
verified ·
1 Parent(s): fcc2405

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +22 -30
README.md CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>François-Huali 12B</title>
7
  <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">
8
  <style>
9
  body {
@@ -16,7 +16,7 @@
16
  min-height: 100vh;
17
  }
18
  .container {
19
- margin: 20px; /* This already aligns it to the left with 20px margin, it doesn't center it explicitly */
20
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 245, 250, 0.95));
21
  padding: 30px;
22
  border-radius: 20px;
@@ -43,8 +43,7 @@
43
  -webkit-text-fill-color: transparent;
44
  background-clip: text;
45
  margin: 0 0 20px 0;
46
- /* text-align: center; REMOVED */
47
- text-align: left; /* Explicitly left-align the title */
48
  font-weight: 600;
49
  text-shadow: 0 2px 4px rgba(255, 182, 193, 0.3);
50
  }
@@ -57,8 +56,7 @@
57
  -webkit-background-clip: text;
58
  -webkit-text-fill-color: transparent;
59
  background-clip: text;
60
- /* text-align: center; REMOVED */
61
- text-align: left; /* Explicitly left-align section titles */
62
  font-weight: 600;
63
  margin-bottom: 20px;
64
  }
@@ -67,11 +65,10 @@
67
  line-height: 1.8;
68
  font-size: 16px;
69
  }
70
- .info img.model-banner { /* Added a class for clarity */
71
  width: 85%;
72
  border-radius: 15px;
73
- /* margin: 0 auto 15px; REMOVED */
74
- margin: 0 0 15px 0; /* Left-align the image with padding */
75
  display: block;
76
  box-shadow: 0 8px 25px rgba(255, 182, 193, 0.4);
77
  border: 2px solid rgba(255, 192, 203, 0.5);
@@ -134,16 +131,14 @@
134
  background-clip: text;
135
  margin: 0 0 15px 0;
136
  font-size: 22px;
137
- /* text-align: center; REMOVED */
138
- text-align: left; /* Explicitly left-align card titles */
139
  font-weight: 600;
140
  }
141
  .model-tags {
142
  display: flex;
143
  gap: 10px;
144
  flex-wrap: wrap;
145
- /* justify-content: center; REMOVED */
146
- justify-content: flex-start; /* Left-align the tags */
147
  }
148
  .model-tag {
149
  background: linear-gradient(45deg, rgba(255, 182, 193, 0.4), rgba(255, 215, 0, 0.3));
@@ -166,8 +161,7 @@
166
  background-clip: text;
167
  margin: 0 0 20px 0;
168
  font-size: 18px;
169
- /* text-align: center; REMOVED */
170
- text-align: left; /* Explicitly left-align sub-titles */
171
  font-weight: 600;
172
  }
173
  .composition-list {
@@ -215,8 +209,7 @@
215
  cursor: pointer;
216
  outline: none;
217
  padding: 8px 0;
218
- /* text-align: center; REMOVED */
219
- text-align: left; /* Explicitly left-align summary text */
220
  font-weight: 600;
221
  transition: all 0.3s ease;
222
  }
@@ -225,8 +218,7 @@
225
  }
226
  .creator-section {
227
  margin: 20px 0;
228
- /* text-align: center; REMOVED */
229
- text-align: left; /* Left-align the creator badge */
230
  }
231
  .creator-badge {
232
  display: inline-flex;
@@ -244,6 +236,9 @@
244
  font-weight: 500;
245
  }
246
  .creator-link {
 
 
 
247
  color: #d63384;
248
  text-decoration: none;
249
  transition: all 0.3s ease;
@@ -271,10 +266,9 @@
271
  transform: translateX(3px);
272
  }
273
  .axolotl-container {
274
- display: flex; /* Kept flex display */
275
- /* text-align: center; REMOVED */ /* No longer needed if justify-content is flex-start */
276
- /* justify-content: center; REMOVED */
277
- justify-content: flex-start; /* Align flex items to the start (left) */
278
  margin: 30px 0;
279
  }
280
  .axolotl-container img {
@@ -283,9 +277,8 @@
283
  box-shadow: 0 6px 20px rgba(255, 182, 193, 0.4);
284
  border: 2px solid rgba(255, 192, 203, 0.5);
285
  transition: transform 0.3s ease;
286
- display: block;
287
- /* margin: 0 auto; REMOVED */ /* No longer needed, as flex container handles alignment */
288
- margin: 0; /* Ensures no extra auto margins */
289
  }
290
  .axolotl-container img:hover {
291
  transform: scale(1.05);
@@ -298,9 +291,8 @@
298
  <h1>François-PE-Huali 12B</h1>
299
  </div>
300
  <div class="info">
301
- <!-- Added a class 'model-banner' for specific styling on the image -->
302
- <img class="model-banner" src="https://cdn-uploads.huggingface.co/production/uploads/66c26b6fb01b19d8c3c2467b/DYgyLUEaHAv9kTffBYH-F.jpeg" alt="Model banner">
303
- <!-- Removed the inline style div as text-align is now handled by CSS classes -->
304
  <div class="creator-section">
305
  <div class="creator-badge">
306
  <span class="creator-label">Created by</span>
@@ -378,4 +370,4 @@ Can I ask a question?&lt;|im_end|&gt;
378
  </div>
379
  </div>
380
  </body>
381
- </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sol-Reaver 15B</title>
7
  <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">
8
  <style>
9
  body {
 
16
  min-height: 100vh;
17
  }
18
  .container {
19
+ margin: 20px;
20
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 245, 250, 0.95));
21
  padding: 30px;
22
  border-radius: 20px;
 
43
  -webkit-text-fill-color: transparent;
44
  background-clip: text;
45
  margin: 0 0 20px 0;
46
+ text-align: center;
 
47
  font-weight: 600;
48
  text-shadow: 0 2px 4px rgba(255, 182, 193, 0.3);
49
  }
 
56
  -webkit-background-clip: text;
57
  -webkit-text-fill-color: transparent;
58
  background-clip: text;
59
+ text-align: center;
 
60
  font-weight: 600;
61
  margin-bottom: 20px;
62
  }
 
65
  line-height: 1.8;
66
  font-size: 16px;
67
  }
68
+ .info img {
69
  width: 85%;
70
  border-radius: 15px;
71
+ margin: 0 auto 15px;
 
72
  display: block;
73
  box-shadow: 0 8px 25px rgba(255, 182, 193, 0.4);
74
  border: 2px solid rgba(255, 192, 203, 0.5);
 
131
  background-clip: text;
132
  margin: 0 0 15px 0;
133
  font-size: 22px;
134
+ text-align: center;
 
135
  font-weight: 600;
136
  }
137
  .model-tags {
138
  display: flex;
139
  gap: 10px;
140
  flex-wrap: wrap;
141
+ justify-content: center;
 
142
  }
143
  .model-tag {
144
  background: linear-gradient(45deg, rgba(255, 182, 193, 0.4), rgba(255, 215, 0, 0.3));
 
161
  background-clip: text;
162
  margin: 0 0 20px 0;
163
  font-size: 18px;
164
+ text-align: center;
 
165
  font-weight: 600;
166
  }
167
  .composition-list {
 
209
  cursor: pointer;
210
  outline: none;
211
  padding: 8px 0;
212
+ text-align: center;
 
213
  font-weight: 600;
214
  transition: all 0.3s ease;
215
  }
 
218
  }
219
  .creator-section {
220
  margin: 20px 0;
221
+ text-align: center;
 
222
  }
223
  .creator-badge {
224
  display: inline-flex;
 
236
  font-weight: 500;
237
  }
238
  .creator-link {
239
+ display: flex;
240
+ align-items: center;
241
+ gap: 8px;
242
  color: #d63384;
243
  text-decoration: none;
244
  transition: all 0.3s ease;
 
266
  transform: translateX(3px);
267
  }
268
  .axolotl-container {
269
+ display: flex;
270
+ text-align: center; /* This is correctly applied to center the image itself */
271
+ justify-content: center;
 
272
  margin: 30px 0;
273
  }
274
  .axolotl-container img {
 
277
  box-shadow: 0 6px 20px rgba(255, 182, 193, 0.4);
278
  border: 2px solid rgba(255, 192, 203, 0.5);
279
  transition: transform 0.3s ease;
280
+ display: block; /* Make the image a block element */
281
+ margin: 0 auto; /* Center it horizontally within its parent */
 
282
  }
283
  .axolotl-container img:hover {
284
  transform: scale(1.05);
 
291
  <h1>François-PE-Huali 12B</h1>
292
  </div>
293
  <div class="info">
294
+ <img src="https://cdn-uploads.huggingface.co/production/uploads/66c26b6fb01b19d8c3c2467b/DYgyLUEaHAv9kTffBYH-F.jpeg" alt="Model banner">
295
+ <div style="text-align: center;">
 
296
  <div class="creator-section">
297
  <div class="creator-badge">
298
  <span class="creator-label">Created by</span>
 
370
  </div>
371
  </div>
372
  </body>
373
+ </html>