| ... | ... |
@@ -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 {
|