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
0cd1b85d5a
tachiyomi-website/index.html

91 lines
7.2 KiB
HTML
Raw Normal View History

Added more steps
2019-07-22 20:53:26 +02:00
<!DOCTYPE html>
Tachiyomi Test
2019-07-22 19:19:44 +02:00
<html lang="en">
Added more steps
2019-07-22 20:53:26 +02:00
<head>
<title>Tachiyomi Installation</title>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<meta content="" name="description">
<link href="favicon.ico" rel="icon">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/style.css" rel="stylesheet">
</head>
<body>
<form class="form-signin">
<div class="text-center mb-4">
<img class="mb-4" src="assets/app-icon.png">
Change wording
2019-07-22 22:36:50 +02:00
<h1 class="h3 mb-3 font-weight-normal">Getting started with Tachiyomi</h1>
Merged FAQ, added Lazy Load and GIFs
2019-07-23 00:49:24 +02:00
<p><a href="https://github.com/inorichi/tachiyomi" target="_blank">Tachiyomi</a> is a free and open source manga reader for Android.</p>
Added more steps
2019-07-22 20:53:26 +02:00
</div>
<div class="text-center mb-4">
Large update to all files
2019-07-22 22:28:44 +02:00
<div id="installation">
<a href="#installation">
<h1 class="h5 mb-3 font-weight-normal mainstep">Installation</h1></a>
<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>
Merged FAQ, added Lazy Load and GIFs
2019-07-23 00:49:24 +02:00
<img class="lazyload step-img" data-src="assets/step-install.jpg"></p>
<hr>
Large update to all files
2019-07-22 22:28:44 +02:00
</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>
Merged FAQ, added Lazy Load and GIFs
2019-07-23 00:49:24 +02:00
<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>
Large update to all files
2019-07-22 22:28:44 +02:00
<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>
Merged FAQ, added Lazy Load and GIFs
2019-07-23 00:49:24 +02:00
<img class="lazyload step-img" data-src="assets/step-catalogues.png"></p>
<hr>
Large update to all files
2019-07-22 22:28:44 +02:00
</div>
<div id="library">
<a href="#library">
<h1 class="h5 mb-3 font-weight-normal mainstep">Library</h1></a>
<p class="step" id="step5"><a class="step-number" href="#step5">5</a> To find manga, you can now either use the <code>Latest</code> button on your source, or you can use <code>Browse</code> and search for it.</p>
<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>
Merged FAQ, added Lazy Load and GIFs
2019-07-23 00:49:24 +02:00
<img class="lazyload step-img" data-src="assets/step-save.gif"></p>
<hr>
Large update to all files
2019-07-22 22:28:44 +02:00
</div>
Added more steps
2019-07-22 20:53:26 +02:00
</div>
Merged FAQ, added Lazy Load and GIFs
2019-07-23 00:49:24 +02:00
<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>
Added SnakeDoc83s Spreadsheet
2019-07-23 00:56:21 +02:00
<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.<br><br><a target="_blank" href="https://docs.google.com/spreadsheets/d/1TyJEUg78WWH4zgnf3g6M2lkbWpBWbd40FYiPVQhW8IU/edit#gid=0">Here</a>'s a good spreadsheet showing the different extensions and their sources.</p>
Merged FAQ, added Lazy Load and GIFs
2019-07-23 00:49:24 +02:00
<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>
Added more steps
2019-07-22 20:53:26 +02:00
</form>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">
</script>
Merged FAQ, added Lazy Load and GIFs
2019-07-23 00:49:24 +02:00
<script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js">
</script>
<script>$("img.lazyload").lazyload();</script>
Tachiyomi Test
2019-07-22 19:19:44 +02:00
</body>
Update structure
2019-07-22 19:23:35 +02:00
</html>
Reference in New Issue Copy Permalink