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

eng0.4.1

Browse Source
This commit is contained in:
Hell13Cat
2022-05-04 00:47:13 +03:00
parent 2cdce66869
commit 8827e205c4
16 changed files with 216 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ch.html
+13 -8
View File
@@ -2,9 +2,9 @@
<html>
<head>
<title>Страница главы</title>
<link rel="stylesheet" href="css/style.css?v=3">
<link rel="stylesheet" href="css/ch.css?v=3">
<link rel="stylesheet" href="css/color-dark.css">
<link rel="stylesheet" href="css/style.css?v=4">
<link rel="stylesheet" href="css/ch.css?v=4">
<link rel="stylesheet" href="css/color-dark.css?v=4">
<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 -->
@@ -36,9 +36,14 @@
</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="copyright pc-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 id="copyright" class="pc-only">
<hr class="pc-only nav-hr">
<a class="aace links button-e" href="."><button class="nav-button">Главная</button></a>
<a class="aace links button-e" href="setting.html"><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">
@@ -47,10 +52,10 @@
<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" onclick="page_flip(-1)">&#60; Страница</button><button id="nextbutton" class="card-button-ch nav-button" onclick="page_flip(1)">Страница &#62;</button>
<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>
<div id="mobile_elem">
<button id="prevbutton" class="card-button-ch nav-button" onclick="page_flip(-1)">&#60; Страница</button><button id="nextbutton" class="card-button-ch nav-button" onclick="page_flip(1)">Страница &#62;</button></br>
<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>
css/ch.css
+3 -2
View File
@@ -12,13 +12,14 @@
font-family: "Comic Sans MS";
cursor: pointer;
opacity: 1;
margin-bottom: 5px;
}
.card-button-ch:hover {
opacity:0.8;
}
@media only screen and (min-width : 801px) {
.nav-button {
.nav-button-ch {
width: 50%;
height: 15%;
}
@@ -39,7 +40,7 @@
}
@media only screen and (max-width : 800px) {
.nav-button {
.nav-button-ch {
width: 50%;
height: 30%;
}
css/color-black.css
+29 -12
View File
@@ -3,28 +3,31 @@
}
.card {
padding-top: 2px rgb(255, 255, 255, 1);
border: 2px solid white;
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px rgb(255, 255, 255, 1);
border: 0px solid white;
}
.cardch {
padding-top: 2px rgb(255, 255, 255, 1);
border: 2px solid white;
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px rgb(255, 255, 255, 1);
border: 0px solid white;
}
.carda {
padding-top: 2px rgb(255, 255, 255, 1);
border: 1px solid white;
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(0, 0, 0, 0.5);
border: 1px solid rgb(255, 255, 255);
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
.theme-button {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgb(255, 255, 255);
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
@@ -74,8 +77,14 @@ a:active {
}
.card-button {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgb(255, 255, 255);
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
.nav-button {
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
@@ -92,4 +101,12 @@ table {
th {
background: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
}
.logo-data {
content: url(/img/logo-w.png);
}
.nav-hr {
color: #ffffff;
}
css/color-dark.css
+28 -9
View File
@@ -3,22 +3,25 @@
}
.card {
padding-top: 2px rgb(255, 255, 255, 1);
border: 2px solid white;
background-color: rgba(16, 16, 16, 0.5);
padding-top: 0px rgb(255, 255, 255, 1);
border: 0px solid white;
}
.cardch {
padding-top: 2px rgb(255, 255, 255, 1);
border: 2px solid white;
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: 1px solid white;
border: 0px solid white;
}
.card-button-ch {
background-color: rgba(16, 16, 16, 0.5);
border: 1px solid rgb(255, 255, 255);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
@@ -30,7 +33,7 @@
body {
color: white;
background: #101010;
background: #2c2c2c;
}
.body-trans {
@@ -76,12 +79,24 @@ a:active {
.card-button {
background-color: rgba(16, 16, 16, 0.5);
border: 1px solid rgb(255, 255, 255);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
.nav-button {
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
.block-text {
background-color: rgba(16, 16, 16, 0.5);
border: 0px solid rgb(255, 255, 255);
color: #ffffff;
}
#maindiv {
background-color: rgba(0, 0, 0, 0);
background-color: rgb(44, 44, 44);
}
@@ -93,4 +108,8 @@ table {
th {
background: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
}
.logo-data {
content: url(/img/logo-w.png);
}
css/color-light.css
+36 -14
View File
@@ -1,32 +1,35 @@
.card {
padding-top: 2px rgb(0, 0, 0, 1);
border: 2px solid black;
background-color: rgba(200, 200, 200, 0.5);
padding-top: 0px rgb(0, 0, 0, 1);
border: 0px solid black;
}
.cardch {
padding-top: 2px rgb(0, 0, 0, 1);
border: 2px solid black;
background-color: rgba(200, 200, 200, 0.5);
padding-top: 0px rgb(0, 0, 0, 1);
border: 0px solid black;
}
.carda {
padding-top: 2px rgb(0, 0, 0, 1);
border: 1px solid black;
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(255, 255, 255, 0.5);
border: 1px solid rgb(0, 0, 0);
background-color: rgba(200, 200, 200, 0.5);
border: 0px solid rgb(0, 0, 0);
color: #000000;
}
.theme-button {
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgb(0, 0, 0);
background-color: rgba(200, 200, 200, 0.5);
border: 0px solid rgb(0, 0, 0);
color: #000000;
}
body {
color: black;
background: white;
background: rgb(255, 255, 255);
}
.body-trans {
@@ -71,13 +74,24 @@ a:active {
}
.card-button {
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgb(0, 0, 0);
background-color: rgba(200, 200, 200, 0.5);
border: 0px solid rgb(0, 0, 0);
color: black;
}
.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: rgba(255, 255, 255, 0.8);
background-color: rgb(255, 255, 255);
}
@@ -89,4 +103,12 @@ table {
th {
background: rgba(255, 255, 255, 0);
color: rgba(255, 255, 255, 0);
}
.logo-data {
content: url(/img/logo-b.png);
}
.nav-hr {
color: #000000;
}
css/index.css
+10
View File
@@ -22,6 +22,7 @@
padding-right: 2px;
font-family: "Comic Sans MS";
text-align: left;
margin-bottom: 5px;
}
.cardch {
transition: 0.3s;
@@ -30,6 +31,9 @@
padding-right: 2px;
font-family: "Comic Sans MS";
}
.index-links {
margin-top: 10px;
}
@media only screen and (min-width : 801px) {
.last-ch {
@@ -51,6 +55,9 @@
.carda {
display: flex;
}
.logo-data {
width: 100%;
}
}
@media only screen and (max-width : 800px) {
@@ -70,4 +77,7 @@
padding-top: 20px;
padding-bottom: 20px;
}
.logo-data {
width: 50%;
}
}
css/manga.css
+9 -6
View File
@@ -7,17 +7,20 @@
}
.card {
transition: 0.3s;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
margin-bottom: 5px;
font-family: "Comic Sans MS";
text-align: left;
}
.cardch {
transition: 0.3s;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
font-family: "Comic Sans MS";
}
css/style.css
+52
View File
@@ -132,6 +132,34 @@ td, th {
text-align: left;
}
.nav-button {
padding: 5px;
font-family: "Comic Sans MS";
cursor: pointer;
opacity: 1;
margin-bottom: 2px;
}
.button-e {
opacity: 1;
}
.button-e:hover {
opacity: 0.8;
}
.block-text {
font-family: "Comic Sans MS";
cursor: pointer;
opacity: 1;
margin-top: 2px;
padding: 5px;
}
.nav-hr {
width: 95%;
height: 1px;
visibility: hidden;
}
@media only screen and (min-width : 801px) {
.pc-only {
@@ -170,6 +198,18 @@ td, th {
background-clip: content-box;
list-style: none;
}
.nav-button {
width: 100%;
height: 15%;
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
}
.block-text {
width: 100%;
height: 15%;
}
}
@media only screen and (min-width : 801px) and (max-width : 1090px) {
@@ -203,4 +243,16 @@ td, th {
.mobile-only {
display: block;
}
.nav-button {
width: 100%;
height: 30%;
padding-left: 0px;
padding-right: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
.block-text{
width: 100%;
height: 30%;
}
}
img/logo-b.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

img/logo-c.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

img/logo-w.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

index.html
+12 -7
View File
@@ -2,8 +2,8 @@
<html>
<head>
<title>Loading...</title>
<link rel="stylesheet" href="css/style.css?v=3">
<link rel="stylesheet" href="css/index.css?v=3">
<link rel="stylesheet" href="css/style.css?v=4">
<link rel="stylesheet" href="css/index.css?v=4">
<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 -->
@@ -39,12 +39,17 @@
<div class="onecol">
<img id="cover" class="cover">
<div id="title" class="titlediv">
<h1>Manga.<span class="title-index-nyaa">nyaa</span>.ninja</h1>
<img class="logo-data" src="img/logo-c.png">
</div>
<a class="aace links" href="https://discord.gg/WGktEbWTEV" target="_blank"><button class="card-button promo-link">[Discord] Новости на Silver Town</button></a><button id="lastchbutton" class="card-button last-ch" onclick="last_ch_go()"></button>
<div class="copyright pc-only">
<a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href="https://t.me/nyaa_ninja" target="_blank">/Telegram</a> | <a class="aace links" href="https://github.com/Hell13Cat/static-manga-engine" target="_blank">/GitHub</a><br>
<a class="aace links" href="setting.html">Настройки</a>
<a class="aace links button-e" href="https://discord.gg/WGktEbWTEV" target="_blank"><button class="nav-button">[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="aace links button-e" href="setting.html"><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>
<a class="aace links button-e" href="https://github.com/Hell13Cat/static-manga-engine" target="_blank"><button class="nav-button">GitHub</button></a><br>
</div>
</div>
<!—/noindex—>
js/index.js
+1 -1
View File
@@ -33,7 +33,7 @@ function start() {
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";
manga_one_ref.className = "links index-links";
let manga_one_cover = document.createElement('img');
manga_one_cover.src = manga_info["cover"];
manga_one_cover.className = "cover";
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 = 2
version = 4
name_style = "css/color-"+name_short+".css?v=" + version;
link.href = name_style;
link.id = "currentstylesheet";
manga.html
+9 -6
View File
@@ -2,8 +2,8 @@
<html>
<head>
<title>Страница манги</title>
<link rel="stylesheet" href="css/style.css?v=3">
<link rel="stylesheet" href="css/manga.css?v=3">
<link rel="stylesheet" href="css/style.css?v=4">
<link rel="stylesheet" href="css/manga.css?v=4">
<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>
@@ -32,12 +32,15 @@
<div class="content" id="bodydiv" style="visibility: hidden;">
<div class="onecol">
<img id="cover" class="cover">
<div id="title" class="titlediv">
<div id="title" class="aace nav-button">
<h1></h1>
</div>
<div class="copyright pc-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 class="pc-only">
<a class="aace links button-e" href="."><button class="nav-button">Главная</button></a>
<a class="aace links button-e" href="setting.html"><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">
setting.html
+13 -10
View File
@@ -2,8 +2,8 @@
<html>
<head>
<title>Loading...</title>
<link rel="stylesheet" href="css/style.css?v=3">
<link rel="stylesheet" href="css/setting.css?v=3">
<link rel="stylesheet" href="css/style.css?v=4">
<link rel="stylesheet" href="css/setting.css?v=4">
<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>
@@ -32,20 +32,23 @@
<div id="maindiv">
<div id="bodydiv" class="content">
<div class="onecol">
<div id="title" class="titlediv">
<div id="title" class="titlediv nav-button">
<h1>Настройки</h1>
</div>
<div class="copyright pc-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="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">Настройки хранятся на каждом устройстве отдельно! Время хранения 1 месяц!</p>
<h2 class="aace al-left">Тема</h2>
<button class="theme-button" onclick="swap_theme(3)">Темная</button><br>
<button class="theme-button" onclick="swap_theme(2)">Белая</button><br>
<button class="theme-button" onclick="swap_theme(1)">Чёрная</button><br>
<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>