... | ... |
@@ -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)\">📖</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)\">📖</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" |
... | ... |
@@ -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> |
... | ... |
@@ -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 { |