-
Notifications
You must be signed in to change notification settings - Fork 4
/
comic.html
125 lines (124 loc) · 9.67 KB
/
comic.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Comic Viewer for Blogger</title>
<link href="favicon.ico" rel="shortcut icon">
<style>*{margin:0;padding:0;list-style:none}body,html{background:#fff;color:#000;font:normal normal 15px/1.5 Helmet,FreeSans,sans-serif}a{text-decoration:none}a:focus,a:hover{text-decoration:underline}body{background:0 0}.skin-000000{background:#393a4f}.skin-ffffff{background:#ffa}.skin-000000 a{color:#e4cb90}.skin-ffffff a{color:#ab6160}.post{padding:5%;max-width:1030px;margin:0 auto}.post-title{text-align:center;margin:0 0 2%}select{display:block;position:fixed;top:1em;left:1em}</style>
</head>
<body>
<div class="post">
<h2 class="post-title"><a href="https://www.manga.club/bv/t/ODAHOTOTOGI-EN/v/1/s/1/p/1" rel="nofollow" target="_blank">Oda and Hototogi · MANGA.CLUB</a></h2>
<div class="post-body type:comic">
<p>In every class, it’s not usual for there to be one or two people who seem a little strange. In Oda’s class, there is Hototogi. Hototogi doesn’t say much and is always alone. Almost no one seems to know anything about her, which has lead to many strange rumors about her start circulating. It’s not Oda’s responsibility to befriend her, but before he realizes it, he finds himself intrigued by the mysterious Hototogi!</p>
<ul>
<li><b>Author:</b> Emi Fukasaku</li>
<li><b>Genre:</b> One-Shot</li>
<li><b>Publisher:</b> MAVO</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-aUcpjakCzvI/W41f0xs5ldI/AAAAAAAAJL4/bbJSI_l-zboOGnks4pyi9uWr0kewshdrQCLcBGAs/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://2.bp.blogspot.com/-aUcpjakCzvI/W41f0xs5ldI/AAAAAAAAJL4/bbJSI_l-zboOGnks4pyi9uWr0kewshdrQCLcBGAs/s200/1.png" width="142" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-BkbV4j1fj4E/W41f6aFXUuI/AAAAAAAAJMg/9XHlnNT5Q2snFUCmLMJWXKPlH5Ll-bBgQCLcBGAs/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 2</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-bu8U3TwyZEo/W41f6o8u4RI/AAAAAAAAJMk/RgWnNdJ_zao3K5KTRmuF9XMQ9Iyly38EACLcBGAs/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 3</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Z4xgcI6Tnlg/W41f7PRS31I/AAAAAAAAJMo/9QewXp6-jr8oB0zzoOIf5940g5M6VB_cwCLcBGAs/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 4</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-zzPhqwYveic/W41f7hxwIBI/AAAAAAAAJMs/-DDyK70okLAlxyWdI0364jrptFpsm01uwCLcBGAs/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 5</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-b3mt_RKJ4Fk/W41f72-SRQI/AAAAAAAAJMw/-tte8VBuKywZkUWRWVyH8KMEesH74uhqQCLcBGAs/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 6</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-QclnE6FxzcI/W41f85b1A1I/AAAAAAAAJM4/1fRZKkk33NQrzGIezQomowHw-S0dzHi1gCLcBGAs/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 7</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-vj_HF1NmVs0/W41f8coKWeI/AAAAAAAAJM0/o1DkoPq1Jk0armttumxohBbOtQa_A2LfgCLcBGAs/s1600/7.h.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Test Resize</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-_kIZpGlHeJ8/W41f9YFI4HI/AAAAAAAAJM8/2lP5CPvwdek7opkog7NvrJ7Tb69yYddpACLcBGAs/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 8</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-teSeNkxg_7I/W41f99UWgkI/AAAAAAAAJNA/am_fZjn8MXwAC0Cd1cxcQNqd57fCO3EfgCLcBGAs/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 9</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-NvhnThjkmOA/W41f0-cVyeI/AAAAAAAAJL0/pqDyjGMRYzonHDHcY-uEwwqQ2w8arTuNgCLcBGAs/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 10</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-xXoRk9Hm3DU/W41f08yZpBI/AAAAAAAAJL8/ssXtWKkC4rM4PAS6jbTa9VxAHEd1ZrtXQCLcBGAs/s1600/11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 11</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-Mga9jIeMnHQ/W41f1xQyHCI/AAAAAAAAJMA/1WJZ5qGnPNIwsY_RyyufxqijT9okcEDFgCLcBGAs/s1600/12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 12</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-bmqurgrMQJw/W41f2nm_stI/AAAAAAAAJME/sEftB1YAa_oCksZS6aSMO3oSN2UL5i5iQCLcBGAs/s1600/13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 13</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-1TSKLI3Hac8/W41f3Wn58WI/AAAAAAAAJMM/yb9I-fZKsYQ__SpRikLh4TbY0un3QLYhACLcBGAs/s1600/14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 14</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-uQWfGJDX-Oc/W41f3NHhFhI/AAAAAAAAJMI/wadbkmfFW_0ghRqO13ekDWmtcoclKVnSgCLcBGAs/s1600/15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 15</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-FYXW87JTwEQ/W41f3pSyiEI/AAAAAAAAJMQ/UDt5qavXOHcNMHUoAxWocX_7jY_IAUFPwCLcBGAs/s1600/16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 16</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-4xf77cp-Q9M/W41f4TgVjPI/AAAAAAAAJMU/p6cvKJPU610zAfQ-NzJVjdRt6G1bl1vuQCLcBGAs/s1600/17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 17</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-VOJgfo1723I/W41f4jZAatI/AAAAAAAAJMY/HmcO-osNoDojskO7fyMmlM1-PreINy-ggCLcBGAs/s1600/18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 18</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-HwrUofFeK_I/W41f5Lx9NGI/AAAAAAAAJMc/jtJDbpvgrtsJieF5A2SZWOHTfdcOwoMqACLcBGAs/s1600/19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">Page 19</a></div>
<!--
<p>In every class, it’s not usual for there to be one or two people who seem a little strange. In Oda’s class, there is Hototogi. Hototogi doesn’t say much and is always alone. Almost no one seems to know anything about her, which has lead to many strange rumors about her start circulating. It’s not Oda’s responsibility to befriend her, but before he realizes it, he finds himself intrigued by the mysterious Hototogi!</p>
<ul>
<li><strong>Author:</strong> Emi Fukasaku</li>
<li><strong>Genre:</strong> One-Shot</li>
<li><strong>Publisher:</strong> MAVO</li>
</ul>
<img alt="" src="comic/sample/1.png" title="Page 1">
<a href="comic/sample/2.png" title="Page 2"><img alt="" src="comic/sample/2.png"></a>
<p><a href="comic/sample/3.png">Page 3</a></p>
<p>
<span>
<span>
<span><a href="comic/sample/4.png">Page 4 (All Wrapper Must be Removed)</a></span>
</span>
</span>
</p>
<p><a href="comic/sample/5.png">Page 5</a></p>
<p><a href="comic/sample/6.png">Page 6</a></p>
<p><a href="comic/sample/7.png">Page 7</a></p>
<p><a href="comic/sample/7.h.png">Test Resize</a></p>
<p><a href="comic/sample/8.png">Page 8</a></p>
<p><a href="comic/sample/9.png">Page 9</a></p>
<p><a href="comic/sample/10.png">Page 10</a></p>
<p><a href="comic/sample/11.png">Page 11</a></p>
<p><a href="comic/sample/12.png">Page 12</a></p>
<p><a href="comic/sample/13.png">Page 13</a></p>
<p><a href="comic/sample/14.png">Page 14</a></p>
<p><a href="comic/sample/15.png">Page 15</a></p>
<p><a href="comic/sample/16.png">Page 16</a></p>
<p><a href="comic/sample/17.png">Page 17</a></p>
<p><a href="comic/sample/18.png">Page 18</a></p>
<p><a href="comic/sample/19.png">Page 19</a></p>
-->
</div>
</div>
<p>
<select onchange="change_skin(this.value);">
<option value="000000">Black</option>
<option value="ffffff">White</option>
<option value="">None</option>
</select>
</p>
<script>
function myHookFn() {
console.log([arguments[0], this, arguments]);
}
function change_skin(value) {
var link = document.createElement('link'), s;
link.href = 'comic/' + value + '.css';
link.rel = 'stylesheet';
link.id = 'test-css';
if (s = document.getElementById('test-css')) {
s.parentNode.removeChild(s);
}
document.documentElement.className = "";
if (value) {
document.documentElement.className = 'skin-' + value;
document.head.appendChild(link);
}
} change_skin('000000');
</script>
<script src="comic.js?i=1&save=false&e=myHookFn"></script>
</body>
</html>