Switch 3DS page to tabs

This commit is contained in:
Pk11 2021-01-23 00:40:56 -06:00
parent b8a45de027
commit 938a706466
3 changed files with 28 additions and 5 deletions

View File

@ -83,7 +83,7 @@ img {
height: auto;
}
.btn, .btn a {
.btn, .btn a, a.btn {
text-decoration: none;
}

View File

@ -1,7 +1,7 @@
---
lang: en-US
layout: redirect
destination: installing-3ds#installing-manual
destination: installing-3ds?tab=manual
title: Installing (3DS, Manual)
---

View File

@ -10,7 +10,7 @@ description: How to install TWiLight Menu++ on the Nintendo 3DS
You will first need to have Custom Firmware on your 3DS, follow [3ds.hacks.guide](https://3ds.hacks.guide) to install it
{:.alert .alert-info}
### Installing (Working Camera)
{% capture tab-working-camera %}
1. Open FBI and select `Remote Install`, then `Scan QR Code`
1. Scan this QR code to install the latest version of [Universal-Updater](https://github.com/Universal-Team/Universal-Updater)<br>
![Universal-Updater QR code](https://db.universal-team.net/assets/images/qr/universal-updater.cia.png)
@ -20,8 +20,9 @@ You will first need to have Custom Firmware on your 3DS, follow [3ds.hacks.guide
- It has this icon: ![TWiLight Menu++ icon](https://raw.githubusercontent.com/DS-Homebrew/TWiLightMenu/master/booter/icon.bmp)
1. Press <kbd class="face">A</kbd> or tap the download icon in the sidebar and select `TWiLight Menu++` to install it
- This will take a while
{% endcapture %}
### Installing (Non-Working Camera)
{% capture tab-non-working-camera %}
1. Download the `Universal-Updater.cia` file from the [Universal-Updater release page](https://github.com/Universal-Team/Universal-Updater/releases)
1. Place the `Universal-Updater.cia` file anywhere on your SD card
1. Launch FBI on your Nintendo 3DS
@ -33,8 +34,9 @@ You will first need to have Custom Firmware on your 3DS, follow [3ds.hacks.guide
- It has this icon: ![TWiLight Menu++ icon](https://raw.githubusercontent.com/DS-Homebrew/TWiLightMenu/master/booter/icon.bmp)
1. Press <kbd class="face">A</kbd> or tap the download icon in the sidebar and select `TWiLight Menu++` to install it
- This will take a while
{% endcapture %}
### Installing (Manual)
{% capture tab-manual %}
1. Download the latest version of `TWiLightMenu-3DS.7z` from [the releases page](https://github.com/DS-Homebrew/TWiLightMenu/releases)
1. Extract `TWiLightMenu-3DS.7z`
1. Copy the `_nds` folder to your SD card root
@ -42,3 +44,24 @@ You will first need to have Custom Firmware on your 3DS, follow [3ds.hacks.guide
1. Copy the `roms` folder to your SD card root
1. Copy the two `.cia` files to your SD card root
1. On your 3DS, install the two CIAs with FBI
{% endcapture %}
<div class="tab-container">
<div class="pb-3">
<a class="tab-link btn btn-outline-secondary tab-default" href="#tab-working-camera" onclick="openTab(event, event.currentTarget)" data-tab-name="working-camera">Working Camera</a>
<a class="tab-link btn btn-outline-secondary" href="#tab-non-working-camera" onclick="openTab(event, event.currentTarget)" data-tab-name="non-working-camera">Non-Working Camera</a>
<a class="tab-link btn btn-outline-secondary" href="#tab-manual" onclick="openTab(event, event.currentTarget)" data-tab-name="manual">Manual</a>
</div>
<div id="tab-working-camera">
<noscript><h3>Installing (Working Camera)</h3></noscript>
{{ tab-working-camera | markdownify }}
</div>
<div id="tab-non-working-camera">
<noscript><h3>Installing (Non-Working Camera)</h3></noscript>
{{ tab-non-working-camera | markdownify }}
</div>
<div id="tab-manual">
<noscript><h3>Installing (Manual)</h3></noscript>
{{ tab-manual | markdownify }}
</div>
</div>