Update README.md
Browse files
README.md
CHANGED
|
@@ -7,4 +7,75 @@ tags:
|
|
| 7 |
- sd 1.x
|
| 8 |
thumbnail: "https://huggingface.co/Mooshie/hairflap/blob/main/girl1.png"
|
| 9 |
---
|
| 10 |
-
<!DOCTYPE html
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 7 |
- sd 1.x
|
| 8 |
thumbnail: "https://huggingface.co/Mooshie/hairflap/blob/main/girl1.png"
|
| 9 |
---
|
| 10 |
+
<!DOCTYPE html>
|
| 11 |
+
<html>
|
| 12 |
+
<head>
|
| 13 |
+
<style>
|
| 14 |
+
body {
|
| 15 |
+
font-family: 'Roboto', sans-serif;
|
| 16 |
+
text-align: center;
|
| 17 |
+
margin: 0;
|
| 18 |
+
padding: 0;
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
h1 {
|
| 22 |
+
color: #0077cc;
|
| 23 |
+
transition: color 0.5s ease-in-out, transform 0.4s ease-in-out;
|
| 24 |
+
margin: 20px auto;
|
| 25 |
+
display: inline-block;
|
| 26 |
+
}
|
| 27 |
+
|
| 28 |
+
h1:hover {
|
| 29 |
+
color: #FFCC00;
|
| 30 |
+
transform: scale(1.1);
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
p {
|
| 34 |
+
color: #777;
|
| 35 |
+
}
|
| 36 |
+
|
| 37 |
+
a {
|
| 38 |
+
text-decoration: none;
|
| 39 |
+
}
|
| 40 |
+
|
| 41 |
+
.container {
|
| 42 |
+
display: flex;
|
| 43 |
+
flex-direction: column;
|
| 44 |
+
align-items: center;
|
| 45 |
+
}
|
| 46 |
+
|
| 47 |
+
.image-container {
|
| 48 |
+
width: 40%;
|
| 49 |
+
max-width: 100%;
|
| 50 |
+
cursor: pointer;
|
| 51 |
+
text-align: center;
|
| 52 |
+
overflow: hidden;
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
.image-container:hover img {
|
| 56 |
+
transform: scale(1.02);
|
| 57 |
+
transition: transform 0.4s ease-in-out;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
img {
|
| 61 |
+
width: 100%;
|
| 62 |
+
max-width: 100%;
|
| 63 |
+
height: auto;
|
| 64 |
+
border-radius: 10px;
|
| 65 |
+
display: block;
|
| 66 |
+
}
|
| 67 |
+
</style>
|
| 68 |
+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
|
| 69 |
+
</head>
|
| 70 |
+
<body>
|
| 71 |
+
<div class="container">
|
| 72 |
+
<a href="https://huggingface.co/Mooshie/hairflap/blob/main/hairflaps.safetensors">
|
| 73 |
+
<h1>Explore Hairflap LoRA Model</h1>
|
| 74 |
+
</a>
|
| 75 |
+
<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>
|
| 76 |
+
<div class="image-container">
|
| 77 |
+
<img src="girl1.png" alt="girl with hair flaps" loading="lazy">
|
| 78 |
+
</div>
|
| 79 |
+
</div>
|
| 80 |
+
</body>
|
| 81 |
+
</html>
|