dos

Public/static/css/index.css

@@ -76,11 +76,11 @@ video {
 
 
 }
 }
 
 
-.read1 {
+.read {
   opacity: 0.0001;
   opacity: 0.0001;
 }
 }
 
 
-.read1:active {
+.read:active {
   opacity: 0.2;
   opacity: 0.2;
 }
 }
 
 

Public/static/js/common.js

@@ -130,7 +130,7 @@ $(document).ready(function () {
     //     });
     //     });
     // })();
     // })();
     for (let i = 0; i < 21; i++) {
     for (let i = 0; i < 21; i++) {
-        $('.read' + i).show();
+        $('.read' + i).show().addClass('read');
         $('.link' + i).hide();
         $('.link' + i).hide();
     }
     }
     // reading = getCookie('reading');
     // reading = getCookie('reading');
@@ -218,82 +218,82 @@ $(document).ready(function () {
         link: linkAddress.link1,
         link: linkAddress.link1,
         index: 1
         index: 1
     }, jumpTolink);
     }, jumpTolink);
-    // $('.link2').on('click', {
-    //     link: linkAddress.link2,
-    //     index: 2
-    // }, jumpTolink);
-    // $('.link3').on('click', {
-    //     link: linkAddress.link3,
-    //     index: 3
-    // }, jumpTolink);
-    // $('.link4').on('click', {
-    //     link: linkAddress.link4,
-    //     index: 4
-    // }, jumpTolink);
-    // $('.link5').on('click', {
-    //     link: linkAddress.link5,
-    //     index: 5
-    // }, jumpTolink);
-    // $('.link6').on('click', {
-    //     link: linkAddress.link6,
-    //     index: 6
-    // }, jumpTolink);
-    // $('.link7').on('click', {
-    //     link: linkAddress.link7,
-    //     index: 7
-    // }, jumpTolink);
-    // $('.link8').on('click', {
-    //     link: linkAddress.link8,
-    //     index: 8
-    // }, jumpTolink);
-    // $('.link9').on('click', {
-    //     link: linkAddress.link9,
-    //     index: 9
-    // }, jumpTolink);
-    // $('.link10').on('click', {
-    //     link: linkAddress.link10,
-    //     index: 10
-    // }, jumpTolink);
-    // $('.link11').on('click', {
-    //     link: linkAddress.link11,
-    //     index: 11
-    // }, jumpTolink);
-    // $('.link12').on('click', {
-    //     link: linkAddress.link12,
-    //     index: 12
-    // }, jumpTolink);
-    // $('.link13').on('click', {
-    //     link: linkAddress.link13,
-    //     index: 13
-    // }, jumpTolink);
-    // $('.link14').on('click', {
-    //     link: linkAddress.link14,
-    //     index: 14
-    // }, jumpTolink);
-    // $('.link15').on('click', {
-    //     link: linkAddress.link15,
-    //     index: 15
-    // }, jumpTolink);
-    // $('.link16').on('click', {
-    //     link: linkAddress.link16,
-    //     index: 16
-    // }, jumpTolink);
-    // $('.link17').on('click', {
-    //     link: linkAddress.link17,
-    //     index: 17
-    // }, jumpTolink);
-    // $('.link18').on('click', {
-    //     link: linkAddress.link18,
-    //     index: 18
-    // }, jumpTolink);
-    // $('.link19').on('click', {
-    //     link: linkAddress.link19,
-    //     index: 19
-    // }, jumpTolink);
-    // $('.link20').on('click', {
-    //     link: linkAddress.link20,
-    //     index: 20
-    // }, jumpTolink);
+    $('.read2').on('click', {
+        link: linkAddress.link2,
+        index: 2
+    }, jumpTolink);
+    $('.read3').on('click', {
+        link: linkAddress.link3,
+        index: 3
+    }, jumpTolink);
+    $('.read4').on('click', {
+        link: linkAddress.link4,
+        index: 4
+    }, jumpTolink);
+    $('.read5').on('click', {
+        link: linkAddress.link5,
+        index: 5
+    }, jumpTolink);
+    $('.read6').on('click', {
+        link: linkAddress.link6,
+        index: 6
+    }, jumpTolink);
+    $('.read7').on('click', {
+        link: linkAddress.link7,
+        index: 7
+    }, jumpTolink);
+    $('.read8').on('click', {
+        link: linkAddress.link8,
+        index: 8
+    }, jumpTolink);
+    $('.read9').on('click', {
+        link: linkAddress.link9,
+        index: 9
+    }, jumpTolink);
+    $('.read10').on('click', {
+        link: linkAddress.link10,
+        index: 10
+    }, jumpTolink);
+    $('.read11').on('click', {
+        link: linkAddress.link11,
+        index: 11
+    }, jumpTolink);
+    $('.read12').on('click', {
+        link: linkAddress.link12,
+        index: 12
+    }, jumpTolink);
+    $('.read13').on('click', {
+        link: linkAddress.link13,
+        index: 13
+    }, jumpTolink);
+    $('.read14').on('click', {
+        link: linkAddress.link14,
+        index: 14
+    }, jumpTolink);
+    $('.read15').on('click', {
+        link: linkAddress.link15,
+        index: 15
+    }, jumpTolink);
+    $('.read16').on('click', {
+        link: linkAddress.link16,
+        index: 16
+    }, jumpTolink);
+    $('.read17').on('click', {
+        link: linkAddress.link17,
+        index: 17
+    }, jumpTolink);
+    $('.read18').on('click', {
+        link: linkAddress.link18,
+        index: 18
+    }, jumpTolink);
+    $('.read19').on('click', {
+        link: linkAddress.link19,
+        index: 19
+    }, jumpTolink);
+    $('.read20').on('click', {
+        link: linkAddress.link20,
+        index: 20
+    }, jumpTolink);