tachiyomi-website/index.html
2019-07-22 22:28:44 +02:00

63 lines
3.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<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">
<h1 class="h3 mb-3 font-weight-normal">Get started with Tachiyomi</h1>
<p><a href="https://github.com/inorichi/tachiyomi">Tachiyomi</a> is a free and open source manga reader for Android.</p>
</div>
<div class="text-center mb-4">
<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>
<img class="img-fluid step-img" src="assets/step-install.jpg"></p>
</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.png"></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/index.html#faq1">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>
</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>
<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>
</div>
</div>
</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>
</body>
</html>