KBlueLeaf commited on
Commit
e5f6606
·
verified ·
1 Parent(s): 447dccd

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +24 -24
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/00015-3807569455.jpg");}
30
- #image2l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/00096-1093286410.jpg");}
31
- #image3l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/00117-2417076749.jpg");}
32
- #image4l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/00118-2417076750.jpg");}
33
- #image5l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/00123-2659559372.jpg");}
34
- #image6l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/01_2085.jpg");}
35
- #image7l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02082.jpg");}
36
- #image8l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02088.jpg");}
37
- #image9l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02091.jpg");}
38
- #image10l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02_02084.jpg");}
39
- #image11l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/03_02086.jpg");}
40
- #image12l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/04_02081.jpg");}
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/00015-3807569455.jpg" alt="image1" />
70
- <img src="sample-images/00096-1093286410.jpg" alt="image2" />
71
- <img src="sample-images/00117-2417076749.jpg" alt="image3" />
72
- <img src="sample-images/00118-2417076750.jpg" alt="image4" />
73
- <img src="sample-images/00123-2659559372.jpg" alt="image5" />
74
- <img src="sample-images/01_2085.jpg" alt="image6" />
75
- <img src="sample-images/02082.jpg" alt="image7" />
76
- <img src="sample-images/02088.jpg" alt="image8" />
77
- <img src="sample-images/02091.jpg" alt="image9" />
78
- <img src="sample-images/02_02084.jpg" alt="image10" />
79
- <img src="sample-images/03_02086.jpg" alt="image11" />
80
- <img src="sample-images/04_02081.jpg" alt="image12" />
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>