Showing 3 changed files with 48 additions and 9 deletions
+9 -2
mangaProxy.py
... ...
@@ -67,18 +67,25 @@ def getManganeloTV(url):
67 67
     linkPrev=linePreviousChapter.split("\"")[5]
68 68
   else:
69 69
     linkPrev="https://manganelo.tv"+linePreviousChapter.split("\"")[5]
70
-      
70
+  
71
+  mangaImagesNum = len(listImages)
71 72
   mangaTitle=lineTitle.split("\"")[3].split(" - Manganelo")[0]
72 73
   say("Manga :"+mangaTitle)
73 74
   pageContent = ""
74 75
   pageContent += "<div class=\"mangaChapNavig\">\n"
75 76
   pageContent += "  <div class=\"mangaTitle\">"+mangaTitle+"</div>\n"
76
-  pageContent += "  <div class=\"mangaRead\" onclick=\"onArticle(0)\">&#x1F4D6;</div>\n"
77 77
   if linkPrev is not None:
78 78
     pageContent += "  <div class=\"mangaChapNavigPrev\"><a href=\"?url="+linkPrev+"\"><div class=\"arrow-left\"></div></a></div>\n"
79 79
   if linkNext is not None:
80 80
     pageContent += "  <div class=\"mangaChapNavigNext\"><a href=\"?url="+linkNext+"\"><div class=\"arrow-right\"></div></a></div>\n"
81 81
   pageContent += "  <div class=\"mangaChapNavigHome\"><a href=\".\"><div class=\"arrow-up\"></div><a></div>\n"
82
+  #pageContent += "  <div class=\"mangaRead\" onclick=\"onArticle(0)\">&#x1F4D6;</div>\n"
83
+  #pageContent += "  <div class=\"mangaChapNavigHome\"><div class=\"arrow-down\" onclick=\"onArticle(0)\"></div><a></div>\n"
84
+  pageContent += "  <span id=\"mangaCurrPage\"></span><span id=\"mangaNumPages\"> / "+str(mangaImagesNum)+"</span>\n"
85
+  opacityValue=3;
86
+  if 7 <= datetime.datetime.now().hour and 20 >= datetime.datetime.now().hour:
87
+    opacityValue=10;
88
+  pageContent += "  <span id=\"mangaOpacityMinus\" onclick=\"onOpacityMinus()\">-</span><span id=\"mangaOpacityValue\">"+str(opacityValue)+"</span><span id=\"mangaOpacityPlus\" onclick=\"onOpacityPlus()\">+</span>\n"
82 89
   pageContent += "</div>\n"
83 90
   
84 91
   pageContent += "<a name=\"article-top\"></a><div id=\"article-current\"></div>\n"
+21 -1
pageEnd.skel
... ...
@@ -9,6 +9,24 @@
9 9
     setTimeout(onArticle(0), 500);
10 10
   }
11 11
   window.onload = init;
12
+  function changeOpacity() {
13
+    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
14
+    document.getElementById("article-current").style.opacity = curOpacity/10;
15
+  }
16
+  function onOpacityPlus() {
17
+    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
18
+    curOpacity += 1;
19
+    if( 10 <= curOpacity ) curOpacity = 10;
20
+    document.getElementById("mangaOpacityValue").innerHTML = curOpacity;
21
+    changeOpacity();
22
+  }
23
+  function onOpacityMinus() {
24
+    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
25
+    curOpacity -= 1;
26
+    if( 1 > curOpacity ) curOpacity = 1;
27
+    document.getElementById("mangaOpacityValue").innerHTML = curOpacity;
28
+    changeOpacity();
29
+  }
12 30
   function onArticle(index) {
13 31
     if(index < 0) index = 0;
14 32
     var string_index = "article-"+index;
... ...
@@ -17,9 +35,11 @@
17 35
     var x = document.getElementById("item-active");
18 36
     x.className = string_index;
19 37
     document.getElementById("article-current").innerHTML =
20
- 	 document.getElementById(string_index).innerHTML;
38
+ 	  document.getElementById(string_index).innerHTML;
21 39
     location.href = "#article-top";
22 40
     //console.log(document.getElementById(string_index).innerHTML);
41
+    document.getElementById("mangaCurrPage").innerHTML = index+1;
42
+    changeOpacity();
23 43
   }
24 44
 </script>
25 45
 </body>
+18 -6
pages/static/style.css
... ...
@@ -2,7 +2,7 @@ html {
2 2
     font-family: "Lucida Sans", sans-serif;
3 3
 }
4 4
 body,h1,h2{
5
-  background-color:#333;
5
+  background-color:#111;
6 6
   font-family:arial,verdana,sans-serif
7 7
 }
8 8
 
... ...
@@ -10,12 +10,20 @@ h1{font-size: 2.5em; color:#aaa}
10 10
 h2{text-indent:30px;color:#888}
11 11
 
12 12
 a{text-decoration:none}
13
+#a:link,a:visited{color:#cc9630}
14
+#a:hover{color:#fff;background-color:#cc9630}
13 15
 a:link,a:visited{color:#cc9630}
14
-a:hover{color:#fff;background-color:#cc9630}
16
+a:hover{color:#fff;background-color:#3090cc}
15 17
 
16 18
 #lbl {
17 19
   color:#888;
18 20
 }
21
+#mangaCurrPage { margin-left: 20px; display: inline; color:#888; }
22
+#mangaNumPages { display: inline; color:#888; }
23
+#mangaOpacityMinus { margin-left: 20px; display: inline; color:#888; font-size: 2em; }
24
+#mangaOpacityPlus { display: inline; color:#888; font-size: 2em; }
25
+#mangaOpacityValue { display: inline; color:#888; }
26
+
19 27
 
20 28
 #article-current {
21 29
   text-align: justify;
... ...
@@ -68,7 +76,7 @@ a:hover{color:#fff;background-color:#cc9630}
68 76
 
69 77
 #colLeft {
70 78
   width: 2%;
71
-  background-color:#333;
79
+  background-color:#111;
72 80
   color:#cc9630;
73 81
   height: 80vh;
74 82
   z-index: -1;
... ...
@@ -76,7 +84,7 @@ a:hover{color:#fff;background-color:#cc9630}
76 84
 #colRight {
77 85
   float: right;
78 86
   width: 2%;
79
-  background-color:#333;
87
+  background-color:#111;
80 88
   color:#cc9630;
81 89
   height: 80vh;
82 90
   z-index: -1;
... ...
@@ -86,6 +94,10 @@ a:hover{color:#fff;background-color:#cc9630}
86 94
   max-height: 85vh;
87 95
   display: inline;
88 96
 }
97
+#colMiddle img {
98
+/*  opacity: 0.2; */
99
+}
100
+
89 101
 .center {
90 102
   display: block;
91 103
   width: 99%;
... ...
@@ -116,13 +128,13 @@ a:hover{color:#fff;background-color:#cc9630}
116 128
 .arrow-up {
117 129
   border-left: 12px solid transparent;
118 130
   border-right: 12px solid transparent;
119
-  border-bottom: 12px solid #cc9630;
131
+  border-bottom: 24px solid #cc9630;
120 132
 }
121 133
 
122 134
 .arrow-down {
123 135
   border-left: 12px solid transparent;
124 136
   border-right: 12px solid transparent;
125
-  border-top: 12px solid #cc9630;
137
+  border-top: 24px solid #cc9630;
126 138
 }
127 139
 
128 140
 .arrow-right {