Mirrors/tachiyomi-website
2
0
Fork 0
mirror of https://github.com/tachiyomiorg/website.git synced 2024-12-21 07:31:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

No preload, moves style under bootstrap toc

Browse Source
This commit is contained in:
Zane Hannan 2019-07-25 09:12:19 +10:00
parent 212ecebf7d
commit d984bd56be
2 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/style.css
View File

@ -1,10 +1,12 @@
html, body { html {
height: 100%; padding-bottom: 30em;
padding-bottom: calc(100vh - 30px);
} }
body { body {
padding-top: 40px; padding-top: 40px;
padding-bottom: 40px; padding-bottom: 40px;
background-color: #f5f5f5; background-color: #f5f5f5;
border-bottom: red dotted 30px;
} }
img { img {

18
index.html
View File

@ -6,9 +6,9 @@
<meta content="width=device-width, initial-scale=1" name="viewport"> <meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="description"> <meta content="" name="description">
<link href="favicon.ico" rel="icon"> <link href="favicon.ico" rel="icon">
<link href="assets/style.css" rel="stylesheet">
<link href="assets/bootstrap.min.css" rel="stylesheet"> <link href="assets/bootstrap.min.css" rel="stylesheet">
<link href="assets/bootstrap-toc.min.css" rel="stylesheet"> <link href="assets/bootstrap-toc.min.css" rel="stylesheet">
<link href="assets/style.css" rel="stylesheet">
</head> </head>
<body data-spy="scroll" data-target="#toc"> <body data-spy="scroll" data-target="#toc">
<div class="container"> <div class="container">
@ -34,10 +34,10 @@
<h3 class="h5 mb-3 font-weight-normal">Your first extension</h3> <h3 class="h5 mb-3 font-weight-normal">Your first extension</h3>
<p>Now that Tachiyomi is installed, open the app and navigate to the <code>Extensions</code> tab.</p> <p>Now that Tachiyomi is installed, open the app and navigate to the <code>Extensions</code> tab.</p>
<figure class="d-flex justify-content-center"> <figure class="d-flex justify-content-center">
<video preload="metadata" autoplay muted loop loading="lazy" poster="assets/extensions.png" intrinsicsize="600x1089" width="300" height="544"> <video preload="none" autoplay muted loop loading="lazy" poster="assets/extensions.png" intrinsicsize="600x1089" width="300" height="544">
<source src="assets/extensions.mp4" type="video/mp4" /> <source src="assets/extensions.mp4" type="video/mp4" />
<source src="assets/extensions.webm" type="video/webm" /> <source src="assets/extensions.webm" type="video/webm" />
<img src="assets/extensions.gif" alt width="300" height="544"/> <noscript><img src="assets/extensions.gif" alt width="300" height="544"/></noscript>
</video> </video>
</figure> </figure>
<p>In this guide we will use MangaDex, our most popular extension. Press the <code>Install</code> button and it will bring up the extension installer. If your phone does not allow third-party installations, follow <a href="#third-party-installs">this</a> guide.</p> <p>In this guide we will use MangaDex, our most popular extension. Press the <code>Install</code> button and it will bring up the extension installer. If your phone does not allow third-party installations, follow <a href="#third-party-installs">this</a> guide.</p>
@ -51,10 +51,10 @@
<p>Now that you've found manga that you want to add to your library, click on it and then press the blue bookmark button.</p> <p>Now that you've found manga that you want to add to your library, click on it and then press the blue bookmark button.</p>
<p>It should now appear in your <code>My library</code> tab, ready to be read!</p> <p>It should now appear in your <code>My library</code> tab, ready to be read!</p>
<figure class="d-flex justify-content-center"> <figure class="d-flex justify-content-center">
<video preload="metadata" autoplay muted loop loading="lazy" poster="assets/addtolibrary.png" intrinsicsize="600x1089" width="300" height="544"> <video preload="none" autoplay muted loop loading="lazy" poster="assets/addtolibrary.png" intrinsicsize="600x1089" width="300" height="544">
<source src="assets/addtolibrary.mp4" type="video/mp4" /> <source src="assets/addtolibrary.mp4" type="video/mp4" />
<source src="assets/addtolibrary.webm" type="video/webm" /> <source src="assets/addtolibrary.webm" type="video/webm" />
<img src="assets/addtolibrary.gif" alt width="300" height="544"/> <noscript><img src="assets/addtolibrary.gif" alt width="300" height="544"/></noscript>
</video> </video>
</figure> </figure>
<div class="mb-4"> <div class="mb-4">
@ -70,17 +70,17 @@
<p>When installing your first extension and are promted that your phone isn't allowed to install unknown apps from that source, simply press the <code>Settings</code> button and then allow it.</p> <p>When installing your first extension and are promted that your phone isn't allowed to install unknown apps from that source, simply press the <code>Settings</code> button and then allow it.</p>
<p>Two example videos, left one is for newer Androids.</p> <p>Two example videos, left one is for newer Androids.</p>
<figure class="d-flex justify-content-center"> <figure class="d-flex justify-content-center">
<video preload="metadata" autoplay muted loop loading="lazy" poster="assets/unknownapps-android8.png" intrinsicsize="400x688" width="200" height="344"> <video preload="none" autoplay muted loop loading="lazy" poster="assets/unknownapps-android8.png" intrinsicsize="400x688" width="200" height="344">
<source src="assets/unknownapps-android8.mp4" type="video/mp4" /> <source src="assets/unknownapps-android8.mp4" type="video/mp4" />
<source src="assets/unknownapps-android8.webm" type="video/webm" /> <source src="assets/unknownapps-android8.webm" type="video/webm" />
<img src="assets/unknownapps-android8.gif" alt width="200" height="344"/> <noscript><img src="assets/unknownapps-android8.gif" alt width="200" height="344"/></noscript>
</video> </video>
</figure> </figure>
<figure class="d-flex justify-content-center"> <figure class="d-flex justify-content-center">
<video preload="metadata" autoplay muted loop loading="lazy" poster="assets/unknownapps-android7.png" intrinsicsize="400x688" width="200" height="344"> <video preload="none" autoplay muted loop loading="lazy" poster="assets/unknownapps-android7.png" intrinsicsize="400x688" width="200" height="344">
<source src="assets/unknownapps-android7.mp4" type="video/mp4" /> <source src="assets/unknownapps-android7.mp4" type="video/mp4" />
<source src="assets/unknownapps-android7.webm" type="video/webm" /> <source src="assets/unknownapps-android7.webm" type="video/webm" />
<img src="assets/unknownapps-android7.gif" alt width="200" height="344"/> <noscript><img src="assets/unknownapps-android7.gif" alt width="200" height="344"/></noscript>
</video> </video>
</figure> </figure>
</details> </details>