eng0.4.0

2022-05-03 19:46:28 +03:00
parent de06966289
commit 2cdce66869
14 changed files with 165 additions and 83 deletions
@@ -2,8 +2,8 @@
 <html>
    <head>
        <title>Страница главы</title>
-        <link rel="stylesheet" href="css/style.css?v=2">
-        <link rel="stylesheet" href="css/ch.css?v=2">
+        <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">
        <script type="text/javascript" src="js/ch.js"></script>
        <script type="text/javascript" src="js/theming.js"></script>
@@ -20,6 +20,7 @@
        <meta property="og:title" content="Глава">
        <meta property="og:site_name" content="manga.nyaa.ninja">
        <meta property="og:description" content="Страница главы">
+        <meta property="og:image" content="android-chrome-512x512.png">
    </head>
    <body>
        <script type="text/javascript">
@@ -28,26 +29,34 @@
        <div class="body-trans">
            <div id="maindiv">
                <progress class="progress-page" id="progresspage"></progress><br><h id="titlesys"></h>
-                <div id="bodydiv" style="visibility: hidden;">
-                    <div id="title_ch" class="titlediv">
-                        <h2 id="namech"></h2>
+                <div class="content" id="bodydiv" style="visibility: hidden;">
+                    <div class="onecol">
+                        <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 class="contentdiv">
+                    <div class="twocol">
                        <progress class="progress-page" id="progressimage"></progress><br>
                        <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" 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 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 class="card-button-ch nav-button-fullscreen"  onclick="toggleFullScreen()">Экран</button><button class="card-button-ch nav-button-home"  onclick="manga_page()">Главы</button>
                        </div>
-                        <div id="copyright" 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>
-                            <a class="aace links" href="setting.html">Настройки</a>
-                        </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>
            </div>
@@ -19,15 +19,15 @@

@media only screen and (min-width : 801px) {
    .nav-button {
-        width: 35%;
+        width: 50%;
        height: 15%;
    }
    .nav-button-home {
-        width: 20%;
+        width: 100%;
        height: 15%;
    }
    .nav-button-fullscreen {
-        width: 10%;
+        width: 100%;
        height: 15%;
    }
    .card-button-ch {
@@ -33,7 +33,7 @@

@media only screen and (min-width : 801px) {
    .last-ch {
-        width: 50%;
+        width: 100%;
        height: 15%;
        padding-left: 0px;
        padding-right: 0px;
@@ -41,7 +41,7 @@
        padding-bottom: 15px;
    }
    .promo-link {
-        width: 50%;
+        width: 100%;
        height: 15%;
        padding-left: 0px;
        padding-right: 0px;
@@ -1,9 +1,7 @@
 .progress-page {
    width: 100%;
 }
-.cover {
-    width: 25%;
-}
+
 .invis {
    display: none;
 }
@@ -21,4 +19,16 @@
    padding-bottom: 2px;
    padding-right: 2px;
    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%;
+    }
 }
@@ -131,11 +131,14 @@ td, th {
 .al-left {
    text-align: left;
 }
+
+
@media only screen and (min-width : 801px) {
-    #maindiv {
-        width: 60%;
-        margin-left: 20%;
-        margin-right: 20%;
+    .pc-only {
+        display: block;
+    }
+    .mobile-only {
+        display: none;
    }
    .sitebuttons {
        width: 100%;
@@ -147,14 +150,43 @@ td, th {
    table {
        width: 150px;
    }
-}
-    
-@media only screen and (max-width : 800px) {
-    #maindiv {
-        width: 100%;
-        margin-left: 0%;
-        margin-right: 0%;
+    .content {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        max-height: 100%;
+        padding: 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 {
        width: 100%;
    }
@@ -165,4 +197,10 @@ td, th {
    table {
        width: 130px;
    }
+    .pc-only {
+        display: none;
+    }
+    .mobile-only {
+        display: block;
+    }
 }
@@ -2,8 +2,8 @@
 <html>
    <head>
        <title>Loading...</title>
-        <link rel="stylesheet" href="css/style.css?v=2">
-        <link rel="stylesheet" href="css/index.css?v=2">
+        <link rel="stylesheet" href="css/style.css?v=3">
+        <link rel="stylesheet" href="css/index.css?v=3">
        <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 -->
@@ -20,6 +20,7 @@
        <meta property="og:title" content="Главная">
        <meta property="og:site_name" content="manga.nyaa.ninja">
        <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="user-scalable=yes">
@@ -33,20 +34,28 @@
            <div id="maindiv">
                <progress class="progress-page" id="progresspage"></progress><br><h id="titlesys"></h>
                <div id="bodydiv" style="visibility: hidden;">
-                    <!—noindex—>
-                    <img id="cover" class="cover">
-                    <div id="title" class="titlediv">
-                        <h1>Manga.<span class="title-index-nyaa">nyaa</span>.ninja</h1>
+                    <div class="content">
+                        <!—noindex—>
+                        <div class="onecol">
+                            <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>
-                    <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>
@@ -2,8 +2,8 @@
 <html>
    <head>
        <title>Страница манги</title>
-        <link rel="stylesheet" href="css/style.css?v=2">
-        <link rel="stylesheet" href="css/manga.css?v=2">
+        <link rel="stylesheet" href="css/style.css?v=3">
+        <link rel="stylesheet" href="css/manga.css?v=3">
        <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>
@@ -20,6 +20,7 @@
        <meta property="og:title" content="Манги">
        <meta property="og:site_name" content="manga.nyaa.ninja">
        <meta property="og:description" content="Страница манги">
+        <meta property="og:image" content="android-chrome-512x512.png">
    </head>
    <body>
        <script type="text/javascript">
@@ -28,27 +29,35 @@
        <div class="body-trans">
            <div id="maindiv">
                <progress class="progress-page" id="progress"></progress><br>
-                <div id="bodydiv" style="visibility: hidden;">
-                    <img id="cover" class="cover">
-                    <div id="title" class="titlediv">
-                        <h1></h1>
+                <div class="content" id="bodydiv" style="visibility: hidden;">
+                    <div class="onecol">
+                        <img id="cover" class="cover">
+                        <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 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" class="aace"></p>
-                    </div>
-                    <div id="cardinfoch" class="cardch">
-                        <p>Главы:</p>
-                        <p id="helper1" class="invis"></p>
-                    </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>
-                        <a class="aace links" href="setting.html">Настройки</a>
+                    <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" class="aace"></p>
+                        </div>
+                        <div id="cardinfoch" class="cardch">
+                            <p>Главы:</p>
+                            <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=".">/Главная</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>
@@ -2,8 +2,8 @@
 <html>
    <head>
        <title>Loading...</title>
-        <link rel="stylesheet" href="css/style.css?v=2">
-        <link rel="stylesheet" href="css/setting.css?v=2">
+        <link rel="stylesheet" href="css/style.css?v=3">
+        <link rel="stylesheet" href="css/setting.css?v=3">
        <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>
@@ -17,7 +17,8 @@
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
        <meta property="og:title" content="Главная">
        <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="user-scalable=yes">
@@ -29,22 +30,28 @@
        </script>
        <div class="body-trans">
            <div id="maindiv">
-                <div id="bodydiv">
-                    <img id="cover" class="cover">
-                    <div id="title" class="titlediv">
-                        <h1>Настройки</h1>
+                <div id="bodydiv" class="content">
+                    <div class="onecol">
+                        <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>
+                        </div>
                    </div>
-                    <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>
+                    <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>
+                        </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 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>
    </body>