Update README.md
Browse files
README.md
CHANGED
@@ -39,6 +39,7 @@ tags:
|
|
39 |
padding: 20px;
|
40 |
background-color: #B398F5;
|
41 |
background-size: cover;
|
|
|
42 |
border: 1px solid #ccc;
|
43 |
cursor: pointer;
|
44 |
transition: 0.3s ease;
|
@@ -79,7 +80,10 @@ tags:
|
|
79 |
|
80 |
#image1:checked ~ .image-container img:nth-child(1),
|
81 |
#image2:checked ~ .image-container img:nth-child(2),
|
82 |
-
#image3:checked ~ .image-container img:nth-child(3)
|
|
|
|
|
|
|
83 |
opacity: 1;
|
84 |
}
|
85 |
|
@@ -92,6 +96,16 @@ tags:
|
|
92 |
#image3l{
|
93 |
background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01551.png");
|
94 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
95 |
</style>
|
96 |
<div class="image-viewer">
|
97 |
<input type="radio" id="image1" name="image-switcher" checked>
|
@@ -100,11 +114,20 @@ tags:
|
|
100 |
<label for="image2" id="image2l"></label>
|
101 |
<input type="radio" id="image3" name="image-switcher">
|
102 |
<label for="image3" id="image3l"></label>
|
|
|
|
|
|
|
|
|
|
|
|
|
103 |
|
104 |
<div class="image-container">
|
105 |
<img src="output-samples/01549.png" alt="Image 1">
|
106 |
<img src="output-samples/01550.png" alt="Image 2">
|
107 |
<img src="output-samples/01551.png" alt="Image 3">
|
|
|
|
|
|
|
108 |
</div>
|
109 |
</div>
|
110 |
|
|
|
39 |
padding: 20px;
|
40 |
background-color: #B398F5;
|
41 |
background-size: cover;
|
42 |
+
background-position: center;
|
43 |
border: 1px solid #ccc;
|
44 |
cursor: pointer;
|
45 |
transition: 0.3s ease;
|
|
|
80 |
|
81 |
#image1:checked ~ .image-container img:nth-child(1),
|
82 |
#image2:checked ~ .image-container img:nth-child(2),
|
83 |
+
#image3:checked ~ .image-container img:nth-child(3),
|
84 |
+
#image4:checked ~ .image-container img:nth-child(4),
|
85 |
+
#image5:checked ~ .image-container img:nth-child(5),
|
86 |
+
#image6:checked ~ .image-container img:nth-child(6) {
|
87 |
opacity: 1;
|
88 |
}
|
89 |
|
|
|
96 |
#image3l{
|
97 |
background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01551.png");
|
98 |
}
|
99 |
+
|
100 |
+
#image4l{
|
101 |
+
background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01598.png");
|
102 |
+
}
|
103 |
+
#image5l{
|
104 |
+
background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01557.png");
|
105 |
+
}
|
106 |
+
#image6l{
|
107 |
+
background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01558.png");
|
108 |
+
}
|
109 |
</style>
|
110 |
<div class="image-viewer">
|
111 |
<input type="radio" id="image1" name="image-switcher" checked>
|
|
|
114 |
<label for="image2" id="image2l"></label>
|
115 |
<input type="radio" id="image3" name="image-switcher">
|
116 |
<label for="image3" id="image3l"></label>
|
117 |
+
<input type="radio" id="image4" name="image-switcher" checked>
|
118 |
+
<label for="image4" id="image4l"></label>
|
119 |
+
<input type="radio" id="image5" name="image-switcher">
|
120 |
+
<label for="image5" id="image5l"></label>
|
121 |
+
<input type="radio" id="image6" name="image-switcher">
|
122 |
+
<label for="image6" id="image6l"></label>
|
123 |
|
124 |
<div class="image-container">
|
125 |
<img src="output-samples/01549.png" alt="Image 1">
|
126 |
<img src="output-samples/01550.png" alt="Image 2">
|
127 |
<img src="output-samples/01551.png" alt="Image 3">
|
128 |
+
<img src="output-samples/01598.png" alt="Image 4">
|
129 |
+
<img src="output-samples/01557.png" alt="Image 5">
|
130 |
+
<img src="output-samples/01558.png" alt="Image 6">
|
131 |
</div>
|
132 |
</div>
|
133 |
|