eng0.2.0
This commit is contained in:
Hell13Cat
@@ -3,8 +3,18 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>Страница главы</title>
|
<title>Страница главы</title>
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
<link rel="stylesheet" href="css/manga.css">
|
<link rel="stylesheet" href="css/ch.css">
|
||||||
<script type="text/javascript" src="js/manga.js"></script>
|
<link rel="stylesheet" href="css/color-dark.css">
|
||||||
|
<script type="text/javascript" src="js/ch.js"></script>
|
||||||
|
<script type="text/javascript" src="js/theming.js"></script>
|
||||||
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||||
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WBB07CK3DY"></script>
|
||||||
|
<script>
|
||||||
|
window.dataLayer = window.dataLayer || [];
|
||||||
|
function gtag(){dataLayer.push(arguments);}
|
||||||
|
gtag('js', new Date());
|
||||||
|
gtag('config', 'G-WBB07CK3DY');
|
||||||
|
</script>
|
||||||
<meta name="viewport" content="width=device-width">
|
<meta name="viewport" content="width=device-width">
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
<meta property="og:title" content="Глава">
|
<meta property="og:title" content="Глава">
|
||||||
@@ -12,6 +22,9 @@
|
|||||||
<meta property="og:description" content="Страница главы">
|
<meta property="og:description" content="Страница главы">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<script type="text/javascript">
|
||||||
|
startstylepage();
|
||||||
|
</script>
|
||||||
<div class="body-trans">
|
<div class="body-trans">
|
||||||
<div id="maindiv">
|
<div id="maindiv">
|
||||||
<progress class="progress-page" id="progresspage"></progress><br><h id="titlesys"></h>
|
<progress class="progress-page" id="progresspage"></progress><br><h id="titlesys"></h>
|
||||||
@@ -31,12 +44,13 @@
|
|||||||
<button class="card-button-ch nav-button-fullscreen" onclick="toggleFullScreen()">Экран</button><button class="card-button-ch nav-button-home" onclick="manga_page()">Главы</button>
|
<button class="card-button-ch nav-button-fullscreen" onclick="toggleFullScreen()">Экран</button><button class="card-button-ch nav-button-home" onclick="manga_page()">Главы</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="copyright" class="copyright">
|
<div id="copyright" class="copyright">
|
||||||
<a class="aace" href="mailto:dcma@nyaa.ninja?subject=Manga-DCMA" target="_blank">/DCMA</a> | <a class="aace" href=".">/Главная</a> | <a class="aace" href="https://t.me/Manga_nyaa_ninja" target="_blank">/Telegram</a>
|
<a class="aace" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace" href=".">/Главная</a> | <a class="aace" href="https://t.me/Manga_nyaa_ninja" target="_blank">/Telegram</a><br>
|
||||||
|
<a class="aace" onclick="swap_theme(1)">Тьма</a> <span class="aace">или</span> <a class="aace" onclick="swap_theme(2)">Свет</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p id="infostart" class="invis2"></p><p id="infoend" class="invis2"></p><p id="infohead" class="invis2"></p>
|
<p id="infotitle" class="invis2"></p><p id="infostart" class="invis2"></p><p id="infoend" class="invis2"></p><p id="infohead" class="invis2"></p>
|
||||||
</div>
|
</div>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
load_page_first();
|
load_page_first();
|
||||||
|
|||||||
+60
@@ -0,0 +1,60 @@
|
|||||||
|
.invis {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.invis2 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.progress-page {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-button-ch {
|
||||||
|
font-family: "Comic Sans MS";
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.card-button-ch:hover {
|
||||||
|
opacity:0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width : 801px) {
|
||||||
|
.nav-button {
|
||||||
|
width: 35%;
|
||||||
|
height: 15%;
|
||||||
|
}
|
||||||
|
.nav-button-home {
|
||||||
|
width: 20%;
|
||||||
|
height: 15%;
|
||||||
|
}
|
||||||
|
.nav-button-fullscreen {
|
||||||
|
width: 10%;
|
||||||
|
height: 15%;
|
||||||
|
}
|
||||||
|
.card-button-ch {
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width : 800px) {
|
||||||
|
.nav-button {
|
||||||
|
width: 50%;
|
||||||
|
height: 30%;
|
||||||
|
}
|
||||||
|
.nav-button-home {
|
||||||
|
width: 50%;
|
||||||
|
height: 30%;
|
||||||
|
}
|
||||||
|
.nav-button-fullscreen {
|
||||||
|
width: 50%;
|
||||||
|
height: 30%;
|
||||||
|
}
|
||||||
|
.card-button-ch {
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
.progress-page {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.cover {
|
|
||||||
width: 25%;
|
|
||||||
}
|
|
||||||
.invis {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.card {
|
|
||||||
transition: 0.3s;
|
|
||||||
padding-left: 2px;
|
|
||||||
padding-top: 2px rgb(255, 255, 255, 1);
|
|
||||||
padding-bottom: 2px;
|
|
||||||
padding-right: 2px;
|
|
||||||
border: 2px solid white;
|
|
||||||
font-family: "Anime Ace v05";
|
|
||||||
font-size: 70%;
|
|
||||||
}
|
|
||||||
.cardch {
|
|
||||||
transition: 0.3s;
|
|
||||||
padding-left: 2px;
|
|
||||||
padding-top: 2px rgb(255, 255, 255, 1);
|
|
||||||
padding-bottom: 2px;
|
|
||||||
padding-right: 2px;
|
|
||||||
border: 2px solid white;
|
|
||||||
font-family: "Anime Ace v05";
|
|
||||||
font-size: 70%;
|
|
||||||
}
|
|
||||||
@@ -0,0 +1,86 @@
|
|||||||
|
#hrinvis {
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
padding-top: 2px rgb(255, 255, 255, 1);
|
||||||
|
border: 2px solid white;
|
||||||
|
}
|
||||||
|
.cardch {
|
||||||
|
padding-top: 2px rgb(255, 255, 255, 1);
|
||||||
|
border: 2px solid white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carda {
|
||||||
|
padding-top: 2px rgb(255, 255, 255, 1);
|
||||||
|
border: 1px solid white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-button-ch {
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
border: 1px solid rgb(255, 255, 255);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: white;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.body-trans {
|
||||||
|
background: rgb(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
summary {
|
||||||
|
color: deeppink;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hr-v {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hr-i {
|
||||||
|
color: rgb(255, 255, 255, 0);
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: deeppink;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:active {
|
||||||
|
color: pink;
|
||||||
|
}
|
||||||
|
|
||||||
|
#card {
|
||||||
|
box-shadow: 4px 4px 4px 0 rgb(255, 255, 255, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
#card2 {
|
||||||
|
border: 1px solid #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-button {
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
border: 1px solid rgb(255, 255, 255);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#maindiv {
|
||||||
|
background-color: rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-bottom: 0px solid rgba(0, 0, 0, 0);
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
color: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
@@ -0,0 +1,82 @@
|
|||||||
|
.card {
|
||||||
|
padding-top: 2px rgb(0, 0, 0, 1);
|
||||||
|
border: 2px solid black;
|
||||||
|
}
|
||||||
|
.cardch {
|
||||||
|
padding-top: 2px rgb(0, 0, 0, 1);
|
||||||
|
border: 2px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carda {
|
||||||
|
padding-top: 2px rgb(0, 0, 0, 1);
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-button-ch {
|
||||||
|
background-color: rgba(255, 255, 255, 0.5);
|
||||||
|
border: 1px solid rgb(0, 0, 0);
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: black;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.body-trans {
|
||||||
|
background: rgb(255, 255, 255, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
summary {
|
||||||
|
color: darkred;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hr-v {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hr-i {
|
||||||
|
color: rgb(0, 0, 0, 0);
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: darkred;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:active {
|
||||||
|
color: darkblue;
|
||||||
|
}
|
||||||
|
|
||||||
|
#card {
|
||||||
|
box-shadow: 4px 4px 4px 0 rgb(0, 0, 0, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
#card2 {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-button {
|
||||||
|
background-color: rgba(255, 255, 255, 0.5);
|
||||||
|
border: 1px solid rgb(0, 0, 0);
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#maindiv {
|
||||||
|
background-color: rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-bottom: 0px solid rgba(255, 255, 255, 0);
|
||||||
|
background: rgba(255, 255, 255, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background: rgba(255, 255, 255, 0);
|
||||||
|
color: rgba(255, 255, 255, 0);
|
||||||
|
}
|
||||||
+3
-12
@@ -11,30 +11,21 @@
|
|||||||
.card {
|
.card {
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
padding-top: 2px rgb(255, 255, 255, 1);
|
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
border: 2px solid white;
|
font-family: "Comic Sans MS";
|
||||||
font-family: "Anime Ace v05";
|
|
||||||
font-size: 70%;
|
|
||||||
}
|
}
|
||||||
.carda {
|
.carda {
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
padding-top: 2px rgb(255, 255, 255, 1);
|
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
border: 1px solid white;
|
font-family: "Comic Sans MS";
|
||||||
font-family: "Anime Ace v05";
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
}
|
||||||
.cardch {
|
.cardch {
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
padding-top: 2px rgb(255, 255, 255, 1);
|
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
border: 2px solid white;
|
font-family: "Comic Sans MS";
|
||||||
font-family: "Anime Ace v05";
|
|
||||||
font-size: 70%;
|
|
||||||
}
|
}
|
||||||
+16
-57
@@ -1,64 +1,23 @@
|
|||||||
.invis {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
.invis2 {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.progress-page {
|
.progress-page {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
.cover {
|
||||||
.card-button-ch {
|
width: 25%;
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
|
||||||
border: 1px solid rgb(255, 255, 255);
|
|
||||||
color: #ffffff;
|
|
||||||
font-family: "Anime Ace v05";
|
|
||||||
font-size: 70%;
|
|
||||||
cursor: pointer;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
}
|
||||||
.card-button-ch:hover {
|
.invis {
|
||||||
opacity:0.8;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.card {
|
||||||
@media only screen and (min-width : 801px) {
|
transition: 0.3s;
|
||||||
.nav-button {
|
padding-left: 2px;
|
||||||
width: 35%;
|
padding-bottom: 2px;
|
||||||
height: 15%;
|
padding-right: 2px;
|
||||||
}
|
font-family: "Comic Sans MS";
|
||||||
.nav-button-home {
|
|
||||||
width: 20%;
|
|
||||||
height: 15%;
|
|
||||||
}
|
|
||||||
.nav-button-fullscreen {
|
|
||||||
width: 10%;
|
|
||||||
height: 15%;
|
|
||||||
}
|
|
||||||
.card-button-ch {
|
|
||||||
padding-left: 0px;
|
|
||||||
padding-right: 0px;
|
|
||||||
padding-top: 15px;
|
|
||||||
padding-bottom: 15px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.cardch {
|
||||||
@media only screen and (max-width : 800px) {
|
transition: 0.3s;
|
||||||
.nav-button {
|
padding-left: 2px;
|
||||||
width: 50%;
|
padding-bottom: 2px;
|
||||||
height: 30%;
|
padding-right: 2px;
|
||||||
}
|
font-family: "Comic Sans MS";
|
||||||
.nav-button-home {
|
|
||||||
width: 50%;
|
|
||||||
height: 30%;
|
|
||||||
}
|
|
||||||
.nav-button-fullscreen {
|
|
||||||
width: 50%;
|
|
||||||
height: 30%;
|
|
||||||
}
|
|
||||||
.card-button-ch {
|
|
||||||
padding-left: 0px;
|
|
||||||
padding-right: 0px;
|
|
||||||
padding-top: 20px;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
+10
-50
@@ -1,18 +1,14 @@
|
|||||||
@font-face {
|
|
||||||
font-family: "Anime Ace v05";
|
|
||||||
src: local("Anime Ace v05"), url("/fonts/AnimeAce.ttf") format("ttf");
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
background: #000000;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#hrinvis {
|
||||||
|
size: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
.body-index {
|
.body-index {
|
||||||
/* NULL */
|
/* NULL */
|
||||||
@@ -26,20 +22,7 @@ body {
|
|||||||
/* NULL */
|
/* NULL */
|
||||||
}
|
}
|
||||||
|
|
||||||
.body-trans {
|
|
||||||
background: rgb(0, 0, 0, 0.6);
|
|
||||||
}
|
|
||||||
|
|
||||||
summary {
|
|
||||||
color: deeppink;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hr-v {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hr-i {
|
.hr-i {
|
||||||
color: rgb(255, 255, 255, 0);
|
|
||||||
height: 1px;
|
height: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -51,16 +34,6 @@ ul {
|
|||||||
list-style-position: inside;
|
list-style-position: inside;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
|
||||||
color: deeppink;
|
|
||||||
}
|
|
||||||
a:visited {
|
|
||||||
color: purple;
|
|
||||||
}
|
|
||||||
a:active {
|
|
||||||
color: pink;
|
|
||||||
}
|
|
||||||
|
|
||||||
#lista {
|
#lista {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
@@ -72,7 +45,7 @@ a:active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.titlediv {
|
.titlediv {
|
||||||
font-family: "Anime Ace v05";
|
font-family: "Comic Sans MS";
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentdiv {
|
.contentdiv {
|
||||||
@@ -80,36 +53,26 @@ a:active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#card {
|
#card {
|
||||||
box-shadow: 4px 4px 4px 0 rgb(255, 255, 255, 1);
|
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
}
|
}
|
||||||
#card2 {
|
|
||||||
border: 1px solid #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-title {
|
.card-title {
|
||||||
padding: 1px 0px 1px 10px;
|
padding: 1px 0px 1px 10px;
|
||||||
font-family: "Anime Ace v05";
|
font-family: "Comic Sans MS";
|
||||||
font-size: 90%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-text {
|
.card-text {
|
||||||
padding: 1px 0px 1px 5px;
|
padding: 1px 0px 1px 5px;
|
||||||
font-family: "Anime Ace v05";
|
font-family: "Comic Sans MS";
|
||||||
font-size: 70%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-button {
|
.card-button {
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
|
||||||
border: 1px solid rgb(255, 255, 255);
|
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
color: #ffffff;
|
font-family: "Comic Sans MS";
|
||||||
font-family: "Anime Ace v05";
|
|
||||||
font-size: 70%;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
@@ -128,25 +91,22 @@ a:active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.aace {
|
.aace {
|
||||||
font-family: "Anime Ace v05";
|
font-family: "Comic Sans MS";
|
||||||
}
|
}
|
||||||
|
|
||||||
#maindiv {
|
#maindiv {
|
||||||
background-color: rgba(0, 0, 0, 0.8);
|
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border-bottom: 0px solid rgba(0, 0, 0, 0);
|
|
||||||
background: rgba(0, 0, 0, 0);
|
|
||||||
margin: 0 auto 0 auto;
|
margin: 0 auto 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
background: rgba(0, 0, 0, 0);
|
|
||||||
color: rgba(0, 0, 0, 0);
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
td, th {
|
td, th {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
|
|||||||
+14
-1
@@ -5,6 +5,15 @@
|
|||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
<link rel="stylesheet" href="css/index.css">
|
<link rel="stylesheet" href="css/index.css">
|
||||||
<script type="text/javascript" src="js/index.js"></script>
|
<script type="text/javascript" src="js/index.js"></script>
|
||||||
|
<script type="text/javascript" src="js/theming.js"></script>
|
||||||
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||||
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WBB07CK3DY"></script>
|
||||||
|
<script>
|
||||||
|
window.dataLayer = window.dataLayer || [];
|
||||||
|
function gtag(){dataLayer.push(arguments);}
|
||||||
|
gtag('js', new Date());
|
||||||
|
gtag('config', 'G-WBB07CK3DY');
|
||||||
|
</script>
|
||||||
<meta name="viewport" content="width=device-width">
|
<meta name="viewport" content="width=device-width">
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
<meta property="og:title" content="Главная">
|
<meta property="og:title" content="Главная">
|
||||||
@@ -16,6 +25,9 @@
|
|||||||
-->
|
-->
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<script type="text/javascript">
|
||||||
|
startstylepage();
|
||||||
|
</script>
|
||||||
<div class="body-trans">
|
<div class="body-trans">
|
||||||
<div id="maindiv">
|
<div id="maindiv">
|
||||||
<progress class="progress-page" id="progresspage"></progress><br><h id="titlesys"></h>
|
<progress class="progress-page" id="progresspage"></progress><br><h id="titlesys"></h>
|
||||||
@@ -27,7 +39,8 @@
|
|||||||
<p id="helper1" class="invis"></p>
|
<p id="helper1" class="invis"></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="copyright">
|
<div class="copyright">
|
||||||
<a class="aace" href="mailto:dcma@nyaa.ninja?subject=Manga-DCMA" target="_blank">/DCMA</a> | <a class="aace" href="https://t.me/Manga_nyaa_ninja" target="_blank">/Telegram</a>
|
<a class="aace" href="mailto:dcma@nyaa.ninja?subject=Manga-DCMA" target="_blank">/DCMA</a> | <a class="aace" href="https://t.me/Manga_nyaa_ninja" target="_blank">/Telegram</a> | <a class="aace" href="https://github.com/Hell13Cat/static-manga-engine" target="_blank">/GitHub</a><br>
|
||||||
|
<a class="aace" onclick="swap_theme(1)">Тьма</a> <span class="aace">или</span> <a class="aace" onclick="swap_theme(2)">Свет</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -0,0 +1,116 @@
|
|||||||
|
function load_page_first() {
|
||||||
|
document.getElementById('bodydiv').style.visibility = "hidden";
|
||||||
|
var id_chapt = window.location.hash.replace("#", "");
|
||||||
|
var requestURL = "img/" + id_chapt + "/info.json";
|
||||||
|
var request = new XMLHttpRequest();
|
||||||
|
request.open('GET', requestURL);
|
||||||
|
request.responseType = 'json';
|
||||||
|
request.send();
|
||||||
|
request.onload = function(){
|
||||||
|
if (request.status != 200) {
|
||||||
|
document.getElementById('titlesys').textContent = "Ошибка " + request.status + ":" + request.statusText;
|
||||||
|
document.getElementById('progresspage').style.visibility = "hidden";
|
||||||
|
} else {
|
||||||
|
width_page = document.documentElement.scrollWidth;
|
||||||
|
if(width_page <= 800){
|
||||||
|
document.getElementById('pc_elem').remove()
|
||||||
|
} else {
|
||||||
|
document.getElementById('mobile_elem').remove()
|
||||||
|
}
|
||||||
|
var json_ready = request.response;
|
||||||
|
document.getElementById('prevbutton').style.visibility = "hidden";
|
||||||
|
document.getElementById('namech').textContent = json_ready["name_ch"];
|
||||||
|
document.title = json_ready["name_ch"];
|
||||||
|
document.getElementById('infotitle').textContent = json_ready["name_ch"];
|
||||||
|
document.getElementById('infostart').textContent = json_ready["start"];
|
||||||
|
document.getElementById('infoend').textContent = json_ready["end"];
|
||||||
|
document.getElementById('infohead').textContent = json_ready["head"];
|
||||||
|
crs_start = "img/" + id_chapt + "/" + json_ready["start"] + "." + json_ready["ext"];
|
||||||
|
document.getElementById('mangapage').src = crs_start;
|
||||||
|
document.getElementById('progresspage').style.visibility = "hidden";
|
||||||
|
var manga_page = document.getElementById('mangapage');
|
||||||
|
document.getElementById('bodydiv').style.visibility = "visible";
|
||||||
|
manga_page.onload = function(){
|
||||||
|
document.getElementById('progressimage').style.visibility = "hidden";
|
||||||
|
document.getElementById('progressimage2').style.visibility = "hidden";
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
request.onerror = function() {
|
||||||
|
document.getElementById('titlesys').textContent = "Ошибка запроса!";
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleFullScreen() {
|
||||||
|
if (!document.fullscreenElement) {
|
||||||
|
document.getElementById('namech').remove();
|
||||||
|
document.getElementById('copyright').style.visibility = "collapse";
|
||||||
|
document.documentElement.requestFullscreen();
|
||||||
|
} else {
|
||||||
|
if (document.exitFullscreen) {
|
||||||
|
let title_tag = document.createElement('h2');
|
||||||
|
title_tag.id = "namech";
|
||||||
|
title_tag.textContent = document.getElementById('infotitle').textContent;
|
||||||
|
document.getElementById('title_ch').append(title_tag);
|
||||||
|
document.getElementById('copyright').style.visibility = "visible";
|
||||||
|
document.exitFullscreen();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function manga_page(count) {
|
||||||
|
var head_info = document.getElementById('infohead').textContent;
|
||||||
|
document.location.href = "manga.html#" + head_info;
|
||||||
|
}
|
||||||
|
|
||||||
|
function page_flip(count) {
|
||||||
|
document.getElementById('progressimage').style.visibility = "visible";
|
||||||
|
document.getElementById('progressimage2').style.visibility = "visible";
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
var min = parseInt(document.getElementById('infostart').textContent);
|
||||||
|
var max = parseInt(document.getElementById('infoend').textContent);
|
||||||
|
var root = "img/";
|
||||||
|
var current_link = document.getElementById('mangapage').src;
|
||||||
|
let ref_cute1 = current_link.split('/').reverse();
|
||||||
|
let ref_cute2 = ref_cute1[0].split('.');
|
||||||
|
current_num = parseInt(ref_cute2[0]);
|
||||||
|
if(current_num + count <= max){
|
||||||
|
if(current_num + count >= min){
|
||||||
|
var next_num = current_num + count;
|
||||||
|
var next_link = root + ref_cute1[1] + "/" + next_num + "." + ref_cute2[1];
|
||||||
|
document.getElementById('mangapage').src = next_link;
|
||||||
|
if(next_num == min) {
|
||||||
|
document.getElementById('prevbutton').style.visibility = "hidden";
|
||||||
|
} else if (next_num == max) {
|
||||||
|
document.getElementById('nextbutton').style.visibility = "hidden";
|
||||||
|
} else {
|
||||||
|
document.getElementById('prevbutton').style.visibility = "visible";
|
||||||
|
document.getElementById('nextbutton').style.visibility = "visible";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
document.getElementById('progressimage').style.visibility = "hidden";
|
||||||
|
document.getElementById('progressimage2').style.visibility = "hidden";
|
||||||
|
}
|
||||||
|
|
||||||
|
} else {
|
||||||
|
document.getElementById('progressimage').style.visibility = "hidden";
|
||||||
|
document.getElementById('progressimage2').style.visibility = "hidden";
|
||||||
|
}
|
||||||
|
var manga_page = document.getElementById('mangapage');
|
||||||
|
manga_page.onload = function (){
|
||||||
|
document.getElementById('progressimage').style.visibility = "hidden";
|
||||||
|
document.getElementById('progressimage2').style.visibility = "hidden";
|
||||||
|
};
|
||||||
|
}
|
||||||
|
document.onkeydown = function(e) {
|
||||||
|
if (e.key == "ArrowLeft"){
|
||||||
|
page_flip(-1)
|
||||||
|
} else if (e.key == "ArrowRight") {
|
||||||
|
page_flip(1)
|
||||||
|
} else {
|
||||||
|
// Ignore
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
function start() {
|
|
||||||
document.getElementById("cardinfo").style.visibility = "hidden";
|
|
||||||
var id_chapt = window.location.hash.replace("#", "");
|
|
||||||
var requestURL = "json/" + id_chapt + ".json";
|
|
||||||
var request = new XMLHttpRequest();
|
|
||||||
request.open('GET', requestURL);
|
|
||||||
request.responseType = 'json';
|
|
||||||
request.send();
|
|
||||||
request.onload = function() {
|
|
||||||
if (request.status != 200) {
|
|
||||||
document.getElementById('title').textContent = "Ошибка " + request.status + ":" + request.statusText;
|
|
||||||
document.getElementById('progress').style.visibility = "hidden";
|
|
||||||
} else {
|
|
||||||
var json_ready = request.response;
|
|
||||||
document.getElementById("cardinfo").style.visibility = "visible";
|
|
||||||
document.getElementById('title').textContent = json_ready["name"];
|
|
||||||
document.title = json_ready["name"];
|
|
||||||
document.getElementById('cover').src = json_ready["cover"];
|
|
||||||
document.getElementById('cardinfo1').textContent = "Автор: " + json_ready["author"];
|
|
||||||
document.getElementById('cardinfo2').textContent = "Статус тайтла: " + json_ready["status_ti"];
|
|
||||||
document.getElementById('cardinfo3').textContent = "Статус перевода: " + json_ready["status_tl"];
|
|
||||||
var list_ch = json_ready["ch"];
|
|
||||||
var index;
|
|
||||||
for (index = 0; index < list_ch.length; ++index) {
|
|
||||||
let ch_p_one = document.createElement('p');
|
|
||||||
let ch_one = document.createElement('a');
|
|
||||||
ch_one.href = "ch.html#" + list_ch[index]["id"];
|
|
||||||
ch_one.textContent = list_ch[index]["name"]
|
|
||||||
ch_p_one.append(ch_one);
|
|
||||||
document.getElementById('helper1').before(ch_p_one);
|
|
||||||
}
|
|
||||||
document.getElementById('progress').style.visibility = "hidden";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
request.onerror = function() {
|
|
||||||
document.getElementById('title').textContent = "Ошибка запроса!";
|
|
||||||
};
|
|
||||||
}
|
|
||||||
+25
-99
@@ -1,112 +1,38 @@
|
|||||||
function load_page_first() {
|
function start() {
|
||||||
document.getElementById('bodydiv').style.visibility = "hidden";
|
document.getElementById("cardinfo").style.visibility = "hidden";
|
||||||
var id_chapt = window.location.hash.replace("#", "");
|
var id_chapt = window.location.hash.replace("#", "");
|
||||||
var requestURL = "img/" + id_chapt + "/info.json";
|
var requestURL = "json/" + id_chapt + ".json";
|
||||||
var request = new XMLHttpRequest();
|
var request = new XMLHttpRequest();
|
||||||
request.open('GET', requestURL);
|
request.open('GET', requestURL);
|
||||||
request.responseType = 'json';
|
request.responseType = 'json';
|
||||||
request.send();
|
request.send();
|
||||||
request.onload = function(){
|
request.onload = function() {
|
||||||
if (request.status != 200) {
|
if (request.status != 200) {
|
||||||
document.getElementById('titlesys').textContent = "Ошибка " + request.status + ":" + request.statusText;
|
document.getElementById('title').textContent = "Ошибка " + request.status + ":" + request.statusText;
|
||||||
document.getElementById('progresspage').style.visibility = "hidden";
|
document.getElementById('progress').style.visibility = "hidden";
|
||||||
} else {
|
} else {
|
||||||
width_page = document.documentElement.scrollWidth;
|
|
||||||
if(width_page <= 800){
|
|
||||||
document.getElementById('pc_elem').remove()
|
|
||||||
} else {
|
|
||||||
document.getElementById('mobile_elem').remove()
|
|
||||||
}
|
|
||||||
var json_ready = request.response;
|
var json_ready = request.response;
|
||||||
document.getElementById('prevbutton').style.visibility = "hidden";
|
document.getElementById("cardinfo").style.visibility = "visible";
|
||||||
document.getElementById('namech').textContent = json_ready["name_ch"];
|
document.getElementById('title').textContent = json_ready["name"];
|
||||||
document.title = json_ready["name_ch"];
|
document.title = json_ready["name"];
|
||||||
document.getElementById('infostart').textContent = json_ready["start"];
|
document.getElementById('cover').src = json_ready["cover"];
|
||||||
document.getElementById('infoend').textContent = json_ready["end"];
|
document.getElementById('cardinfo1').textContent = "Автор: " + json_ready["author"];
|
||||||
document.getElementById('infohead').textContent = json_ready["head"];
|
document.getElementById('cardinfo2').textContent = "Статус тайтла: " + json_ready["status_ti"];
|
||||||
crs_start = "img/" + id_chapt + "/" + json_ready["start"] + "." + json_ready["ext"];
|
document.getElementById('cardinfo3').textContent = "Статус перевода: " + json_ready["status_tl"];
|
||||||
document.getElementById('mangapage').src = crs_start;
|
var list_ch = json_ready["ch"];
|
||||||
document.getElementById('progresspage').style.visibility = "hidden";
|
var index;
|
||||||
var manga_page = document.getElementById('mangapage');
|
for (index = 0; index < list_ch.length; ++index) {
|
||||||
document.getElementById('bodydiv').style.visibility = "visible";
|
let ch_p_one = document.createElement('p');
|
||||||
manga_page.onload = function(){
|
let ch_one = document.createElement('a');
|
||||||
document.getElementById('progressimage').style.visibility = "hidden";
|
ch_one.href = "ch.html#" + list_ch[index]["id"];
|
||||||
document.getElementById('progressimage2').style.visibility = "hidden";
|
ch_one.textContent = list_ch[index]["name"]
|
||||||
};
|
ch_p_one.append(ch_one);
|
||||||
|
document.getElementById('helper1').before(ch_p_one);
|
||||||
|
}
|
||||||
|
document.getElementById('progress').style.visibility = "hidden";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
request.onerror = function() {
|
request.onerror = function() {
|
||||||
document.getElementById('titlesys').textContent = "Ошибка запроса!";
|
document.getElementById('title').textContent = "Ошибка запроса!";
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
function toggleFullScreen() {
|
|
||||||
if (!document.fullscreenElement) {
|
|
||||||
document.getElementById('title_ch').style.visibility = "collapse";
|
|
||||||
document.getElementById('copyright').style.visibility = "collapse";
|
|
||||||
document.documentElement.requestFullscreen();
|
|
||||||
} else {
|
|
||||||
if (document.exitFullscreen) {
|
|
||||||
document.getElementById('title_ch').style.visibility = "visible";
|
|
||||||
document.getElementById('copyright').style.visibility = "visible";
|
|
||||||
document.exitFullscreen();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function manga_page(count) {
|
|
||||||
var head_info = document.getElementById('infohead').textContent;
|
|
||||||
document.location.href = "manga.html#" + head_info;
|
|
||||||
}
|
|
||||||
|
|
||||||
function page_flip(count) {
|
|
||||||
document.getElementById('progressimage').style.visibility = "visible";
|
|
||||||
document.getElementById('progressimage2').style.visibility = "visible";
|
|
||||||
window.scrollTo(0, 0);
|
|
||||||
var min = parseInt(document.getElementById('infostart').textContent);
|
|
||||||
var max = parseInt(document.getElementById('infoend').textContent);
|
|
||||||
var root = "img/";
|
|
||||||
var current_link = document.getElementById('mangapage').src;
|
|
||||||
let ref_cute1 = current_link.split('/').reverse();
|
|
||||||
let ref_cute2 = ref_cute1[0].split('.');
|
|
||||||
current_num = parseInt(ref_cute2[0]);
|
|
||||||
if(current_num + count <= max){
|
|
||||||
if(current_num + count >= min){
|
|
||||||
var next_num = current_num + count;
|
|
||||||
var next_link = root + ref_cute1[1] + "/" + next_num + "." + ref_cute2[1];
|
|
||||||
document.getElementById('mangapage').src = next_link;
|
|
||||||
if(next_num == min) {
|
|
||||||
document.getElementById('prevbutton').style.visibility = "hidden";
|
|
||||||
} else if (next_num == max) {
|
|
||||||
document.getElementById('nextbutton').style.visibility = "hidden";
|
|
||||||
} else {
|
|
||||||
document.getElementById('prevbutton').style.visibility = "visible";
|
|
||||||
document.getElementById('nextbutton').style.visibility = "visible";
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
document.getElementById('progressimage').style.visibility = "hidden";
|
|
||||||
document.getElementById('progressimage2').style.visibility = "hidden";
|
|
||||||
}
|
|
||||||
|
|
||||||
} else {
|
|
||||||
document.getElementById('progressimage').style.visibility = "hidden";
|
|
||||||
document.getElementById('progressimage2').style.visibility = "hidden";
|
|
||||||
}
|
|
||||||
var manga_page = document.getElementById('mangapage');
|
|
||||||
manga_page.onload = function (){
|
|
||||||
document.getElementById('progressimage').style.visibility = "hidden";
|
|
||||||
document.getElementById('progressimage2').style.visibility = "hidden";
|
|
||||||
};
|
|
||||||
}
|
|
||||||
document.onkeydown = function(e) {
|
|
||||||
if (e.key == "ArrowLeft"){
|
|
||||||
page_flip(-1)
|
|
||||||
} else if (e.key == "ArrowRight") {
|
|
||||||
page_flip(1)
|
|
||||||
} else {
|
|
||||||
// Ignore
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,34 @@
|
|||||||
|
function addstylesheet(name_short) {
|
||||||
|
var head = document.head;
|
||||||
|
var link = document.createElement("link");
|
||||||
|
link.type = "text/css";
|
||||||
|
link.rel = "stylesheet";
|
||||||
|
name_style = "css/color-"+name_short+".css"
|
||||||
|
link.href = name_style;
|
||||||
|
link.id = "currentstylesheet";
|
||||||
|
head.appendChild(link);
|
||||||
|
}
|
||||||
|
|
||||||
|
function startstylepage() {
|
||||||
|
var cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)theme\s*\=\s*([^;]*).*$)|^.*$/, "$1");
|
||||||
|
if(cookieValue == "") {
|
||||||
|
addstylesheet("dark");
|
||||||
|
} else {
|
||||||
|
|
||||||
|
addstylesheet(cookieValue);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function swap_theme(num) {
|
||||||
|
if(num == 1) {
|
||||||
|
document.cookie = "theme=dark; max-age=2592000; secure";
|
||||||
|
document.getElementById('currentstylesheet').remove();
|
||||||
|
addstylesheet("dark");
|
||||||
|
} else if (num == 2) {
|
||||||
|
document.cookie = "theme=light; max-age=2592000; secure";
|
||||||
|
document.getElementById('currentstylesheet').remove();
|
||||||
|
addstylesheet("light");
|
||||||
|
} else {
|
||||||
|
// Ignore
|
||||||
|
}
|
||||||
|
}
|
||||||
+17
-3
@@ -3,8 +3,18 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>Страница манги</title>
|
<title>Страница манги</title>
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
<link rel="stylesheet" href="css/chapter.css">
|
<link rel="stylesheet" href="css/manga.css">
|
||||||
<script type="text/javascript" src="js/chapters.js"></script>
|
<link rel="stylesheet" href="css/color-dark.css">
|
||||||
|
<script type="text/javascript" src="js/manga.js"></script>
|
||||||
|
<script type="text/javascript" src="js/theming.js"></script>
|
||||||
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||||
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WBB07CK3DY"></script>
|
||||||
|
<script>
|
||||||
|
window.dataLayer = window.dataLayer || [];
|
||||||
|
function gtag(){dataLayer.push(arguments);}
|
||||||
|
gtag('js', new Date());
|
||||||
|
gtag('config', 'G-WBB07CK3DY');
|
||||||
|
</script>
|
||||||
<meta name="viewport" content="width=device-width">
|
<meta name="viewport" content="width=device-width">
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
<meta property="og:title" content="Манги">
|
<meta property="og:title" content="Манги">
|
||||||
@@ -12,6 +22,9 @@
|
|||||||
<meta property="og:description" content="Страница манги">
|
<meta property="og:description" content="Страница манги">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<script type="text/javascript">
|
||||||
|
startstylepage();
|
||||||
|
</script>
|
||||||
<div class="body-trans">
|
<div class="body-trans">
|
||||||
<div id="maindiv">
|
<div id="maindiv">
|
||||||
<progress class="progress-page" id="progress"></progress><br>
|
<progress class="progress-page" id="progress"></progress><br>
|
||||||
@@ -30,7 +43,8 @@
|
|||||||
<p id="helper1" class="invis"></p>
|
<p id="helper1" class="invis"></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="copyright">
|
<div class="copyright">
|
||||||
<a class="aace" href="mailto:dcma@nyaa.ninja?subject=Manga-DCMA" target="_blank">/DCMA</a> | <a class="aace" href=".">/Главная</a> | <a class="aace" href="https://t.me/Manga_nyaa_ninja" target="_blank">/Telegram</a>
|
<a class="aace" href="mailto:dcma@nyaa.ninja?subject=Manga-DCMA" target="_blank">/DCMA</a> | <a class="aace" href=".">/Главная</a> | <a class="aace" href="https://t.me/Manga_nyaa_ninja" target="_blank">/Telegram</a><br>
|
||||||
|
<a class="aace" onclick="swap_theme(1)">Тьма</a> <span class="aace">или</span> <a class="aace" onclick="swap_theme(2)">Свет</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user