Update README.md
Browse files
README.md
CHANGED
@@ -38,11 +38,18 @@ thumbnail: "https://huggingface.co/Mooshie/hairflap/blob/main/girl1.png"
|
|
38 |
flex-direction: column;
|
39 |
align-items: center;
|
40 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
41 |
.image-container {
|
42 |
-
width:
|
43 |
max-width: 100%;
|
44 |
cursor: pointer;
|
45 |
text-align: center;
|
|
|
46 |
}
|
47 |
.image-container img {
|
48 |
width: 100%;
|
@@ -64,9 +71,20 @@ thumbnail: "https://huggingface.co/Mooshie/hairflap/blob/main/girl1.png"
|
|
64 |
<h1>Explore Hairflap LoRA Model</h1>
|
65 |
</a>
|
66 |
<p>This LoRA model works with values between 1.0 and 1.5. Use 1.0 for simpler hairstyles like long hair, and use 1.5 for more difficult hairstyles like short hair, twintails, or ponytails.</p>
|
67 |
-
<div class="
|
68 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
69 |
</div>
|
70 |
</div>
|
71 |
</body>
|
72 |
-
</html>
|
|
|
38 |
flex-direction: column;
|
39 |
align-items: center;
|
40 |
}
|
41 |
+
.gallery {
|
42 |
+
display: flex;
|
43 |
+
justify-content: space-between;
|
44 |
+
flex-wrap: wrap;
|
45 |
+
margin-top: 20px;
|
46 |
+
}
|
47 |
.image-container {
|
48 |
+
width: 30%;
|
49 |
max-width: 100%;
|
50 |
cursor: pointer;
|
51 |
text-align: center;
|
52 |
+
margin-bottom: 20px;
|
53 |
}
|
54 |
.image-container img {
|
55 |
width: 100%;
|
|
|
71 |
<h1>Explore Hairflap LoRA Model</h1>
|
72 |
</a>
|
73 |
<p>This LoRA model works with values between 1.0 and 1.5. Use 1.0 for simpler hairstyles like long hair, and use 1.5 for more difficult hairstyles like short hair, twintails, or ponytails.</p>
|
74 |
+
<div class="gallery">
|
75 |
+
<div class="image-container">
|
76 |
+
<img src="girl1.png" alt="girl with hair flaps" loading="lazy">
|
77 |
+
</div>
|
78 |
+
<div class="image-container">
|
79 |
+
<img src="placeholder1.jpg" alt="Placeholder 1" loading="lazy">
|
80 |
+
</div>
|
81 |
+
<div class="image-container">
|
82 |
+
<img src="placeholder2.jpg" alt="Placeholder 2" loading="lazy">
|
83 |
+
</div>
|
84 |
+
<div class="image-container">
|
85 |
+
<img src="placeholder3.jpg" alt="Placeholder 3" loading="lazy">
|
86 |
+
</div>
|
87 |
</div>
|
88 |
</div>
|
89 |
</body>
|
90 |
+
</html>
|