Update index.html

cracksauce · Jan 4, 2024 · ab3e5ba · ab3e5ba
1 parent f80762e
commit ab3e5ba
Showing 1 changed file with 30 additions and 13 deletions.
diff --git a/images/slider/index.html b/images/slider/index.html
@@ -38,57 +38,74 @@
   transition: opacity 0.4s ease-in-out;
 }
 
+.slide.current {
+  opacity: 1;
+}
 
+.slide:first-child {
+  background: url("https://cracksauce.github.io/notion/images/slider/1.png") no-repeat center top/cover;
+}
+
+.slide:nth-child(2) {
+  background: url("https://cracksauce.github.io/notion/images/slider/2.png") no-repeat center top/cover;
+}
+
+.slide:nth-child(3) {
+  background: url("https://cracksauce.github.io/notion/images/slider/3.png") no-repeat center top/cover;
+}
+
+.slide:nth-child(4) {
+  background: url("https://cracksauce.github.io/notion/images/slider/4.png") no-repeat center top/cover;
+}
 
 .slide:nth-child(5) {
-  background: url("5.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/5.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(6) {
-  background: url("6.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/6.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(7) {
-  background: url("7.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/7.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(8) {
-  background: url("8.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/8.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(9) {
-  background: url("9.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/9.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(10) {
-  background: url("10.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/10.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(11) {
-  background: url("11.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/11.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(12) {
-  background: url("12.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/12.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(13) {
-  background: url("13.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/13.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(14) {
-  background: url("14.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/14.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(15) {
-  background: url("15.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/15.png") no-repeat center top/cover;
 }
 
 .slide:nth-child(16) {
-  background: url("16.png") no-repeat center top/cover;
+  background: url("https://cracksauce.github.io/notion/images/slider/16.png") no-repeat center top/cover;
 }
 
-
 .buttons button#prev {
   position: absolute;
   top: 50%;