Update README.md

README.md

@@ -18,73 +18,31 @@ join us: https://discord.gg/tPBsKDyRR5
 
 
 <style>
-    .image-viewer {
-  position: relative;
-  width: 100%;
-  margin: 0 auto;
-  display: flex;
-  flex-flow: wrap;
-  align-items: center;
-  justify-content: center;
-}
-
-.image-viewer input[type="radio"] {
-  display: none;
-}
-
-.image-viewer label {
-  padding: 18px;
-  background-color: #B398F5;
-  background-size: cover;
-  background-position: center;
-  border: 1px solid #ccc;
-  cursor: pointer;
-  color: black;
-  margin: 9px;
-}
-
-.image-viewer label:hover {
-  background-color: #4C88F5;
-  padding: 21px;
-  margin: 6px;
-}
-
-.image-viewer input[type="radio"]:checked + label {
-  background-color: #6296F5;
-  padding: 27px;
-  margin: 0px;
-}
-
-.image-container {
-  position: relative;
-  width: 100%;
-  height: 50vh;
-}
-
-.image-container img {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  object-fit: contain;
-  opacity: 0;
-  transition: opacity 0.5s ease;
-}
-
-#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) {
-  opacity: 1;
-}
-
-#image1l{background-image: url("sample-images/02062.jpg");}
-#image2l{background-image: url("sample-images/02081.jpg");}
-#image3l{background-image: url("sample-images/02082.jpg");}
-#image4l{background-image: url("sample-images/02083.jpg");}
-#image5l{background-image: url("sample-images/02084.jpg");}
-#image6l{background-image: url("sample-images/02085.jpg");}
-#image7l{background-image: url("sample-images/02086.jpg");}
-#image8l{background-image: url("sample-images/02088.jpg");}
-#image9l{background-image: url("sample-images/02089.jpg");}
+.image-viewer {position: relative;width: 100%;margin: 0 auto;display: flex;flex-flow: wrap;align-items: center;justify-content: center;}
+
+.image-viewer input[type="radio"] {display: none;}
+
+.image-viewer label {padding: 18px;background-color: #B398F5;background-size: cover;background-position: center;border: 1px solid #ccc;cursor: pointer;color: black;margin: 9px;}
+
+.image-viewer label:hover {background-color: #4C88F5;padding: 21px;margin: 6px;}
+
+.image-viewer input[type="radio"]:checked + label {background-color: #6296F5;padding: 27px;margin: 0px;}
+
+.image-container {position: relative;width: 100%;height: 50vh;}
+
+.image-container img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: contain;opacity: 0;transition: opacity 0.5s ease;}
+
+#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) {opacity: 1;}
+
+#image1l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02062.jpg");}
+#image2l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02081.jpg");}
+#image3l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02082.jpg");}
+#image4l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02083.jpg");}
+#image5l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02084.jpg");}
+#image6l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02085.jpg");}
+#image7l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02086.jpg");}
+#image8l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02088.jpg");}
+#image9l{background-image: url("/KBlueLeaf/Kohaku-XL-Zeta/resolve/main/sample-images/02089.jpg");}
 </style>
 <div class="image-viewer">
     <input type="radio" id="image1" name="image-switcher" checked>
@@ -120,7 +78,6 @@ join us: https://discord.gg/tPBsKDyRR5
 
 
 
-
 ## Highlights
 - Resume from Kohaku-XL-Epsilon rev2
 - More stable, long/detailed prompt is not a requirement now.