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
37c943548a
tachiyomi-website/index.html

173 lines
8.8 KiB
HTML
Raw Normal View History

Added more steps
2019-07-22 20:53:26 +02:00
<!DOCTYPE html>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<html lang=en>
Added more steps
2019-07-22 20:53:26 +02:00
<head>
Change index.html title
2019-07-24 03:03:04 +02:00
<title>Tachiyomi Guide</title>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<meta charset=utf-8>
<meta content="width=device-width, initial-scale=1" name=viewport>
<meta content="" name=description>
<link href=favicon.ico rel=icon>
<link href="assets/bootstrap.min.css" rel=stylesheet>
<link href="assets/bootstrap-toc.min.css" rel=stylesheet>
<link href="assets/style.css" rel=stylesheet>
Added more steps
2019-07-22 20:53:26 +02:00
</head>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<body data-spy=scroll data-target="#toc">
<div class=container>
<div class=row>
<div class=col-sm-3>
remove generated toc
2019-07-26 03:33:05 +02:00
<nav class=sticky-top data-toggle=toc id=toc><!--toc--></nav>
Large update to all files
2019-07-22 22:28:44 +02:00
</div>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<div class=col-sm-6>
<div class="text-center mb-4"> <img src="assets/tachiyomi.png">
<h1 id=getting-started-with-tachiyomi>Getting started with Tachiyomi</h1>
<p><a href="https://github.com/inorichi/tachiyomi" target="_blank">Tachiyomi</a> is a free and open source manga reader for Android.
Changed text-align and div structure
2019-07-23 15:39:58 +02:00
</div>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<h2 id=installation>Installation</h2>
<h3 id=downloading-and-installing>Downloading and Installing</h3>
<p>Download the latest stable release of Tachiyomi from <a href="https://github.com/inorichi/tachiyomi/releases/tag/v0.8.4">GitHub.</a>
<p><code>tachiyomi-vX.Y.Z.apk</code>
<p>If you want to try new features before they get to the stable release, you can download the dev version <a href="http://tachiyomi.kanade.eu/latest">here</a>.
<p>Open and install the <code>.apk</code> file you just downloaded from GitHub.
<div class="d-flex justify-content-center"> <img height=152 intrinsicsize=1076x608 src="assets/install.jpg" width=269></div>
<h3 id=your-first-extension>Your first extension</h3>
<p>Now that Tachiyomi is installed, open the app and navigate to the <code>Extensions</code> tab.
move away from inflexible bootstrap to some degree
2019-07-25 01:49:16 +02:00
<figure>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<video controls crossorigin=use-credentials height=544 intrinsicsize=600x1089 loading=lazy loop muted playsinline poster="assets/extensions.png" preload=none width=300>
<source src="assets/extensions.mp4" type="video/mp4">
<source src="assets/extensions.webm" type="video/webm">
<noscript><img alt height=544 src="assets/extensions.gif" width=300></noscript>
stuff
2019-07-26 03:38:50 +02:00
</video></figure>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<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.
<h3 id=exploring-the-catalogue>Exploring the catalogue</h3>
<p>Now that you've installed the MangaDex extension it should show up in the <code>Catalogues</code> tab. The items appearing here are called <code>Sources</code>, an extension can contain multiple sources.
<div class="d-flex justify-content-center"> <img height=207 intrinsicsize=1080x828 loading=lazy src="assets/catalogues.png" width=270></div>
<h3 id=adding-manga-to-your-library>Adding manga to your library</h3>
<p>To find and add 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>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>It should now appear in your <code>My library</code> tab, ready to be read!
<figure> <video controls crossorigin=use-credentials height=544 intrinsicsize=600x1089 loading=lazy loop muted playsinline poster="assets/addtolibrary.png" preload=none width=300>
<source src="assets/addtolibrary.mp4" type="video/mp4">
<source src="assets/addtolibrary.webm" type="video/webm">
fix some breakages because hxtoc doesn't do what it says
2019-07-26 03:36:59 +02:00
<noscript><img alt height=544 src="assets/addtolibrary.gif" width=300></noscript>
</video></figure>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<div class=mb-4>
<h2 id=frequently-asked-questions>Frequently Asked Questions</h2>
Large changes - Removes dependencies on EOLed rawgit - Removes third party js - Moves to jquery slim - Migrates gif to mp4 and webm sources - Optimises png files - Removes some unused rules from style.css
2019-07-24 08:46:54 +02:00
<div class="mb-5 accordion">
fix some breakages because hxtoc doesn't do what it says
2019-07-26 03:36:59 +02:00
<details> <summary><h3 id=what-are-some-good-extensions>What are some good extensions?</h3></summary>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<p>The most popular are MangaDex, MangaRock and MangaSee, these are large sites which host content from scanlators, there's also extensions like Genkan, Madara, FoolSlide and ComiCake which contain sources which host directly from the scanlators own websites.
<p><a href="https://docs.google.com/spreadsheets/d/1TyJEUg78WWH4zgnf3g6M2lkbWpBWbd40FYiPVQhW8IU/edit#gid=0" target="_blank">Here</a>'s a good spreadsheet showing the different extensions and their sources.
Large changes - Removes dependencies on EOLed rawgit - Removes third party js - Moves to jquery slim - Migrates gif to mp4 and webm sources - Optimises png files - Removes some unused rules from style.css
2019-07-24 08:46:54 +02:00
</details>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
fix some breakages because hxtoc doesn't do what it says
2019-07-26 03:36:59 +02:00
<details> <summary><h3 id=how-do-i-allow-third-party-installations>How do I allow third-party installations on my phone?</h3></summary>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<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>Two example videos, left one is for newer Androids.
<figure> <video controls crossorigin=use-credentials height=344 intrinsicsize=400x688 loading=lazy loop muted playsinline poster="assets/unknownapps-android8.png" preload=none width=200>
<source src="assets/unknownapps-android8.mp4" type="video/mp4">
<source src="assets/unknownapps-android8.webm" type="video/webm">
</video><noscript><img alt height=344 src="assets/unknownapps-android8.gif" width=200></noscript> <video controls crossorigin=use-credentials height=344 intrinsicsize=400x688 loading=lazy loop muted playsinline poster="assets/unknownapps-android7.png" preload=none width=200>
<source src="assets/unknownapps-android7.mp4" type="video/mp4">
<source src="assets/unknownapps-android7.webm" type="video/webm">
<noscript><img alt height=344 src="assets/unknownapps-android7.gif" width=200></noscript>
</video></figure>
Large changes - Removes dependencies on EOLed rawgit - Removes third party js - Moves to jquery slim - Migrates gif to mp4 and webm sources - Optimises png files - Removes some unused rules from style.css
2019-07-24 08:46:54 +02:00
</details>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
fix some breakages because hxtoc doesn't do what it says
2019-07-26 03:36:59 +02:00
<details> <summary><h3 id=im-not-getting-any-results-when-searchin>I'm not getting any results when searching/browsing MangaDex...</h3></summary>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<p>Go to <code>Browse</code>/<code>Latest</code> for MangaDex under <code>Catalogues</code>, enter a random manga and then press overflow menu (3 dot menu) in the top-right corner and then the <code>Open in web view</code> button.
<p>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>.
Large changes - Removes dependencies on EOLed rawgit - Removes third party js - Moves to jquery slim - Migrates gif to mp4 and webm sources - Optimises png files - Removes some unused rules from style.css
2019-07-24 08:46:54 +02:00
</details>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
fix some breakages because hxtoc doesn't do what it says
2019-07-26 03:36:59 +02:00
<details> <summary><h3 id=ive-logged-in-to-mangadex-and-still-no-r>I've logged in to MangaDex and still no results...</h3></summary>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<p>Go to <code>Browse</code>/<code>Latest</code> for MangaDex under <code>Catalogues</code>, enter a random manga and then press the overflow menu (3 dot menu) in the top-right corner and then the <code>Open in web view</code> button.
<p>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>.
Large changes - Removes dependencies on EOLed rawgit - Removes third party js - Moves to jquery slim - Migrates gif to mp4 and webm sources - Optimises png files - Removes some unused rules from style.css
2019-07-24 08:46:54 +02:00
</details>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
fix some breakages because hxtoc doesn't do what it says
2019-07-26 03:36:59 +02:00
<details> <summary><h3 id=the-extensions-wont-install...>The extensions won't install...</h3></summary>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<p>In some cases your phone might have some issues downloading the extensions, in those cases you can try installing them yourselves directly from the source. <a href="https://github.com/inorichi/tachiyomi-extensions/tree/repo/apk" target="_blank">Here</a>'s the repository for the files.
<p>To install just download the <code>.apk</code> file for the extension you want and then install it, like how you installed Tachiyomi.
Removed Advanced etc. - Removed "Advanced Features". - Added "The extensions won't install...". - Changed design of FAQ slightly. - Reworded "Exploring the catalogue". - Added link for dev version in "Downloading and Installing". - Added link to GitHub FAQ at the end of FAQ.
2019-07-24 23:02:08 +02:00
</details>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<p class="mt-5 text-muted">More frequently asked questions can be found <a href="https://github.com/inorichi/tachiyomi/wiki/FAQ#frequently-asked-questions" target="_blank">here</a>.
Reworked the page
2019-07-24 03:01:32 +02:00
</div>
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
<h2 id=related-links>Related Links</h2>
<h3 id=github><a href="https://github.com/inorichi/tachiyomi/">Github</a></h3>
<h3 id=wiki><a href="https://github.com/inorichi/tachiyomi/wiki">Wiki</a></h3>
<h3 id=discord><a href="https://discord.gg/tachiyomi">Discord</a></h3>
Changed text-align and div structure
2019-07-23 15:39:58 +02:00
</div>
</div>
</div>
Large changes - Removes dependencies on EOLed rawgit - Removes third party js - Moves to jquery slim - Migrates gif to mp4 and webm sources - Optimises png files - Removes some unused rules from style.css
2019-07-24 08:46:54 +02:00
</div>
<!-- Scripts to be removed when possible -->
insert toc using hxtoc and hxnormalize ( https://www.w3.org/Tools/HTML-XML-utils/man1/hxtoc.html )
2019-07-26 03:30:57 +02:00
Fix ToC for FAQ
2019-07-24 09:14:58 +02:00
<script src="assets/jquery.slim.min.js"></script>
<script src="assets/bootstrap.min.js"></script>
<script src="assets/bootstrap-toc.min.js"></script>
stuff
2019-07-26 03:38:50 +02:00
<!-- convenence script -->
Reworked the page
2019-07-24 03:01:32 +02:00
<script>
Large changes - Removes dependencies on EOLed rawgit - Removes third party js - Moves to jquery slim - Migrates gif to mp4 and webm sources - Optimises png files - Removes some unused rules from style.css
2019-07-24 08:46:54 +02:00
addEventListener("hashchange", e => {
Fix ToC for FAQ
2019-07-24 09:14:58 +02:00
var q = document.querySelector(location.hash)
if (q instanceof HTMLHeadingElement && q.parentElement.parentElement instanceof HTMLDetailsElement) {
q.parentElement.parentElement.open = true;
}
Large changes - Removes dependencies on EOLed rawgit - Removes third party js - Moves to jquery slim - Migrates gif to mp4 and webm sources - Optimises png files - Removes some unused rules from style.css
2019-07-24 08:46:54 +02:00
})
make preload none, play inline, no autoplay
2019-07-25 01:33:53 +02:00
if ('IntersectionObserver' in self) {
const mo = new IntersectionObserver(i => {
for (const s of i) {
/** @type {HTMLVideoElement} */
const v = s.target;
if (s.isIntersecting && v.paused) {
v.load()
v.play()
} else if (!v.paused) v.pause()
}
})
Add controls when no js enabled
2019-07-25 01:35:38 +02:00
for (let v of document.querySelectorAll('video')) {
mo.observe(v)
v.controls = false
}
make preload none, play inline, no autoplay
2019-07-25 01:33:53 +02:00
}
Reworked the page
2019-07-24 03:01:32 +02:00
</script>
Tachiyomi Test
2019-07-22 19:19:44 +02:00
</body>
Change index.html title
2019-07-24 03:03:04 +02:00
</html>
Reference in New Issue Copy Permalink