Halfway done the style, plus added more pages for screen issues.

This commit is contained in:
Lillian Skinner 2024-05-22 02:51:16 -04:00
parent 5243480c81
commit 6e60095b62
21 changed files with 158 additions and 33 deletions

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="./style.css" rel="stylesheet">
</head>
<body>
<h1><a href="./index.html">Visual DSi Fault Guide</a></h1>
@ -16,6 +16,9 @@
<tr>
<td><a href="#nand">NAND</a></td>
</tr>
<tr>
<td><a href="#camera">Camera</a></td>
</tr>
<tr>
<td><a href="#screens">Screens</a></td>
</tr>
@ -25,6 +28,8 @@
</table>
</div>
<br><hr>
<h2 id="wifimodule">WiFi Module</h2>
<div class="flex-container">
<div class="gallery">
@ -75,7 +80,7 @@
</div>
</div>
<h2 id="screens">Camera</h2>
<h2 id="camera">Camera</h2>
<div class="flex-container">
<div class="gallery">
<a href="./pages/camera/camera_crash.html">
@ -99,6 +104,24 @@
</a>
<div class="desc">Screen yellowing</div>
</div>
<div class="gallery">
<a href="./pages/screens/bottom_data.html">
<img src="./photos/screens/bottom_data_disconnected.png" alt="The bottom screen is blank">
</a>
<div class="desc">Bottom screen data is disconnected</div>
</div>
<div class="gallery">
<a href="./pages/screens/bottom_power.html">
<img src="./photos/screens/bottom_power_disconnected.gif" alt="The top screen flashes">
</a>
<div class="desc">Bottom screen power is disconnected</div>
</div>
<div class="gallery">
<a href="./pages/screens/top.html">
<img src="./photos/screens/top_disconnected.gif" alt="The bottom screen flashes">
</a>
<div class="desc">Top screen is disconnected</div>
</div>
</div>
<h2 id="sd">SD Card</h2>

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">
@ -21,9 +21,6 @@
<img src="../../photos/camera/camera_reseat.png">
<br><br>
If reseating the cable does not work, you will need to replace the cameras. I recommend these guides on ifixit for <a href="https://www.ifixit.com/Guide/Nintendo+DSi+Dual+Camera+Assembly+Replacement/4159" target="_blank">DSi</a> and <a href="https://www.ifixit.com/Guide/Nintendo+DSi+XL+Camera+Ribbon+Replacement/3579" target="_blank">DSi XL</a>.
<br><br>
The WiFi module types are shown below. From top to bottom: DWM-W015, DWM-W024, J27H020
<br><br>
</div>
</body>

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">
@ -13,7 +13,7 @@
<div class="content">
<div class="alternatives">
Do you have less than 39 titles? Check out this issue:<br><br>
Do you have fewer than 39 titles? Check out this issue:<br><br>
- <a href="../../pages/wifimodule/wrongver.html">Mismatched WiFi modules</a> can cause the same error
</div>

View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">
<div class="gallery">
<img src="../../photos/screens/bottom_data_disconnected.png" alt="The top screen is blank">
</div>
</div>
<div class="content">
<h3>Description</h3>
The bottom screen is white and does not display anything.
<br><br>
May be caused by the bottom screen's data cable being damaged or disconnected.
<h3>Solution</h3>
First try reseating the data ribbon cable.
<br><br>
<img src="../../photos/screens/bottom_data_reseat.png">
<br><br>
If your reseating did not fix the screen, you will have to replace your bottom screen. Try the guides for <a href="https://www.ifixit.com/Guide/Nintendo+DSi+Lower+LCD+Replacement/3750" target="_blank">DSi</a> and <a href="https://www.ifixit.com/Guide/Nintendo+DSi+XL+Lower+LCD+Replacement/3276" target="_blank">DSi XL</a> on ifixit.
</div>
</body>

View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">
<div class="gallery">
<img src="../../photos/screens/bottom_power_disconnected.gif" alt="The top screen flashes">
</div>
</div>
<div class="content">
<div class="alternatives">
Is your bottom screen flashing instead? See this:<br><br>
- <a href="../../pages/screens/top.html">A disconnected top screen </a> will make the bottom screen flash
</div>
<h3>Description</h3>
Turning on the DSi causes the top screen to flash, then the console will shut off.
<br><br>
May be caused by the bottom screen's power cable being damaged or disconnected.
<h3>Solution</h3>
First try reseating the power ribbon cable.
<br><br>
<img src="../../photos/screens/bottom_power_reseat.png">
<br><br>
If your reseating did not fix the screen, you will have to replace your bottom screen. Try the guides for <a href="https://www.ifixit.com/Guide/Nintendo+DSi+Lower+LCD+Replacement/3750" target="_blank">DSi</a> and <a href="https://www.ifixit.com/Guide/Nintendo+DSi+XL+Lower+LCD+Replacement/3276" target="_blank">DSi XL</a> on ifixit.
</div>
</body>

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">

32
pages/screens/top.html Normal file
View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">
<div class="gallery">
<img src="../../photos/screens/top_disconnected.gif" alt="The bottom screen flashes">
</div>
</div>
<div class="content">
<div class="alternatives">
Is your top screen flashing instead? See this:<br><br>
- <a href="../../pages/screens/bottom_power.html">Disconnected bottom screen power</a> will make the top screen flash
</div>
<h3>Description</h3>
Turning on the DSi causes the bottom screen to flash, then the console will shut off.
<br><br>
May be caused by the top screen being damaged or disconnected.
<h3>Solution</h3>
First try reseating the ribbon cable.
<br><br>
<img src="../../photos/screens/top_reseat.png">
<br><br>
If your reseating did not fix the screen, you will have to replace your top screen. Try the guides for <a href="https://www.ifixit.com/Guide/Nintendo+DSi+Upper+LCD-Speakers+Replacement/3877" target="_blank">DSi</a> and <a href="https://www.ifixit.com/Guide/Nintendo+DSi+XL+Upper+LCD+Replacement/3577" target="_blank">DSi XL</a> on ifixit.
</div>
</body>

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">
@ -22,7 +22,7 @@
<br><br>
This can happen if the installed WiFi module and firmware are incompatible.
<h3>Solution</h3>
If you have the DWM-W015 WiFi module, your issue is not caused by the WiFi module. The DWM-W015 version is compatible with all firmwares.
If you have the DWM-W015 WiFi module, the error is caused by something else. The DWM-W015 version is compatible with all firmwares.
<br><br>
If you have the DWM-W024 or J27H020 WiFi modules, you will need to either replace them with a DWM-W015 or upgrade your firmware to v1.4 or higher. These boards are not compatible with anything prior to v1.4.
<br><br>

View File

@ -1,7 +1,7 @@
<html>
<!DOCTYPE html>
<head>
</head>
<link href="../../style.css" rel="stylesheet">
</head>
<body>
<h1><a href="../../index.html">Visual DSi Fault Guide</a></h1>
<div class="flex-container">
@ -16,7 +16,7 @@
<br><br>
This can happen if the installed WiFi module and firmware are incompatible.
<h3>Solution</h3>
If you have the DWM-W015 WiFi module, your issue is not caused by the WiFi module. The DWM-W015 version is compatible with all firmwares.
If you have the DWM-W015 WiFi module, the error is caused by something else. The DWM-W015 version is compatible with all firmwares.
<br><br>
If you have the DWM-W024 or J27H020 WiFi modules, you will need to either replace them with a DWM-W015 or upgrade your firmware to v1.4 or higher.
<br><br>

Binary file not shown.

After

Width:  |  Height:  |  Size: 888 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 529 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 404 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

View File

@ -44,7 +44,10 @@ h2 {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
background-color: #33ccff;
background-image: linear-gradient(to right, rgba(204,0,0,0), rgba(204,0,0,0.3));
border-width: 0px 0px 1px 5px;
border-style: solid;
border-color: #CD202C;
}
h3 {
@ -53,17 +56,26 @@ h3 {
div.alternatives {
margin-top: 25px;
background-color: #33ccff;
padding: 10px;
background-color: #e6ebf2;
background-image: linear-gradient(to right, rgba(204,0,0,0), rgba(204,0,0,0.15));
color: black;
border-width: 0px 0px 1px 5px;
border-style: solid;
border-color: #CD202C;
}
div.content {
border: 1px solid black;
font-size: 15pt;
margin-top: 30px;
margin-left: 20%;
margin-right: 20%;
padding: 0px 20px 10px 20px;
padding: 1px 20px 10px 20px;
background-color: #d9d9d9;
background-image: linear-gradient(to right, rgba(217, 217, 217, 1), rgba(31, 122, 31, 0.1));
border-width: 0px 0px 1px 5px;
border-style: solid;
border-color: #1f7a1f;
}
table {
@ -74,6 +86,9 @@ table {
padding: 0px 10px 0px 10px;
height: 100%;
background-color: #d9d9d9;
border-width: 0px 0px 1px 5px;
border-style: solid;
border-color: #CD202C;
}
.flex-container {