Nyako/static-manga-engine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

eng0.4.3

Browse Source
This commit is contained in:
Hell13Cat
2022-05-05 23:42:37 +03:00
parent d5da702b13
commit baefbf1ae1
16 changed files with 337 additions and 768 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ch.html
+35 -34
View File
@@ -2,9 +2,8 @@
<html>
<head>
<title>Страница главы</title>
<link rel="stylesheet" href="css/style.css?v=5">
<link rel="stylesheet" href="css/ch.css?v=5">
<link rel="stylesheet" href="css/color-dark.css?v=4">
<link rel="stylesheet" href="css/style.css?v=7">
<link rel="stylesheet" href="css/color-dark.css?v=7">
<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 -->
@@ -27,40 +26,42 @@
startstylepage();
</script>
<div class="body-trans">
<progress class="progress-page" id="progresspage"></progress><h id="titlesys" class="invis"></h>
<div class="content" id="bodydiv" style="visibility: hidden;">
<div class="onecol">
<div id="title_ch" class="titlediv nav-button">
<h2 id="namech"></h2>
<progress class="nav-progress" id="progresspage"></progress><h id="titlesys" class="invis"></h>
<div class="nav-body" id="bodydiv" style="visibility: hidden;">
<div class="content">
<div class="onecol">
<div id="title_ch" class="nav-button">
<p id="namech" class="manga-nav-content"></h2>
</div>
<div class="pc-only">
<button class="nav-button button-e" onclick="manga_page()">Главы</button>
<button class="nav-button button-e" onclick="toggleFullScreen()">Экран</button>
<hr class="nav-hr">
<a class="links" href="."><button class="nav-button button-e">Главная</button></a>
<a class="links" href="setting.html"><button class="nav-button button-e">Настройки</button></a>
<hr class="nav-hr">
<a class="links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank"><button class="nav-button button-e">DCMA</button></a>
<a class="links" href="https://t.me/nyaa_ninja" target="_blank"><button class="nav-button button-e">Telegram</button></a><br>
</div>
</div>
<button class="card-button-ch nav-button-home pc-only" onclick="manga_page()">Главы</button>
<button class="card-button-ch nav-button-fullscreen pc-only" onclick="toggleFullScreen()">Экран</button>
<div id="copyright" class="pc-only">
<hr class="pc-only nav-hr">
<a class="aace links" href="."><button class="nav-button button-e">Главная</button></a>
<a class="aace links" href="setting.html"><button class="nav-button button-e">Настройки</button></a>
<hr class="pc-only nav-hr">
<a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank"><button class="nav-button button-e">DCMA</button></a>
<a class="aace links" href="https://t.me/nyaa_ninja" target="_blank"><button class="nav-button button-e">Telegram</button></a><br>
<div class="twocol">
<progress class="nav-progress" id="progressimage"></progress>
<p class="aace"><span id="curentpage">1</span> / <span id="totalpage"></span></p>
<img src="" id="mangapage" style="width: 100%;"><br>
<progress class="nav-progress" id="progressimage2"></progress><br>
<div id="pc_elem">
<button id="prevbutton" class="ch-button nav-button button-e" onclick="page_flip(-1)">&#60; Страница</button><button id="nextbutton" class="ch-button nav-button button-e" onclick="page_flip(1)">Страница &#62;</button>
</div>
<div id="mobile_elem">
<button id="prevbutton" class="ch-button nav-button button-e" onclick="page_flip(-1)">&#60; Страница</button><button id="nextbutton" class="ch-button nav-button button-e" onclick="page_flip(1)">Страница &#62;</button></br>
<button class="ch-button nav-button button-e" onclick="toggleFullScreen()">Экран</button><button class="ch-button nav-button button-e" onclick="manga_page()">Главы</button>
</div>
</div>
</div>
<div class="twocol">
<progress class="progress-page" id="progressimage"></progress>
<p class="aace"><span id="curentpage">1</span> / <span id="totalpage"></span></p>
<img src="" id="mangapage"><br>
<progress class="progress-page" id="progressimage2"></progress><br>
<div id="pc_elem">
<button id="prevbutton" class="card-button-ch nav-button-ch" onclick="page_flip(-1)">&#60; Страница</button><button id="nextbutton" class="card-button-ch nav-button-ch" onclick="page_flip(1)">Страница &#62;</button>
<div id="copyright" class="mobile-only">
<a class="links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="links" href=".">/Главная</a> | <a class="links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
<a class="links" href="setting.html">Настройки</a>
</div>
<div id="mobile_elem">
<button id="prevbutton" class="card-button-ch nav-button-ch" onclick="page_flip(-1)">&#60; Страница</button><button id="nextbutton" class="card-button-ch nav-button-ch" onclick="page_flip(1)">Страница &#62;</button></br>
<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 mobile-only">
<a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
<a class="aace links" href="setting.html">Настройки</a>
</div>
</div>
<p id="infoflipch" class="invis"></p><p id="infotitle" class="invis"></p><p id="infostart" class="invis"></p><p id="infoend" class="invis"></p><p id="infohead" class="invis"></p>
css/ch.css
-60
View File
@@ -1,60 +0,0 @@
.invis {
visibility: hidden;
}
.invis2 {
display: none;
}
.progress-page {
width: 100%;
}
.card-button-ch {
cursor: pointer;
opacity: 1;
margin-bottom: 5px;
}
.card-button-ch:hover {
opacity:0.8;
}
@media only screen and (min-width : 801px) {
.nav-button-ch {
width: 50%;
height: 15%;
}
.nav-button-home {
width: 100%;
height: 15%;
}
.nav-button-fullscreen {
width: 100%;
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-ch {
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;
}
}
css/color-black.css
+13 -87
View File
@@ -1,58 +1,3 @@
#hrinvis {
color: #000000;
}
.card {
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px rgb(255, 255, 255, 1);
border: 0px solid white;
}
.cardch {
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px rgb(255, 255, 255, 1);
border: 0px solid white;
}
.carda {
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px rgb(255, 255, 255, 1);
border: 0px solid white;
}
.card-button-ch {
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
.theme-button {
background-color: rgba(16, 16, 16, 0.5);
border: 0px 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: Pink;
}
@@ -64,49 +9,30 @@ a:visited {
a:active {
color: PaleVioletRed;
}
.title-index-nyaa {
color: Orchid;
}
#card {
box-shadow: 4px 4px 4px 0 rgb(255, 255, 255, 1);
}
#card2 {
border: 1px solid #ffffff;
}
.card-button {
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
body {
color: white;
background: #000000;
}
.nav-button {
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
border: 0px;
color: #ffffff;
}
#maindiv {
background-color: rgba(0, 0, 0, 0.8);
.nav-card {
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px;
border: 0px;
}
table {
border-bottom: 0px solid rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
.manga-nav-card {
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px;
border: 0px;
}
th {
background: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
}
.logo-data {
.index-logo-data {
content: url(/img/logo-w.png);
}
.nav-hr {
color: #ffffff;
}
css/color-dark.css
+12 -89
View File
@@ -1,58 +1,3 @@
#hrinvis {
color: #000000;
}
.card {
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px rgb(255, 255, 255, 1);
border: 0px solid white;
}
.cardch {
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px rgb(255, 255, 255, 1);
border: 0px solid white;
}
.carda {
background-color: rgba(16, 16, 16, 0.5);
padding-top: 2px rgb(255, 255, 255, 1);
border: 0px solid white;
}
.card-button-ch {
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
.theme-button {
background-color: rgba(16, 16, 16, 0.5);
border: 1px solid rgb(255, 255, 255);
color: #ffffff;
}
body {
color: white;
background: #2c2c2c;
}
.body-trans {
background: rgb(0, 0, 0, 0);
}
summary {
color: deeppink;
}
.hr-v {
color: #ffffff;
}
.hr-i {
color: rgb(255, 255, 255, 0);
height: 1px;
}
a {
color: Pink;
}
@@ -65,51 +10,29 @@ a:active {
color: PaleVioletRed;
}
.title-index-nyaa {
color: Orchid;
}
#card {
box-shadow: 4px 4px 4px 0 rgb(255, 255, 255, 1);
}
#card2 {
border: 1px solid #ffffff;
}
.card-button {
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
body {
color: white;
background: #2c2c2c;
}
.nav-button {
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
border: 0px;
color: #ffffff;
}
.block-text {
.nav-card {
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
padding-top: 0px;
border: 0px;
}
#maindiv {
background-color: rgb(44, 44, 44);
.manga-nav-card {
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px;
border: 0px;
}
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);
}
.logo-data {
.index-logo-data {
content: url(/img/logo-w.png);
}
css/color-light.css
+19 -95
View File
@@ -1,54 +1,3 @@
.card {
background-color: rgba(200, 200, 200, 0.5);
padding-top: 0px rgb(0, 0, 0, 1);
border: 0px solid black;
}
.cardch {
background-color: rgba(200, 200, 200, 0.5);
padding-top: 0px rgb(0, 0, 0, 1);
border: 0px solid black;
}
.carda {
background-color: rgba(200, 200, 200, 0.5);
padding-top: 0px rgb(0, 0, 0, 1);
border: 0px solid black;
}
.card-button-ch {
background-color: rgba(200, 200, 200, 0.5);
border: 0px solid rgb(0, 0, 0);
color: #000000;
}
.theme-button {
background-color: rgba(200, 200, 200, 0.5);
border: 0px solid rgb(0, 0, 0);
color: #000000;
}
body {
color: black;
background: rgb(255, 255, 255);
}
.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;
}
@@ -61,54 +10,29 @@ a:active {
color: Red;
}
.title-index-nyaa {
color: Indigo;
}
#card {
box-shadow: 4px 4px 4px 0 rgb(0, 0, 0, 1);
}
#card2 {
border: 1px solid black;
}
.card-button {
background-color: rgba(200, 200, 200, 0.5);
border: 0px solid rgb(0, 0, 0);
body {
color: black;
background: rgb(255, 255, 255);
}
.nav-button {
background-color: rgba(200, 200, 200, 0.5);
border: 0px solid rgb(0, 0, 0);
color: black;
}
.block-text {
background-color: rgba(200, 200, 200, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
#maindiv {
background-color: rgb(255, 255, 255);
}
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);
}
.logo-data {
content: url(/img/logo-b.png);
}
.nav-hr {
border: 0px;
color: #000000;
}
.nav-card {
background-color: rgba(200, 200, 200, 0.5);
padding-top: 0px;
border: 0px;
}
.manga-nav-card {
background-color: rgba(200, 200, 200, 0.5);
padding-top: 0px;
border: 0px;
}
.index-logo-data {
content: url(/img/logo-b.png);
}
css/index.css
-71
View File
@@ -1,71 +0,0 @@
.progress-page {
width: 100%;
}
.card {
transition: 0.3s;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
}
.carda {
transition: 0.3s;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
text-align: left;
margin-bottom: 5px;
}
.cardch {
transition: 0.3s;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
}
@media only screen and (min-width : 801px) {
.last-ch {
width: 100%;
height: 15%;
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
}
.promo-link {
width: 100%;
height: 15%;
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
}
.carda {
display: flex;
}
.logo-data {
width: 100%;
}
}
@media only screen and (max-width : 800px) {
.last-ch {
width: 100%;
height: 30%;
padding-left: 0px;
padding-right: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
.promo-link {
width: 100%;
height: 30%;
padding-left: 0px;
padding-right: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
.logo-data {
width: 50%;
}
}
css/manga.css
-35
View File
@@ -1,35 +0,0 @@
.progress-page {
width: 100%;
}
.invis {
display: none;
}
.card {
transition: 0.3s;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
margin-bottom: 5px;
text-align: left;
}
.cardch {
transition: 0.3s;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
}
@media only screen and (min-width : 801px) {
.cover {
width: 90%;
}
}
@media only screen and (max-width : 800px) {
.cover {
width: 25%;
}
}
css/style.css
+108 -153
View File
@@ -2,123 +2,25 @@
body {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: 'Roboto', sans-serif;
}
#hrinvis {
size: 3px;
}
.links {
text-decoration: none;
}
.body-index {
/* NULL */
.invis {
display: none;
}
.body-project {
/* NULL */
}
.body-firefox {
/* NULL */
}
.hr-i {
height: 1px;
}
img {
width: 100%;
}
ul {
list-style-position: inside;
}
#lista {
text-align: left;
}
#bodydiv {
margin-left: 2%;
margin-right: 2%;
height: 100%;
}
.contentdiv {
/* NULL */
}
#card {
transition: 0.3s;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 2px;
}
.card-title {
padding: 1px 0px 1px 10px;
font-family: 'Roboto', sans-serif;
}
.card-text {
padding: 1px 0px 1px 5px;
}
.card-button {
padding: 5px;
cursor: pointer;
.button-e {
opacity: 1;
}
.card-button:hover {
opacity:0.8;
}
.card-button-block {
padding: 5px 0px 5px 5px;
cursor: pointer;
}
.copyright {
padding: 10px;
right: 1em;
text-align: center;
bottom: 1em;
}
#maindiv {
margin-top: 0px;
}
table {
margin: 0 auto 0 auto;
}
th {
text-align: center;
}
td, th {
padding: 2px;
}
.sitebuttons {
opacity:0.6;
}
.sitebuttons:hover {
opacity:1;
}
.homebuttons {
opacity:0.6;
}
.homebuttons:hover {
opacity:1;
.button-e:hover {
opacity: 0.8;
cursor: pointer;
}
.al-left {
@@ -131,21 +33,24 @@ td, th {
margin-bottom: 2px;
font-family: 'Roboto', sans-serif;
}
.button-e {
opacity: 1;
cursor: pointer;
}
.button-e:hover {
opacity: 0.8;
cursor: pointer;
.nav-text-left {
text-align: left;
}
.block-text {
cursor: pointer;
opacity: 1;
margin-top: 2px;
padding: 5px;
.nav-progress {
width: 100%;
}
.nav-button {
border-radius: 5px;
}
.nav-card {
transition: 0.3s;
text-align: left;
margin-bottom: 5px;
border-radius: 5px;
display: flex;
}
.nav-hr {
@@ -154,29 +59,45 @@ td, th {
visibility: hidden;
}
.invis {
display: none;
.ch-button {
margin-left: 1%;
margin-right: 1%;
}
.card-block-h {
margin-left: 15px;
margin-right: 5px;
margin-top: 5px;
.manga-nav-card {
transition: 0.3s;
text-align: left;
margin-bottom: 5px;
border-radius: 5px;
display: flex;
flex-direction: column;
}
.card-block {
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
.manga-cover-card {
display: flex;
align-items: center;
justify-content: center;
}
.index-links {
.index-nav-card {
display: flex;
}
.index-logo {
display: flex;
align-items: center;
justify-content: center;
}
.index-manga-links {
margin-top: 10px;
width: 70%;
}
/* --------------------------------- */
/* Динамичное */
/* --------------------------------- */
@media only screen and (min-width : 801px) {
.pc-only {
display: block;
@@ -184,16 +105,6 @@ td, th {
.mobile-only {
display: none;
}
.sitebuttons {
width: 100%;
}
.homebuttons {
width: 8%;
padding-top: 5px;
}
table {
width: 150px;
}
.content {
display: flex;
flex-direction: row;
@@ -222,9 +133,12 @@ td, th {
padding-top: 15px;
padding-bottom: 15px;
}
.block-text {
width: 100%;
height: 15%;
.nav-body {
margin: 2%;
height: 100%;
}
.ch-button {
width: 48%;
}
.index-manga-one-1 {
width: 49%;
@@ -235,12 +149,28 @@ td, th {
width: 49%;
float: right;
}
.index-cover {
width: 30%;
margin: 7px 7px 7px 0;
.manga-cover {
width: 100%;
margin: 7px 7px 7px 7px;
}
.manga-nav-content {
margin: 1%;
}
.manga-links {
display: flex;
align-items: center;
justify-content: center;
}
.card-nav-content {
margin: 1%;
}
.index-manga-cover {
width: 30%;
margin: 7px 7px 7px 7px;
}
.index-logo-data {
width: 100%;
}
}
@media only screen and (min-width : 801px) and (max-width : 1090px) {
@@ -265,9 +195,6 @@ td, th {
width: 8%;
padding-top: 5px;
}
table {
width: 130px;
}
.pc-only {
display: none;
}
@@ -286,8 +213,36 @@ td, th {
width: 100%;
height: 30%;
}
.index-cover {
.nav-body {
margin: 0%;
height: 100%;
}
.ch-button {
width: 48%;
}
.ch-button1 {
width: 48%;
}
.manga-cover {
width: 30%;
margin: 7px 7px 7px 0;
margin: 7px 7px 7px 7px;
}
.manga-nav-content {
margin: 2%;
}
.manga-links {
display: flex;
align-items: left;
justify-content: left;
}
.card-nav-content {
margin: 2%;
}
.index-manga-cover {
width: 30%;
margin: 7px 7px 7px 7px;
}
.index-logo-data {
width: 50%;
}
}
index.html
+12 -16
View File
@@ -2,8 +2,7 @@
<html>
<head>
<title>Loading...</title>
<link rel="stylesheet" href="css/style.css?v=5">
<link rel="stylesheet" href="css/index.css?v=5">
<link rel="stylesheet" href="css/style.css?v=7">
<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 -->
@@ -31,34 +30,31 @@
startstylepage();
</script>
<div class="body-trans">
<progress class="progress-page" id="progresspage"></progress><h id="titlesys" class="invis"></h>
<div id="bodydiv" style="visibility: hidden;">
<progress class="nav-progress" id="progresspage"></progress><h id="titlesys" class="invis"></h>
<div id="bodydiv" class="nav-body" style="visibility: hidden;">
<div class="content">
<!—noindex—>
<div class="onecol">
<img id="cover" class="cover">
<div id="title" class="titlediv">
<img class="logo-data" src="img/logo-c.png">
<div id="title" class="nav-card index-logo">
<img class="index-logo-data" src="img/logo-c.png">
</div>
<a class="links" href="https://discord.gg/WGktEbWTEV" target="_blank"><button class="nav-button button-e">[Discord] Новости на Silver Town</button></a>
<hr class="pc-only nav-hr">
<button id="lastchbutton" class="nav-button button-e" onclick="last_ch_go()"></button>
<div class="pc-only">
<a class="links" href="setting.html"><button class="nav-button button-e">Настройки</button></a>
<a class="links" href="news.html" target="_blank"><button class="nav-button button-e">v 0.4.2</button></a><br>
<a href="setting.html"><button class="nav-button button-e">Настройки</button></a>
<a href="news.html" target="_blank"><button class="nav-button button-e">v 0.4.3</button></a><br>
<hr class="pc-only nav-hr">
<a class="links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank"><button class="nav-button button-e">DCMA</button></a>
<a class="links" href="https://t.me/nyaa_ninja" target="_blank"><button class="nav-button button-e">Telegram</button></a>
<a class="links" href="https://github.com/Hell13Cat/static-manga-engine" target="_blank"><button class="nav-button button-e">GitHub</button></a><br>
<a href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank"><button class="nav-button button-e">DCMA</button></a>
<a href="https://t.me/nyaa_ninja" target="_blank"><button class="nav-button button-e">Telegram</button></a>
<a href="https://github.com/Hell13Cat/static-manga-engine" target="_blank"><button class="nav-button button-e">GitHub</button></a><br>
</div>
</div>
<!—/noindex—>
<div class="twocol">
<p id="helper1" class="invis"></p>
</div>
<div class="copyright mobile-only">
<div class="mobile-only">
<a class="links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a> | <a class="links" href="https://github.com/Hell13Cat/static-manga-engine" target="_blank">/GitHub</a><br>
<a class="links" href="setting.html">Настройки</a> | <a class="links" href="news.html">v 0.4.2</a>
<a class="links" href="setting.html">Настройки</a> | <a class="links" href="news.html">v 0.4.3</a>
</div>
</div>
</div>
js/ch.js
+4 -7
View File
@@ -55,16 +55,13 @@ function load_page_first() {
function toggleFullScreen() {
if (!document.fullscreenElement) {
document.getElementById('namech').remove();
document.getElementById('copyright').style.visibility = "collapse";
document.getElementById('title_ch').style.display = "none";
document.getElementById('copyright').style.display = "none";
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.getElementById('title_ch').style.display = "block";
document.getElementById('copyright').style.display = "block";
document.exitFullscreen();
}
}
js/index.js
+4 -4
View File
@@ -30,17 +30,17 @@ function start() {
manga_info = list_ch[index]
let manga_one = document.createElement('div');
if ((index+1)%2 === 0) {
manga_one.className = "carda index-manga-one-1";
manga_one.className = "nav-card index-nav-card index-manga-one-1";
} else {
manga_one.className = "carda index-manga-one-2";
manga_one.className = "nav-card index-nav-card index-manga-one-2";
}
let manga_one_ref = document.createElement('a');
manga_one_ref.href = "manga.html#" + manga_info["id"];
manga_one_ref.textContent = manga_info["name"];
manga_one_ref.className = "links index-links";
manga_one_ref.className = "links index-manga-links";
let manga_one_cover = document.createElement('img');
manga_one_cover.src = manga_info["cover"];
manga_one_cover.className = "index-cover";
manga_one_cover.className = "index-manga-cover";
manga_one.append(manga_one_cover);
manga_one.append(document.createElement('br'));
manga_one.append(manga_one_ref);
js/manga.js
+2 -4
View File
@@ -22,13 +22,11 @@ function start() {
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_one.className = "links";
ch_p_one.append(ch_one);
document.getElementById('helper1').before(ch_p_one);
ch_one.className = "links manga-nav-content manga-links";
document.getElementById('helper1').before(ch_one);
}
document.getElementById('bodydiv').style.visibility = "visible";
document.getElementById('progress').style.display = "none";
js/theming.js
+1 -1
View File
@@ -9,7 +9,7 @@ function addstylesheet(name_short) {
var link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
version = 4
version = 7
name_style = "css/color-"+name_short+".css?v=" + version;
link.href = name_style;
link.id = "currentstylesheet";
manga.html
+36 -33
View File
@@ -2,8 +2,7 @@
<html>
<head>
<title>Страница манги</title>
<link rel="stylesheet" href="css/style.css?v=5">
<link rel="stylesheet" href="css/manga.css?v=5">
<link rel="stylesheet" href="css/style.css?v=7">
<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>
@@ -27,38 +26,42 @@
startstylepage();
</script>
<div class="body-trans">
<progress class="progress-page" id="progress"></progress>
<div class="content" id="bodydiv" style="visibility: hidden;">
<div class="onecol">
<img id="cover" class="cover">
<div id="title" class="nav-button">
<h1></h1>
<progress class="nav-progress" id="progress"></progress>
<div class="nav-body" id="bodydiv" style="visibility: hidden;">
<div class="content">
<div class="onecol">
<div class="nav-card manga-cover-card">
<img id="cover" class="manga-cover">
</div>
<div class="nav-button">
<p id="title" class="manga-nav-content"></h1>
</div>
<div class="pc-only">
<a href="."><button class="nav-button button-e">Главная</button></a>
<a href="setting.html"><button class="nav-button button-e">Настройки</button></a>
<hr class="nav-hr">
<a href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank"><button class="nav-button button-e">DCMA</button></a>
<a href="https://t.me/nyaa_ninja" target="_blank"><button class="nav-button button-e">Telegram</button></a><br>
</div>
</div>
<div class="pc-only">
<a class="links" href="."><button class="nav-button button-e">Главная</button></a>
<a class="links" href="setting.html"><button class="nav-button button-e">Настройки</button></a>
<hr class="pc-only nav-hr">
<a class="links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank"><button class="nav-button button-e">DCMA</button></a>
<a class="links" href="https://t.me/nyaa_ninja" target="_blank"><button class="nav-button button-e">Telegram</button></a><br>
</div>
</div>
<div class="twocol">
<div id="cardinfo" class="card">
<p id="cardinfo1"></p>
<p id="cardinfo2"></p>
<p id="cardinfo3"></p>
</div>
<div id="cardinfo" class="card">
<p>Описание:</p>
<p id="descriptionmanga"></p>
</div>
<div id="cardinfoch" class="cardch">
<p>Главы:</p>
<p id="helper1" class="invis"></p>
</div>
<div class="copyright mobile-only">
<a class="links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="links" href=".">/Главная</a> | <a class="links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
<a class="links" href="setting.html">Настройки</a>
<div class="twocol">
<div id="cardinfo" class="nav-text-left manga-nav-card">
<p id="cardinfo1" class="manga-nav-content"></p>
<p id="cardinfo2" class="manga-nav-content"></p>
<p id="cardinfo3" class="manga-nav-content"></p>
</div>
<div id="cardinfo" class="nav-text-left manga-nav-card">
<p class="manga-nav-content">Описание:</p>
<p id="descriptionmanga" class="manga-nav-content"></p>
</div>
<div id="cardinfoch" class="manga-nav-card ">
<p class="manga-nav-content manga-links">Главы:</p>
<p id="helper1" class="invis"></p>
</div>
<div class="copyright mobile-only">
<a class="links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="links" href=".">/Главная</a> | <a class="links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
<a class="links" href="setting.html">Настройки</a>
</div>
</div>
</div>
</div>
news.html
+62 -56
View File
@@ -2,8 +2,8 @@
<html>
<head>
<title>Новости</title>
<link rel="stylesheet" href="css/style.css?v=5">
<link rel="stylesheet" href="css/setting.css?v=5">
<link rel="stylesheet" href="css/style.css?v=7">
<link rel="stylesheet" href="css/setting.css?v=7">
<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>
@@ -29,61 +29,67 @@
startstylepage();
</script>
<div class="body-trans">
<div id="bodydiv" class="content">
<div class="onecol">
<div id="title" class="titlediv nav-button">
<h1>Версии</h1>
<div id="bodydiv" class="nav-body">
<div class="content">
<div class="onecol">
<div id="title" class="titlediv nav-button">
<h1>Версии</h1>
</div>
<div class="pc-only">
<a href="."><button class="nav-button button-e">Главная</button></a>
<hr class="pc-only nav-hr">
<a href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank"><button class="nav-button button-e">DCMA</button></a>
<a href="https://t.me/nyaa_ninja" target="_blank"><button class="nav-button button-e">Telegram</button></a><br>
</div>
</div>
<div class="pc-only">
<a class="aace links button-e" href="."><button class="nav-button">Главная</button></a>
<hr class="pc-only nav-hr">
<a class="aace links button-e" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank"><button class="nav-button">DCMA</button></a>
<a class="aace links button-e" href="https://t.me/nyaa_ninja" target="_blank"><button class="nav-button">Telegram</button></a><br>
</div>
</div>
<div class="twocol">
<div class="al-left nav-button">
<h2 class="card-block-h">0.4.2</h2>
<p class="card-block">- Изменение разметки<br>- Изменен шрифт<br>- Немного исправления ошибок<br>- Добавлена история версии</p>
</div>
<div class="al-left nav-button">
<h2 class="card-block-h">0.4.1</h2>
<p class="card-block">- Добавлен логотип<br>- Изменён дизайн и темы</p>
</div>
<div class="al-left nav-button">
<h2 class="card-block-h">0.4.0</h2>
<p class="card-block">- Сделана полноценная версия сайта для ПК<br>- Изменены иконки сайта</p>
</div>
<div class="al-left nav-button">
<h2 class="card-block-h">0.3.2</h2>
<p class="card-block">- Изменена разметка главной страницы<br>- Удалено подчёркивание ссылок</p>
</div>
<div class="al-left nav-button">
<h2 class="card-block-h">0.3.1</h2>
<p class="card-block">- Мелкие исправления разметки главной страницы в режиме для ПК<br>- Изменены цвета ссылок на более мягкие<br>- Очень незначительная оптимизация кода<br>- Кэш теперь чистить не нужно :D</p>
</div>
<div class="al-left nav-button">
<h2 class="card-block-h">0.3.0</h2>
<p class="card-block">- Добавлен счетчик страниц<br>- Добавлена возможность перехода на следующую главу без выхода из читалки<br>- Добавлено сохранение последней прочитаной главы<br>- Глобальные изменения базы данных глав<br>- Добавлена тема "темная"<br>- Измненена главная страница для Google поиска</p>
</div>
<div class="al-left nav-button">
<h2 class="card-block-h">0.2.1</h2>
<p class="card-block">- Отдельная страница настроек<br>- Изменение вёрстки главной страницы и страницы с описанием манги<br>- Добавлено описание в информацию манги<br>- Начато партнёрство с Discord сервером Silver Town</p>
</div>
<div class="al-left nav-button">
<h2 class="card-block-h">0.2.0</h2>
<p class="card-block">- Система тем (настройки сохраняются на месяц)<br>- Исправление читалки (теперь заголовок не исчезает, а удаляется)<br>- Изменён шрифт</p>
</div>
<div class="al-left nav-button">
<h2 class="card-block-h">0.1.2</h2>
<p class="card-block">- На странице манги во вкладке теперь отображается её название<br>- На странице главы во вкладке теперь отображается её название</p>
</div>
<div class="al-left nav-button">
<h2 class="card-block-h">0.1.1</h2>
<p class="card-block">- Авто-адаптация кнопок читалки в зависимости от ширины экрана<br>- Отимизирован JS у читалки</p>
</div>
<div class="copyright mobile-only">
<a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
<div class="twocol">
<div class="al-left nav-button">
<h2 class="card-nav-content">0.4.3</h2>
<p class="card-nav-content">- Незначительная перераотка дизайна<br>- Оптимизация ресурсов</p>
</div>
<div class="al-left nav-button">
<h2 class="card-nav-content">0.4.2</h2>
<p class="card-nav-content">- Изменение разметки<br>- Изменен шрифт<br>- Немного исправления ошибок<br>- Добавлена история версии</p>
</div>
<div class="al-left nav-button">
<h2 class="card-nav-content">0.4.1</h2>
<p class="card-nav-content">- Добавлен логотип<br>- Изменён дизайн и темы</p>
</div>
<div class="al-left nav-button">
<h2 class="card-nav-content">0.4.0</h2>
<p class="card-nav-content">- Сделана полноценная версия сайта для ПК<br>- Изменены иконки сайта</p>
</div>
<div class="al-left nav-button">
<h2 class="card-nav-content">0.3.2</h2>
<p class="card-nav-content">- Изменена разметка главной страницы<br>- Удалено подчёркивание ссылок</p>
</div>
<div class="al-left nav-button">
<h2 class="card-nav-content">0.3.1</h2>
<p class="card-nav-content">- Мелкие исправления разметки главной страницы в режиме для ПК<br>- Изменены цвета ссылок на более мягкие<br>- Очень незначительная оптимизация кода<br>- Кэш теперь чистить не нужно :D</p>
</div>
<div class="al-left nav-button">
<h2 class="card-nav-content">0.3.0</h2>
<p class="card-nav-content">- Добавлен счетчик страниц<br>- Добавлена возможность перехода на следующую главу без выхода из читалки<br>- Добавлено сохранение последней прочитаной главы<br>- Глобальные изменения базы данных глав<br>- Добавлена тема "темная"<br>- Измненена главная страница для Google поиска</p>
</div>
<div class="al-left nav-button">
<h2 class="card-nav-content">0.2.1</h2>
<p class="card-nav-content">- Отдельная страница настроек<br>- Изменение вёрстки главной страницы и страницы с описанием манги<br>- Добавлено описание в информацию манги<br>- Начато партнёрство с Discord сервером Silver Town</p>
</div>
<div class="al-left nav-button">
<h2 class="card-nav-content">0.2.0</h2>
<p class="card-nav-content">- Система тем (настройки сохраняются на месяц)<br>- Исправление читалки (теперь заголовок не исчезает, а удаляется)<br>- Изменён шрифт</p>
</div>
<div class="al-left nav-button">
<h2 class="card-nav-content">0.1.2</h2>
<p class="card-nav-content">- На странице манги во вкладке теперь отображается её название<br>- На странице главы во вкладке теперь отображается её название</p>
</div>
<div class="al-left nav-button">
<h2 class="card-nav-content">0.1.1</h2>
<p class="card-nav-content">- Авто-адаптация кнопок читалки в зависимости от ширины экрана<br>- Отимизирован JS у читалки</p>
</div>
<div class="copyright mobile-only">
<a class="links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="links" href=".">/Главная</a> | <a class="links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
</div>
</div>
</div>
</div>
setting.html
+29 -23
View File
@@ -2,8 +2,8 @@
<html>
<head>
<title>Настройки</title>
<link rel="stylesheet" href="css/style.css?v=5">
<link rel="stylesheet" href="css/setting.css?v=5">
<link rel="stylesheet" href="css/style.css?v=7">
<link rel="stylesheet" href="css/setting.css?v=7">
<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>
@@ -29,28 +29,34 @@
startstylepage();
</script>
<div class="body-trans">
<div id="bodydiv" class="content">
<div class="onecol">
<div id="title" class="titlediv nav-button">
<h1>Настройки</h1>
<div id="bodydiv" class="nav-body">
<div class="content">
<div class="onecol">
<div id="title" class="titlediv nav-button">
<h1>Настройки</h1>
</div>
<div class="pc-only">
<a href="."><button class="nav-button button-e">Главная</button></a>
<hr class="pc-only nav-hr">
<a href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank"><button class="nav-button button-e">DCMA</button></a>
<a href="https://t.me/nyaa_ninja" target="_blank"><button class="nav-button button-e">Telegram</button></a><br>
</div>
</div>
<div class="pc-only">
<a class="aace links button-e" href="."><button class="nav-button">Главная</button></a>
<hr class="pc-only nav-hr">
<a class="aace links button-e" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank"><button class="nav-button">DCMA</button></a>
<a class="aace links button-e" href="https://t.me/nyaa_ninja" target="_blank"><button class="nav-button">Telegram</button></a><br>
</div>
</div>
<div class="twocol">
<div class="al-left">
<p class="aace nav-button">Настройки хранятся на каждом устройстве отдельно! Время хранения 1 месяц!</p>
<h2 class="aace al-left nav-button">Тема</h2>
<button class="nav-button button-e" onclick="swap_theme(3)">Темная</button><br>
<button class="nav-button button-e" onclick="swap_theme(2)">Белая</button><br>
<button class="nav-button button-e" onclick="swap_theme(1)">Чёрная</button><br>
</div>
<div class="copyright mobile-only">
<a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href=".">/Главная</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
<div class="twocol">
<div class="al-left">
<div class="nav-card">
<p class="card-nav-content">Настройки хранятся на каждом устройстве отдельно! Время хранения 1 месяц!</p>
</div>
<div class="nav-card">
<h2 class="card-nav-content">Тема</h2>
</div>
<button class="nav-button button-e" onclick="swap_theme(3)">Темная</button><br>
<button class="nav-button button-e" onclick="swap_theme(2)">Белая</button><br>
<button class="nav-button button-e" onclick="swap_theme(1)">Чёрная</button><br>
</div>
<div class="copyright mobile-only">
<a class="links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="links" href=".">/Главная</a> | <a class="links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a><br>
</div>
</div>
</div>
</div>