GitPrep
Login
Showing 6 changed files with 310 additions and 0 deletions
+16
pageBegin.skel
View
... ... 
@@ -0,0 +1,16 @@
1 
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 
+<html>
3 
+<head>
4 
+<title>CSTAPPNAME</title>
5 
+<script>
6 
+
7 
+</script>
8 
+<link rel="shortcut icon" type="image/ico" href="favicon.png" />
9 
+<link rel="icon" type="image/png" href="favicon.png" sizes="16x16">
10 
+<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
11 
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
12 
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
13 
+<link rel="stylesheet" type="text/css" href="style.css" />
14 
+</head>
15 
+<body>
16 
+<span id="item-active" class="-1"></span>
+56
pageEnd.skel
View
... ... 
@@ -0,0 +1,56 @@
1 
+<script>
2 
+  function init() {
3 
+	var imgDefer = document.getElementsByTagName("img");
4 
+	for (var i=0; i<imgDefer.length; i++) {
5 
+	  if(imgDefer[i].getAttribute("data-src")) {
6 
+		console.log("defer init: "+i);
7 
+		imgDefer[i].setAttribute("src",imgDefer[i].getAttribute("data-src"));
8 
+	  } } }
9 
+  window.onload = init;
10 
+  function changeOpacity() {
11 
+    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
12 
+    document.getElementById("article-current").style.opacity = curOpacity/10;
13 
+  }
14 
+  function onOpacityPlus() {
15 
+    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
16 
+    curOpacity += 1;
17 
+    if( 10 <= curOpacity ) curOpacity = 10;
18 
+    document.getElementById("mangaOpacityValue").innerHTML = curOpacity;
19 
+    changeOpacity();
20 
+  }
21 
+  function onOpacityMinus() {
22 
+    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
23 
+    curOpacity -= 1;
24 
+    if( 1 > curOpacity ) curOpacity = 1;
25 
+    document.getElementById("mangaOpacityValue").innerHTML = curOpacity;
26 
+    changeOpacity();
27 
+  }
28 
+  function openFullscreen() {
29 
+    //var elem = document.getElementById("article-current");
30 
+    var elem = document.documentElement;
31 
+    var status = parseInt(document.getElementById("mangaFSStatus").innerHTML);
32 
+    if( 0 == status ) {
33 
+      document.getElementById("mangaFSStatus").innerHTML = 1;
34 
+      if (elem.requestFullscreen) {
35 
+        elem.requestFullscreen();
36 
+      } else if (elem.webkitRequestFullscreen) { /* Safari */
37 
+        elem.webkitRequestFullscreen();
38 
+      } else if (elem.msRequestFullscreen) { /* IE11 */
39 
+        elem.msRequestFullscreen();
40 
+      }
41 
+      document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-off\"></div>";
42 
+    } else {
43 
+      document.getElementById("mangaFSStatus").innerHTML = 0;
44 
+      if (document.exitFullscreen) {
45 
+        document.exitFullscreen();
46 
+      } else if (document.webkitExitFullscreen) { /* Safari */
47 
+        document.webkitExitFullscreen();
48 
+      } else if (document.msExitFullscreen) { /* IE11 */
49 
+        document.msExitFullscreen();
50 
+      }
51 
+      document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-on\"></div>";
52 
+    }
53 
+  }
54 
+</script>
55 
+</body>
56 
+</html>
BIN
pages/static/defer.png
View
BIN
pages/static/favicon.ico
View
Binary file not shown.
BIN
pages/static/favicon.png
View
+238
pages/static/style.css
View
... ... 
@@ -0,0 +1,238 @@
1 
+html {
2 
+    font-family: "Lucida Sans", sans-serif;
3 
+}
4 
+body,h1,h2{
5 
+  background-color:#111;
6 
+  font-family:arial,verdana,sans-serif
7 
+}
8 
+
9 
+h1{font-size: 2.5em; color:#cc9630}
10 
+h2{text-indent:4px;color:#c64}
11 
+h3{text-indent:4px;color:#c98}
12 
+
13 
+a{text-decoration:none}
14 
+#a:link,a:visited{color:#cc9630}
15 
+#a:hover{color:#fff;background-color:#cc9630}
16 
+#a:link,a:visited{color:#cc9630}
17 
+#a:hover{color:#fff;background-color:#3090cc}
18 
+a:link,a:visited{color:#cc9630}
19 
+a:hover{}
20 
+li {
21 
+  color: #3090cc;
22 
+}
23 
+#lbl {
24 
+  color:#888;
25 
+}
26 
+#mangaCurrPage { margin-left: 20px; display: inline; color:#888; }
27 
+#mangaNumPages { display: inline; color:#888; }
28 
+#mangaOpacityMinus { margin-left: 20px; display: inline; color:#cc9630; font-size: 2em; cursor: pointer; }
29 
+#mangaOpacityPlus { display: inline; color:#3090cc; color:#cc9630; font-size: 2em; cursor: pointer; }
30 
+#mangaOpacityValue { display: inline; color:#888; }
31 
+
32 
+
33 
+#article-current {
34 
+  text-align: justify;
35 
+  text-justify: inter-word;
36 
+  max-width: 600px;
37 
+  color: #aaa;
38 
+}
39 
+
40 
+.mangaChapNavig {
41 
+  display: inline;
42 
+}
43 
+.mangaRead,
44 
+.mangaChapNavigPrev,
45 
+.mangaChapNavigNext,
46 
+.mangaChapNavigHome,
47 
+.mangaTitle {
48 
+  font-size: 1.2em;
49 
+  color:#cc9630;
50 
+  display: inline;
51 
+  margin-right: 20px;
52 
+}
53 
+.mangaTitle {
54 
+  display: block;
55 
+}
56 
+
57 
+/* Default Section Display */
58 
+
59 
+.empty-list li {
60 
+  list-style-type: none;
61 
+  display: inline;
62 
+}
63 
+.empty-list img {
64 
+  margin-top: 10px;
65 
+  border: 1px solid #666;
66 
+  width: 95%;
67 
+  max-height: 90vh;
68 
+  object-fit: contain;
69 
+  display: inline;
70 
+}
71 
+
72 
+img {
73 
+  max-width: 90%;
74 
+  max-height: 306px;
75 
+  margin-left: auto;
76 
+  margin-right: auto;
77 
+  display: block;
78 
+}
79 
+.nav-link {
80 
+  display: inline;
81 
+}
82 
+.row {
83 
+  margin-left: auto;
84 
+  margin-right: auto;
85 
+  width: 50%
86 
+
87 
+}
88 
+
89 
+.column {
90 
+  float: left;
91 
+  color:#cc9630;
92 
+}
93 
+
94 
+input, textarea {
95 
+  width:100%;
96 
+  display:block
97 
+}
98 
+
99 
+.button {
100 
+  background-color: #cc9630; /* Green */
101 
+  border: none;
102 
+  color: white;
103 
+  padding: 5px 10px;
104 
+  text-align: center;
105 
+  text-decoration: none;
106 
+  display: inline;
107 
+  font-size: 16px;
108 
+  margin-top: 5px;
109 
+  margin-left: auto;
110 
+  margin-right: auto;
111 
+  max-width: 101%;
112 
+  min-width: 101%;
113 
+}
114 
+
115 
+.input-container {
116 
+  width: 350px;
117 
+  max-width: 95%;
118 
+  margin: auto;
119 
+}
120 
+
121 
+#colLeft {
122 
+  width: 2%;
123 
+  background-color:#111;
124 
+  color:#cc9630;
125 
+  height: 80vh;
126 
+  z-index: -1;
127 
+}
128 
+#colRight {
129 
+  float: right;
130 
+  width: 2%;
131 
+  background-color:#111;
132 
+  color:#cc9630;
133 
+  height: 80vh;
134 
+  z-index: -1;
135 
+}
136 
+#colMiddle {
137 
+  max-width: 96%;
138 
+  max-height: 85vh;
139 
+  display: inline;
140 
+}
141 
+
142 
+.center {
143 
+  display: block;
144 
+  width: 99%;
145 
+  margin-left: auto;
146 
+  margin-right: auto;
147 
+}
148 
+
149 
+/* Clear floats after the columns */
150 
+.row:after {
151 
+  content: "";
152 
+  display: table;
153 
+  clear: both;
154 
+}
155 
+
156 
+.mangaKey {
157 
+  background-color: transparent;
158 
+}
159 
+
160 
+.arrow-up,
161 
+.arrow-down,
162 
+.arrow-left,
163 
+.arrow-right,
164 
+.fs-on,
165 
+.fs-off {
166 
+  width: 0;
167 
+  height: 0;
168 
+  display: inline-block;
169 
+}
170 
+
171 
+.arrow-up {
172 
+  border-left: 12px solid transparent;
173 
+  border-right: 12px solid transparent;
174 
+  border-bottom: 24px solid #cc9630;
175 
+}
176 
+
177 
+.arrow-down {
178 
+  border-left: 12px solid transparent;
179 
+  border-right: 12px solid transparent;
180 
+  border-top: 24px solid #cc9630;
181 
+}
182 
+
183 
+.arrow-right {
184 
+  border-top: 12px solid transparent;
185 
+  border-bottom: 12px solid transparent;
186 
+  border-left: 12px solid #cc9630;
187 
+}
188 
+
189 
+.arrow-left {
190 
+  border-top: 12px solid transparent;
191 
+  border-bottom: 12px solid transparent;
192 
+  border-right:12px solid #cc9630;
193 
+}
194 
+.fs-on {
195 
+  border-top: 16px solid #cc9630;
196 
+  border-left: 16px solid transparent;
197 
+}
198 
+.fs-off {
199 
+  border-top: 8px solid transparent;
200 
+  border-bottom: 8px solid transparent;
201 
+  border-left: 8px solid #cc9630;
202 
+  border-right: 8px solid #cc9630;
203 
+}
204 
+
205 
+.row2 {
206 
+  display:none;
207 
+}
208 
+#pageMinus {
209 
+  margin-left: 1%;
210 
+  width:48%;
211 
+  background-color:#222;
212 
+}
213 
+#pagePlus {
214 
+  text-align: right;
215 
+  margin-right: 1%;
216 
+  width:48%;
217 
+  background-color:#222;
218 
+}
219 
+.row2:after {
220 
+  content: "";
221 
+  display: table;
222 
+  clear: both;
223 
+}
224 
+
225 
+#dmPlayer {
226 
+  max-width: 90%;
227 
+  max-height: 306px;
228 
+  margin: auto;
229 
+}
230 
+
231 
+
232 
+
233 
+@media screen and (max-width: 768px) {
234 
+  /*#colLeft { display: none; }
235 
+  #colRight { display: none; }*/
236 
+  .row2 { display: block; }
237 
+}
238 
+
Gitprep Version v2.6.2 build on Mojolicious