Hugging Face's logo

TatsuyaXAI
/
Hibari_Houkobaru

Diffusers
Model card Files
xet
 Community
TatsuyaXAI commited on
Commit
a671300
·
verified ·
1 Parent(s): 938cf9a

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +124 -1
README.md CHANGED
@@ -1,3 +1,6 @@
 
 
 
1
  # **Hibari Houkobaru** from **Too Many Losing Heroines**
2
 
3
  <u><b>Trigger Words:</b></u> **Hibari Houkobaru**, **brown eyes**, **brown hair**, **long hair**, **straight hair**
@@ -6,4 +9,124 @@
6
 
7
  <u><b>Accessories:</b></u> **black hairband**, **black choker**
8
 
9
- -
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ---
2
+ library_name: diffusers
3
+ ---
4
  # **Hibari Houkobaru** from **Too Many Losing Heroines**
5
 
6
  <u><b>Trigger Words:</b></u> **Hibari Houkobaru**, **brown eyes**, **brown hair**, **long hair**, **straight hair**
 
9
 
10
  <u><b>Accessories:</b></u> **black hairband**, **black choker**
11
 
12
+ Previews (Pony):
13
+ <style>
14
+ .custom-table td {
15
+ width: 33.33%; /* 100% / 3 = 33.33% per cell for 3 items per row */
16
+ }
17
+ .custom-image-container {
18
+ position: relative;
19
+ width: 100%;
20
+ height: 100%;
21
+ border-radius: 0.5em;
22
+ overflow: hidden;
23
+ align-items: center;
24
+ }
25
+ .custom-image {
26
+ width: 100%;
27
+ height: auto;
28
+ border-radius: 0.5em;
29
+ transition: transform 0.25s;
30
+ }
31
+ .custom-image-container:hover .custom-image {
32
+ transform: scale(1.2);
33
+ }
34
+ </style>
35
+
36
+ <table class="custom-table">
37
+ <tr>
38
+ <td>
39
+ <div class="custom-image-container">
40
+ <img class="custom-image" src="PonyPreview/P1.png" alt="Pony Preview">
41
+ </div>
42
+ </td>
43
+ <td>
44
+ <div class="custom-image-container">
45
+ <img class="custom-image" src="PonyPreview/P2.png" alt="Pony Preview">
46
+ </div>
47
+ </td>
48
+ <td>
49
+ <div class="custom-image-container">
50
+ <img class="custom-image" src="PonyPreview/P3.png" alt="Pony Preview">
51
+ </div>
52
+ </td>
53
+ </tr>
54
+ <tr>
55
+ <td>
56
+ <div class="custom-image-container">
57
+ <img class="custom-image" src="PonyPreview/P4.png" alt="Pony Preview">
58
+ </div>
59
+ </td>
60
+ <td>
61
+ <div class="custom-image-container">
62
+ <img class="custom-image" src="PonyPreview/P5.png" alt="Pony Preview">
63
+ </div>
64
+ </td>
65
+ <td>
66
+ <div class="custom-image-container">
67
+ <img class="custom-image" src="PonyPreview/P6.png" alt="Pony Preview">
68
+ </div>
69
+ </td>
70
+ </tr>
71
+ </table>
72
+
73
+ Previews (Illustrious):
74
+ <style>
75
+ .custom-table td {
76
+ width: 33.33%; /* 100% / 3 = 33.33% per cell for 3 items per row */
77
+ }
78
+ .custom-image-container {
79
+ position: relative;
80
+ width: 100%;
81
+ height: 100%;
82
+ border-radius: 0.5em;
83
+ overflow: hidden;
84
+ align-items: center;
85
+ }
86
+ .custom-image {
87
+ width: 100%;
88
+ height: auto;
89
+ border-radius: 0.5em;
90
+ transition: transform 0.25s;
91
+ }
92
+ .custom-image-container:hover .custom-image {
93
+ transform: scale(1.2);
94
+ }
95
+ </style>
96
+
97
+ <table class="custom-table">
98
+ <tr>
99
+ <td>
100
+ <div class="custom-image-container">
101
+ <img class="custom-image" src="IllustriousPreview/P1.png" alt="Illustrious Preview">
102
+ </div>
103
+ </td>
104
+ <td>
105
+ <div class="custom-image-container">
106
+ <img class="custom-image" src="IllustriousPreview/P2.png" alt="Illustrious Preview">
107
+ </div>
108
+ </td>
109
+ <td>
110
+ <div class="custom-image-container">
111
+ <img class="custom-image" src="IllustriousPreview/P3.png" alt="Illustrious Preview">
112
+ </div>
113
+ </td>
114
+ </tr>
115
+ <tr>
116
+ <td>
117
+ <div class="custom-image-container">
118
+ <img class="custom-image" src="IllustriousPreview/P4.png" alt="Illustrious Preview">
119
+ </div>
120
+ </td>
121
+ <td>
122
+ <div class="custom-image-container">
123
+ <img class="custom-image" src="IllustriousPreview/P5.png" alt="Illustrious Preview">
124
+ </div>
125
+ </td>
126
+ <td>
127
+ <div class="custom-image-container">
128
+ <img class="custom-image" src="IllustriousPreview/P6.png" alt="Illustrious Preview">
129
+ </div>
130
+ </td>
131
+ </tr>
132
+ </table>