File size: 2,304 Bytes
f2e30d8
 
 
 
 
 
 
7ea37fa
f2e30d8
23c931e
 
 
 
 
282307f
23c931e
 
 
282307f
23c931e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1b2ba0d
 
6250375
 
1b2ba0d
 
23c931e
6250375
 
23c931e
 
6250375
23c931e
2bb3f31
23c931e
 
 
 
ba5f556
2bb3f31
 
 
 
 
23c931e
 
 
 
 
 
 
 
 
1b2ba0d
 
 
 
 
43d1c7c
1b2ba0d
 
43d1c7c
1b2ba0d
23c931e
 
 
6250375
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
---
tags:
- lora
- ai
- stable-diffusion
- sd
- sd 1.x
thumbnail: "https://huggingface.co/Mooshie/hairflap/blob/main/girl1.png"
---
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
        text-align: center;
        margin: 0;
        padding: 0;
      }
      h1 {
        color: #0077cc;
        transition: color 0.5s ease-in-out, transform 0.4s ease-in-out;
        margin: 20px auto;
        display: inline-block;
      }
      h1:hover {
        color: #FFCC00;
        transform: scale(1.1);
      }
      p {
        color: #777;
      }
      a {
        text-decoration: none;
      }
      .container {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .gallery {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
      }
      .image-container {
        flex: 0 0 calc(30% - 10px); /* Adjust the width as needed */
        max-width: 100%;
        cursor: pointer;
        text-align: center;
        margin-bottom: 20px;
      }
      .image-container img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
        border-radius: 10px;
        transform: scale(1);
        transition: transform 0.4s ease-in-out;
      }
      .image-container:hover img {
        transform: scale(1.1);
      }
    </style>
  </head>
  <body>
    <div class="container">
      <a href="https://huggingface.co/Mooshie/hairflap/blob/main/hairflaps.safetensors">
        <h1>Explore Hairflap LoRA Model</h1>
      </a>
      <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>
      <div class="gallery">
        <div class="image-container">
          <img src="girl1.png" alt="girl with hair flaps" loading="lazy">
        </div>
        <div class="image-container">
          <img src="girl2.png" alt="booba white hair" loading="lazy">
        </div>
        <div class="image-container">
          <img src="girl3.png" alt="mouse girl" loading="lazy">
        </div>
      </div>
    </div>
  </body>
</html>