Merge branch 'master' into master

README.md

@@ -0,0 +1,2 @@
+# soitora.github.io
+Test repository for Tachiyomi Guides

assets/style.css

@@ -1,7 +1,7 @@
-html {
-	padding-bottom: 30em;
-	padding-bottom: calc(100vh - 30px);
-}
+/* html {
+	padding-bottom: 30em;  <-- Testing bottom scroll, commit 40
+	padding-bottom: calc(100vh - 30px);  <-- Testing bottom scroll, commit 40
+} */
 img, video {
 	margin-bottom: 1.5em;
 	max-width: 325px;
@@ -14,9 +14,9 @@ h2 { font-size: 1.5em; }
 h3 { font-size: 1.25em; }
 body {
 	padding-top: 40px;
-	padding-bottom: 40px;
+	/* padding-bottom: 40px; <-- Testing bottom scroll, commit 40 */
 	background-color: #f5f5f5;
-	border-bottom: red dotted 30px;
+	/* border-bottom: red dotted 30px; <-- Testing bottom scroll, commit 40 */
 }
 
 .row {
@@ -51,6 +51,15 @@ figure {
 	justify-content: center;
 }
 
+details > p:nth-child(2) {
+	padding-top: 16px;
+}
+
+summary:focus {
+    outline: none;
+    outline-color: transparent;
+}
+
 summary > * {
 	display: inline;
 }
@@ -59,9 +68,14 @@ summary {
 	padding-top: 0.5em;
 }
 
+footer {
+	margin-top: 25em;
+	background-color: #eaeaea;
+}
+
 /** */
 nav[data-toggle="toc"] {
-  top: 42px;
+  top: 95px;
 }
 
 /* small screens */

index.html

@@ -39,14 +39,16 @@
 						<noscript><img alt height=544 src="assets/extensions.gif" width=300></noscript>
 					</video>
 				</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=#how-do-i-allow-third-party-installations>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>
+				<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>
+				<h3>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.</p>
+				<div class="d-flex justify-content-center">
+					<img src="assets/catalogues.png" loading="lazy" intrinsicsize="1080x828" width="270" height="272">
+				</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!
+				<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>
+				<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>
 				<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">
@@ -94,16 +96,32 @@
 							<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.
 						</details>
-						<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>.
+						<details>
+							<summary><h3 id=does-tachiyomi-have-automatic-updates>Does Tachiyomi have automatic updates?</h3></summary>
+							<p>The Tachiyomi app now has in-app updating for both stable and dev versions. If you go to <code>Settings > About > Version</code> to check for updates, you can force an update there or wait for the app to notify you.</p>
+						</details>
+						<details>
+							<summary><h3 id=why-are-some-images-not-displayed>Why are some images not displayed?</h3></summary>
+							<p>Aside from network issues, it could be because the images are too big or the decoder doesn't support that image.</p>
+						</details>
+						<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>.</p>
 					</div>
 					<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>
+					<p>At a high level, GitHub is a website and cloud-based service that helps developers store and manage their code, as well as track and control changes to their code. It's here we store our FOSS (Free and open source software) code for Tachiyomi.</p>
+					<h3 id=wiki><a href="https://github.com/inorichi/tachiyomi/wiki">GitHub Wiki</a></h3>
+					<p>Every GitHub repository comes equipped with a section for hosting documentation, called a wiki. Here you can find out more about features and how to fix a problem you might have.</p>
 					<h3 id=discord><a href="https://discord.gg/tachiyomi">Discord</a></h3>
+					<p>Discord is a proprietary freeware VoIP application and digital distribution platform that specializes in text, image, video and audio communication between users in a chat channel. Join our Discord server for chatting or if you want help.</p>
 				</div>
 			</div>
 		</div>
 	</div>
+		<footer class="page-footer font-small blue">
+		  <div class="footer-copyright text-center py-3">Project Repository:
+			<a href="https://github.com/Soitora/soitora.github.io"> github.com/soitora/soitora.github.io</a>
+		  </div>
+		</footer>
 	<!-- Scripts to be removed when possible -->
 	<script src="assets/jquery.slim.min.js"></script>
 	<script src="assets/bootstrap.min.js"></script>