Mirrors/tachiyomi-website
2
0
Fork 0
mirror of https://github.com/tachiyomiorg/website.git synced 2024-10-31 23:15:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged FAQ, added Lazy Load and GIFs

Browse Source
This commit is contained in:
Simon Mattila 2019-07-23 00:49:24 +02:00
parent 81018463d3
commit 551b969414
6 changed files with 53 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/step-save.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 MiB

BIN
assets/step-unknownapps-post8.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 700 KiB

BIN
assets/step-unknownapps-pre8.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

13
assets/style.css
View File

@ -12,7 +12,7 @@ body {
}
.form-signin {
width: 100%;
max-width: 500px;
max-width: 525px;
padding: 15px;
margin: auto;
}
@ -172,4 +172,15 @@ a.faq-answer:hover {
100% {
background-color: rgba(255, 255, 0, 0);
}
}
hr {
display: block;
margin-before: 0.5em;
margin-after: 0.5em;
margin-start: auto;
margin-end: auto;
overflow: hidden;
border-style: inset;
border-width: 1px;
}

3
faq/index.html
View File

@ -18,7 +18,8 @@
<div class="text-center mb-4">
<p class="faq" id="how-do-i-allow-third-party-installations-on-my-phone"><a class="faq-question" href="#how-do-i-allow-third-party-installations-on-my-phone">Q</a> How do I allow third-party installations on my phone?<br>
<a class="faq-answer" href="#how-do-i-allow-third-party-installations-on-my-phone">A</a> 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.<br>
Read more in-depth <a href="https://android.gadgethacks.com/how-to/sideload-apps-android-8-0-higher-now-unknown-sources-is-gone-0184399/" target="_blank">here</a>.</p>
Read more in-depth <a href="https://android.gadgethacks.com/how-to/sideload-apps-android-8-0-higher-now-unknown-sources-is-gone-0184399/" target="_blank">here</a>.
</p>
</div>
<p class="mt-5 mb-3 text-muted text-center">More frequently asked questions can be found <a href="https://github.com/inorichi/tachiyomi/wiki/FAQ#frequently-asked-questions" target="_blank">here</a></p>
</form>

50
index.html
View File

@ -14,7 +14,7 @@
<div class="text-center mb-4">
<img class="mb-4" src="assets/app-icon.png">
<h1 class="h3 mb-3 font-weight-normal">Getting started with Tachiyomi</h1>
<p><a target="_blank" href="https://github.com/inorichi/tachiyomi">Tachiyomi</a> is a free and open source manga reader for Android.</p>
<p><a href="https://github.com/inorichi/tachiyomi" target="_blank">Tachiyomi</a> is a free and open source manga reader for Android.</p>
</div>
<div class="text-center mb-4">
<div id="installation">
@ -23,19 +23,21 @@
<p class="step" id="step1"><a class="step-number" href="#step1">1</a> Get the latest stable release from <a href="https://github.com/inorichi/tachiyomi/releases/tag/v0.8.4">GitHub.</a><br>
<code>tachiyomi-vX.Y.Z.apk</code></p>
<p class="step" id="step2"><a class="step-number" href="#step2">2</a> Install the <code>.apk</code> file you just downloaded from GitHub.<br>
<img class="img-fluid step-img" src="assets/step-install.jpg"></p>
<img class="lazyload step-img" data-src="assets/step-install.jpg"></p>
<hr>
</div>
<div id="extensions">
<a href="#extensions">
<h1 class="h5 mb-3 font-weight-normal mainstep">Extensions</h1></a>
<p class="step" id="step3"><a class="step-number" href="#step3">3</a> Now that Tachiyomi is installed, open the app and navigate to the <code>Extensions</code> tab.<br>
<img class="img-fluid step-img" src="assets/step-extensions.gif"></p>
<p class="step" id="step4"><a class="step-number" href="#step4">4</a> In this guide we will use <code>MangaDex</code>, 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="faq/#how-do-i-allow-third-party-installations-on-my-phone">this</a> guide.<br>
<img class="lazyload step-img" data-src="assets/step-extensions.gif"></p>
<p class="step" id="step4"><a class="step-number" href="#step4">4</a> In this guide we will use <code>MangaDex</code>, 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="#how-do-i-allow-third-party-installations-on-my-phone">this</a> guide.<br>
<br>
If you successfully installed MangaDex then it should now show up in the <code>Catalogues</code> tab.<br>
<br>
The items appearing here are called <code>Sources</code>, an extension can contain multiple sources.<br>
<img class="img-fluid step-img" src="assets/step-catalogues.png"></p>
<img class="lazyload step-img" data-src="assets/step-catalogues.png"></p>
<hr>
</div>
<div id="library">
<a href="#library">
@ -44,14 +46,37 @@
<p class="step" id="step6"><a class="step-number" href="#step6">6</a> Now that you've found manga that you want to add to your library, click on it and then press the blue bookmark button.<br>
<br>
It should now appear in your <code>My library</code> tab, ready to be read!<br>
<img class="img-fluid step-img" src="assets/step-save.png"></p>
</div>
<div id="finished">
<a href="#finished">
<h1 class="h5 mb-3 font-weight-normal mainstep">Finished</h1></a>
<p>Now you're finished and know how to use the app, if there's anything else you need you can <a href="https://github.com/inorichi/tachiyomi/wiki">visit the wiki</a> or <a href="https://discord.gg/tachiyomi">join our Discord.</a></p>
<img class="lazyload step-img" data-src="assets/step-save.gif"></p>
<hr>
</div>
</div>
<div class="text-center mb-4">
<h1 class="h3 mb-3 font-weight-normal">Frequently Asked Questions</h1>
</div>
<div class="text-center mb-4">
<!-- <p class="faq" id="X"><a class="faq-question" href="#X">Q</a> Y<br>
<br><a class="faq-answer" href="#X">A</a> Z</p> -->
<p class="faq" id="what-are-some-other-good-extensions"><a class="faq-question" href="#what-are-some-good-extensions">Q</a> What are some good extensions?<br>
<br>
<a class="faq-answer" href="#what-are-some-other-good-extensions">A</a> The most popular is MangaDex, MangaRock and MangaSee, these are large sites which host content from scanlators, there's also extensions like Genkan, Madara, FoolSlide and ComiCake which contains sources which hosts directly from the scanlators own websites.</p>
<hr>
<p class="faq" id="how-do-i-allow-third-party-installations-on-my-phone"><a class="faq-question" href="#how-do-i-allow-third-party-installations-on-my-phone">Q</a> How do I allow third-party installations on my phone?<br>
<br>
<a class="faq-answer" href="#how-do-i-allow-third-party-installations-on-my-phone">A</a> 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.<br>
<br>
Two example videos, left one is for newer Androids.<br>
<a class="col-sm-4" data-gallery="example-gallery" data-toggle="lightbox" href="assets/step-unknownapps-post8.gif"><img class="lazyload" data-src="assets/step-unknownapps-post8.gif" width="200" height="325"></a> <a class="col-sm-4" data-gallery="example-gallery" data-toggle="lightbox" href="assets/step-unknownapps-pre8.gif"><img class="lazyload" data-src="assets/step-unknownapps-pre8.gif" width="200" height="325"></a></p>
<hr>
<p class="faq" id="im-not-getting-any-results-when-browsing-mangadex"><a class="faq-question" href="#im-not-getting-any-results-when-browsing-mangadex">Q</a> I'm not getting any results when browsing MangaDex<br>
<br>
<a class="faq-answer" href="#im-not-getting-any-results-when-browsing-mangadex">A</a> Go to <code>Browse</code> for MangaDex under <code>Catalogues</code>, press the three-dot button in the top-right corner and press the <code>Open in web view</code> button. Now go to the hamburger menu, press the <code>Manga</code> drop-down and then choose either <code>Sign up</code> or <code>Log in</code>.</p>
<hr>
<p class="faq" id="im-getting-no-results-found-when-trying-to-browse-mangadex-after-logging-in"><a class="faq-question" href="#im-getting-no-results-found-when-trying-to-browse-mangadex-after-logging-in">Q</a> I'm getting "No results found" when trying to browse MangaDex after logging in<br>
<br>
<a class="faq-answer" href="#im-getting-no-results-found-when-trying-to-browse-mangadex-after-logging-in">A</a> Go to <code>Browse</code> for MangaDex under <code>Catalogues</code>, press the three-dot button in the top-right corner and press the <code>Open in web view</code> button. Now go to the hamburger menu, press the <code>Manga</code> drop-down and then <code>Titles</code>. The last step is to go to the icon in the upper right that looks like four-boxes and select <code>Detailed</code></p>
<hr>
</div>
<p class="mt-5 mb-3 text-muted text-center">More frequently asked questions can be found <a href="https://github.com/inorichi/tachiyomi/wiki/FAQ#frequently-asked-questions" target="_blank">here</a></p>
</form>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js">
</script>
@ -59,5 +84,8 @@
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js">
</script>
<script>$("img.lazyload").lazyload();</script>
</body>
</html>