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

eng0.4.0

Browse Source
This commit is contained in:
Hell13Cat
2022-05-03 19:46:28 +03:00
parent de06966289
commit 2cdce66869
14 changed files with 165 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
android-chrome-192x192.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

android-chrome-512x512.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 515 KiB

After

Width:  |  Height:  |  Size: 28 KiB

apple-touch-icon.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 78 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

ch.html
+20 -11
View File
@@ -2,8 +2,8 @@
<html> <html>
<head> <head>
<title>Страница главы</title> <title>Страница главы</title>
<link rel="stylesheet" href="css/style.css?v=2"> <link rel="stylesheet" href="css/style.css?v=3">
<link rel="stylesheet" href="css/ch.css?v=2"> <link rel="stylesheet" href="css/ch.css?v=3">
<link rel="stylesheet" href="css/color-dark.css"> <link rel="stylesheet" href="css/color-dark.css">
<script type="text/javascript" src="js/ch.js"></script> <script type="text/javascript" src="js/ch.js"></script>
<script type="text/javascript" src="js/theming.js"></script> <script type="text/javascript" src="js/theming.js"></script>
@@ -20,6 +20,7 @@
<meta property="og:title" content="Глава"> <meta property="og:title" content="Глава">
<meta property="og:site_name" content="manga.nyaa.ninja"> <meta property="og:site_name" content="manga.nyaa.ninja">
<meta property="og:description" content="Страница главы"> <meta property="og:description" content="Страница главы">
<meta property="og:image" content="android-chrome-512x512.png">
</head> </head>
<body> <body>
<script type="text/javascript"> <script type="text/javascript">
@@ -28,26 +29,34 @@
<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>
<div id="bodydiv" style="visibility: hidden;"> <div class="content" id="bodydiv" style="visibility: hidden;">
<div id="title_ch" class="titlediv"> <div class="onecol">
<h2 id="namech"></h2> <div id="title_ch" class="titlediv">
<h2 id="namech"></h2>
</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>
</div> </div>
<div class="contentdiv"> <div class="twocol">
<progress class="progress-page" id="progressimage"></progress><br> <progress class="progress-page" id="progressimage"></progress><br>
<p class="aace"><span id="curentpage">1</span> / <span id="totalpage"></span></p> <p class="aace"><span id="curentpage">1</span> / <span id="totalpage"></span></p>
<img src="" id="mangapage"><br> <img src="" id="mangapage"><br>
<progress class="progress-page" id="progressimage2"></progress><br> <progress class="progress-page" id="progressimage2"></progress><br>
<div id="pc_elem"> <div id="pc_elem">
<button id="prevbutton" class="card-button-ch nav-button" onclick="page_flip(-1)">&#60; Страница</button><button class="card-button-ch nav-button-fullscreen" onclick="toggleFullScreen()">Экран</button><button class="card-button-ch nav-button-home" onclick="manga_page()">Главы</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" onclick="page_flip(-1)">&#60; Страница</button><button id="nextbutton" class="card-button-ch nav-button" onclick="page_flip(1)">Страница &#62;</button>
</div> </div>
<div id="mobile_elem"> <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" onclick="page_flip(-1)">&#60; Страница</button><button id="nextbutton" class="card-button-ch nav-button" 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> <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>
<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/Manga_nyaa_ninja" target="_blank">/Telegram</a><br> <div id="copyright" class="copyright mobile-only">
<a class="aace links" href="setting.html">Настройки</a> <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> <a class="aace links" href="setting.html">Настройки</a>
</div> </div>
</div> </div>
</div> </div>
css/ch.css
+3 -3
View File
@@ -19,15 +19,15 @@
@media only screen and (min-width : 801px) { @media only screen and (min-width : 801px) {
.nav-button { .nav-button {
width: 35%; width: 50%;
height: 15%; height: 15%;
} }
.nav-button-home { .nav-button-home {
width: 20%; width: 100%;
height: 15%; height: 15%;
} }
.nav-button-fullscreen { .nav-button-fullscreen {
width: 10%; width: 100%;
height: 15%; height: 15%;
} }
.card-button-ch { .card-button-ch {
css/index.css
+2 -2
View File
@@ -33,7 +33,7 @@
@media only screen and (min-width : 801px) { @media only screen and (min-width : 801px) {
.last-ch { .last-ch {
width: 50%; width: 100%;
height: 15%; height: 15%;
padding-left: 0px; padding-left: 0px;
padding-right: 0px; padding-right: 0px;
@@ -41,7 +41,7 @@
padding-bottom: 15px; padding-bottom: 15px;
} }
.promo-link { .promo-link {
width: 50%; width: 100%;
height: 15%; height: 15%;
padding-left: 0px; padding-left: 0px;
padding-right: 0px; padding-right: 0px;
css/manga.css
+13 -3
View File
@@ -1,9 +1,7 @@
.progress-page { .progress-page {
width: 100%; width: 100%;
} }
.cover {
width: 25%;
}
.invis { .invis {
display: none; display: none;
} }
@@ -21,4 +19,16 @@
padding-bottom: 2px; padding-bottom: 2px;
padding-right: 2px; padding-right: 2px;
font-family: "Comic Sans MS"; font-family: "Comic Sans MS";
}
@media only screen and (min-width : 801px) {
.cover {
width: 90%;
}
}
@media only screen and (max-width : 800px) {
.cover {
width: 25%;
}
} }
css/style.css
+49 -11
View File
@@ -131,11 +131,14 @@ td, th {
.al-left { .al-left {
text-align: left; text-align: left;
} }
@media only screen and (min-width : 801px) { @media only screen and (min-width : 801px) {
#maindiv { .pc-only {
width: 60%; display: block;
margin-left: 20%; }
margin-right: 20%; .mobile-only {
display: none;
} }
.sitebuttons { .sitebuttons {
width: 100%; width: 100%;
@@ -147,14 +150,43 @@ td, th {
table { table {
width: 150px; width: 150px;
} }
} .content {
display: flex;
@media only screen and (max-width : 800px) { flex-direction: row;
#maindiv { flex-wrap: wrap;
width: 100%; max-height: 100%;
margin-left: 0%; padding: 0;
margin-right: 0%;
} }
.onecol {
width: 20%;
height: 100%;
background-clip: content-box;
list-style: none;
padding-right: 1%;
}
.twocol {
width: 79%;
height: 100%;
background-clip: content-box;
list-style: none;
}
}
@media only screen and (min-width : 801px) and (max-width : 1090px) {
.titlediv {
font-size: 60%;
}
}
@media only screen and (min-width : 1091px) {
.titlediv {
font-size: 80%;
}
}
@media only screen and (max-width : 800px) {
.sitebuttons { .sitebuttons {
width: 100%; width: 100%;
} }
@@ -165,4 +197,10 @@ td, th {
table { table {
width: 130px; width: 130px;
} }
.pc-only {
display: none;
}
.mobile-only {
display: block;
}
} }
favicon-16x16.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 926 B

After

Width:  |  Height:  |  Size: 467 B

favicon-32x32.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

favicon.ico
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

index.html
+24 -15
View File
@@ -2,8 +2,8 @@
<html> <html>
<head> <head>
<title>Loading...</title> <title>Loading...</title>
<link rel="stylesheet" href="css/style.css?v=2"> <link rel="stylesheet" href="css/style.css?v=3">
<link rel="stylesheet" href="css/index.css?v=2"> <link rel="stylesheet" href="css/index.css?v=3">
<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> <script type="text/javascript" src="js/theming.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -20,6 +20,7 @@
<meta property="og:title" content="Главная"> <meta property="og:title" content="Главная">
<meta property="og:site_name" content="manga.nyaa.ninja"> <meta property="og:site_name" content="manga.nyaa.ninja">
<meta property="og:description" content="Главная страница"> <meta property="og:description" content="Главная страница">
<meta property="og:image" content="android-chrome-512x512.png">
<!-- <!--
<meta name="viewport" content="height=device-height"> <meta name="viewport" content="height=device-height">
<meta name="viewport" content="user-scalable=yes"> <meta name="viewport" content="user-scalable=yes">
@@ -33,20 +34,28 @@
<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>
<div id="bodydiv" style="visibility: hidden;"> <div id="bodydiv" style="visibility: hidden;">
<!—noindex—> <div class="content">
<img id="cover" class="cover"> <!—noindex—>
<div id="title" class="titlediv"> <div class="onecol">
<h1>Manga.<span class="title-index-nyaa">nyaa</span>.ninja</h1> <img id="cover" class="cover">
<div id="title" class="titlediv">
<h1>Manga.<span class="title-index-nyaa">nyaa</span>.ninja</h1>
</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>
</div>
</div>
<!—/noindex—>
<div class="twocol">
<p id="helper1" class="invis"></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="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>
</div>
</div> </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>
<!—/noindex—>
<p id="helper1" class="invis"></p>
</div>
<div class="copyright">
<!—noindex—>
<a class="aace links" href="mailto:dcma@nyaa.ninja?subject=Manga Site" target="_blank">/DCMA</a> | <a class="aace links" href="https://t.me/Manga_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>
<!—/noindex—>
</div> </div>
</div> </div>
</div> </div>
manga.html
+31 -22
View File
@@ -2,8 +2,8 @@
<html> <html>
<head> <head>
<title>Страница манги</title> <title>Страница манги</title>
<link rel="stylesheet" href="css/style.css?v=2"> <link rel="stylesheet" href="css/style.css?v=3">
<link rel="stylesheet" href="css/manga.css?v=2"> <link rel="stylesheet" href="css/manga.css?v=3">
<link rel="stylesheet" href="css/color-dark.css"> <link rel="stylesheet" href="css/color-dark.css">
<script type="text/javascript" src="js/manga.js"></script> <script type="text/javascript" src="js/manga.js"></script>
<script type="text/javascript" src="js/theming.js"></script> <script type="text/javascript" src="js/theming.js"></script>
@@ -20,6 +20,7 @@
<meta property="og:title" content="Манги"> <meta property="og:title" content="Манги">
<meta property="og:site_name" content="manga.nyaa.ninja"> <meta property="og:site_name" content="manga.nyaa.ninja">
<meta property="og:description" content="Страница манги"> <meta property="og:description" content="Страница манги">
<meta property="og:image" content="android-chrome-512x512.png">
</head> </head>
<body> <body>
<script type="text/javascript"> <script type="text/javascript">
@@ -28,27 +29,35 @@
<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>
<div id="bodydiv" style="visibility: hidden;"> <div class="content" id="bodydiv" style="visibility: hidden;">
<img id="cover" class="cover"> <div class="onecol">
<div id="title" class="titlediv"> <img id="cover" class="cover">
<h1></h1> <div id="title" class="titlediv">
<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>
</div> </div>
<div id="cardinfo" class="card"> <div class="twocol">
<p id="cardinfo1"></p> <div id="cardinfo" class="card">
<p id="cardinfo2"></p> <p id="cardinfo1"></p>
<p id="cardinfo3"></p> <p id="cardinfo2"></p>
</div> <p id="cardinfo3"></p>
<div id="cardinfo" class="card"> </div>
<p>Описание:</p> <div id="cardinfo" class="card">
<p id="descriptionmanga" class="aace"></p> <p>Описание:</p>
</div> <p id="descriptionmanga" class="aace"></p>
<div id="cardinfoch" class="cardch"> </div>
<p>Главы:</p> <div id="cardinfoch" class="cardch">
<p id="helper1" class="invis"></p> <p>Главы:</p>
</div> <p id="helper1" class="invis"></p>
<div class="copyright"> </div>
<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/Manga_nyaa_ninja" target="_blank">/Telegram</a><br> <div class="copyright mobile-only">
<a class="aace links" href="setting.html">Настройки</a> <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> </div>
</div> </div>
</div> </div>
setting.html
+23 -16
View File
@@ -2,8 +2,8 @@
<html> <html>
<head> <head>
<title>Loading...</title> <title>Loading...</title>
<link rel="stylesheet" href="css/style.css?v=2"> <link rel="stylesheet" href="css/style.css?v=3">
<link rel="stylesheet" href="css/setting.css?v=2"> <link rel="stylesheet" href="css/setting.css?v=3">
<script type="text/javascript" src="js/theming.js"></script> <script type="text/javascript" src="js/theming.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WBB07CK3DY"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WBB07CK3DY"></script>
@@ -17,7 +17,8 @@
<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="Главная">
<meta property="og:site_name" content="manga.nyaa.ninja"> <meta property="og:site_name" content="manga.nyaa.ninja">
<meta property="og:description" content="Главная страница"> <meta property="og:description" content="Настройки">
<meta property="og:image" content="android-chrome-512x512.png">
<!-- <!--
<meta name="viewport" content="height=device-height"> <meta name="viewport" content="height=device-height">
<meta name="viewport" content="user-scalable=yes"> <meta name="viewport" content="user-scalable=yes">
@@ -29,22 +30,28 @@
</script> </script>
<div class="body-trans"> <div class="body-trans">
<div id="maindiv"> <div id="maindiv">
<div id="bodydiv"> <div id="bodydiv" class="content">
<img id="cover" class="cover"> <div class="onecol">
<div id="title" class="titlediv"> <div id="title" class="titlediv">
<h1>Настройки</h1> <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>
</div> </div>
<div class="al-left"> <div class="twocol">
<p class="aace">Настройки хранятся на каждом устройстве отдельно! Время хранения 1 месяц!</p> <div class="al-left">
<h2 class="aace al-left">Тема</h2> <p class="aace">Настройки хранятся на каждом устройстве отдельно! Время хранения 1 месяц!</p>
<button class="theme-button" onclick="swap_theme(3)">Темная</button><br> <h2 class="aace al-left">Тема</h2>
<button class="theme-button" onclick="swap_theme(2)">Белая</button><br> <button class="theme-button" onclick="swap_theme(3)">Темная</button><br>
<button class="theme-button" onclick="swap_theme(1)">Чёрная</button><br> <button class="theme-button" onclick="swap_theme(2)">Белая</button><br>
<button class="theme-button" 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>
</div> </div>
</div> </div>
<div class="copyright">
<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/Manga_nyaa_ninja" target="_blank">/Telegram</a><br>
</div>
</div> </div>
</div> </div>
</body> </body>