Update README.md
Browse files
README.md
CHANGED
@@ -26,18 +26,18 @@ join us: https://discord.gg/tPBsKDyRR5
|
|
26 |
.inner-container {position: absolute;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
|
27 |
.inner-container img {border-radius: 10px;max-height: 100%;max-width: 100%;height: 0;width: 0;opacity: 0;transition: opacity 0.5s ease, height 0.25s ease, width 0.25s ease;}
|
28 |
#image1:checked ~ .image-container img:nth-child(1),#image2:checked ~ .image-container img:nth-child(2),#image3:checked ~ .image-container img:nth-child(3),#image4:checked ~ .image-container img:nth-child(4),#image5:checked ~ .image-container img:nth-child(5),#image6:checked ~ .image-container img:nth-child(6),#image7:checked ~ .image-container img:nth-child(7),#image8:checked ~ .image-container img:nth-child(8),#image9:checked ~ .image-container img:nth-child(9),#image10:checked ~ .image-container img:nth-child(10),#image11:checked ~ .image-container img:nth-child(11),#image12:checked ~ .image-container img:nth-child(12) {height: auto; width:auto; opacity: 1;}
|
29 |
-
#image1l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
30 |
-
#image2l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
31 |
-
#image3l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
32 |
-
#image4l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
33 |
-
#image5l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
34 |
-
#image6l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
35 |
-
#image7l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
36 |
-
#image8l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
37 |
-
#image9l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
38 |
-
#image10l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
39 |
-
#image11l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
40 |
-
#image12l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/
|
41 |
</style>
|
42 |
<div class="image-viewer">
|
43 |
<input type="radio" id="image1" name="image-switcher" checked>
|
@@ -66,18 +66,18 @@ join us: https://discord.gg/tPBsKDyRR5
|
|
66 |
<label for="image12" id="image12l"></label>
|
67 |
<div class="image-container">
|
68 |
<div class="inner-container">
|
69 |
-
<img src="sample-images/
|
70 |
-
<img src="sample-images/
|
71 |
-
<img src="sample-images/
|
72 |
-
<img src="sample-images/
|
73 |
-
<img src="sample-images/
|
74 |
-
<img src="sample-images/
|
75 |
-
<img src="sample-images/
|
76 |
-
<img src="sample-images/
|
77 |
-
<img src="sample-images/
|
78 |
-
<img src="sample-images/
|
79 |
-
<img src="sample-images/
|
80 |
-
<img src="sample-images/
|
81 |
</div>
|
82 |
</div>
|
83 |
</div>
|
|
|
26 |
.inner-container {position: absolute;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
|
27 |
.inner-container img {border-radius: 10px;max-height: 100%;max-width: 100%;height: 0;width: 0;opacity: 0;transition: opacity 0.5s ease, height 0.25s ease, width 0.25s ease;}
|
28 |
#image1:checked ~ .image-container img:nth-child(1),#image2:checked ~ .image-container img:nth-child(2),#image3:checked ~ .image-container img:nth-child(3),#image4:checked ~ .image-container img:nth-child(4),#image5:checked ~ .image-container img:nth-child(5),#image6:checked ~ .image-container img:nth-child(6),#image7:checked ~ .image-container img:nth-child(7),#image8:checked ~ .image-container img:nth-child(8),#image9:checked ~ .image-container img:nth-child(9),#image10:checked ~ .image-container img:nth-child(10),#image11:checked ~ .image-container img:nth-child(11),#image12:checked ~ .image-container img:nth-child(12) {height: auto; width:auto; opacity: 1;}
|
29 |
+
#image1l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/01_2085.jpg");}
|
30 |
+
#image2l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02_02084.jpg");}
|
31 |
+
#image3l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/03_02086.jpg");}
|
32 |
+
#image4l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/04_02081.jpg");}
|
33 |
+
#image5l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/05_00015-3807569455.jpg");}
|
34 |
+
#image6l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/05_00096-1093286410.jpg");}
|
35 |
+
#image7l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/05_00117-2417076749.jpg");}
|
36 |
+
#image8l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/05_00118-2417076750.jpg");}
|
37 |
+
#image9l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/05_00123-2659559372.jpg");}
|
38 |
+
#image10l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/06_02082.jpg");}
|
39 |
+
#image11l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/06_02088.jpg");}
|
40 |
+
#image12l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/06_02091.jpg");}
|
41 |
</style>
|
42 |
<div class="image-viewer">
|
43 |
<input type="radio" id="image1" name="image-switcher" checked>
|
|
|
66 |
<label for="image12" id="image12l"></label>
|
67 |
<div class="image-container">
|
68 |
<div class="inner-container">
|
69 |
+
<img src="sample-images/01_2085.jpg" alt="image1" />
|
70 |
+
<img src="sample-images/02_02084.jpg" alt="image2" />
|
71 |
+
<img src="sample-images/03_02086.jpg" alt="image3" />
|
72 |
+
<img src="sample-images/04_02081.jpg" alt="image4" />
|
73 |
+
<img src="sample-images/05_00015-3807569455.jpg" alt="image5" />
|
74 |
+
<img src="sample-images/05_00096-1093286410.jpg" alt="image6" />
|
75 |
+
<img src="sample-images/05_00117-2417076749.jpg" alt="image7" />
|
76 |
+
<img src="sample-images/05_00118-2417076750.jpg" alt="image8" />
|
77 |
+
<img src="sample-images/05_00123-2659559372.jpg" alt="image9" />
|
78 |
+
<img src="sample-images/06_02082.jpg" alt="image10" />
|
79 |
+
<img src="sample-images/06_02088.jpg" alt="image11" />
|
80 |
+
<img src="sample-images/06_02091.jpg" alt="image12" />
|
81 |
</div>
|
82 |
</div>
|
83 |
</div>
|