Battery & Charging

hackrfstuff · Dec 8, 2024 · 8837f6b · 8837f6b
1 parent 48ebe20
commit 8837f6b
Show file tree

Hide file tree

Showing 4 changed files with 72 additions and 1 deletion.
diff --git a/docs/batteryandcharging.html b/docs/batteryandcharging.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Battery & Charging</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
+    <link rel="icon" type="image/x-icon" href="../images/Site_Icon.png">
+    <link rel="stylesheet" href="../styles.css">
+</head>
+<body>
+    <div class="container-fluid">
+        <div class="row">
+            <div id="sidebar-container" class="col-md-3 col-lg-2 d-md-block bg-light sidebar p-3"></div>
+            <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4" style="padding-top: 2rem;">
+                <div class="row row-cols-1 g-4">
+                    <div class="col">
+                        <div class="card h-100 border-0">
+                            <div class="card-body">
+                                <p class="text-muted" style="font-size: 0.9rem; margin-bottom: 0.5rem;">aroout</p>
+                                <h3 class="card-title">Recommended practices</h3>
+                                <ul class="custom-list">
+                                    <li>Use the included cable to charge your device.</li>
+                                    <li>If you want to use the device without draining the battery, plug it in but do not turn it on.</li>
+                                    <li>Power delivery cables are not recommended.</li>
+                                </ul>
+                                <hr class="my-4">
+
+                                <h3 class="card-title">Charging</h3>
+                                <ol class="custom-list">
+                                    <li>
+                                        To charge your device, you must turn it on. Turning the device on allows current to flow to the battery, effectively charging it.
+                                        <br>
+                                        <img src="../images/deviceison.png" alt="H4M on it's back side." style="max-width: 350px; height: auto; margin: 10px 0;">
+                                    </li>
+                                    <li>
+                                        The device will not charge if it is turned off.
+                                        <br>
+                                        <img src="../images/deviceisoff.png" alt="H4M on it's back side." style="max-width: 350px; height: auto; margin: 10px 0;">
+                                    </li>
+                                </ol>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </main>
+        </div>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        fetch('../index.html')
+            .then(response => response.text())
+            .then(data => {
+                const parser = new DOMParser();
+                const htmlDoc = parser.parseFromString(data, 'text/html');
+                const sidebar = htmlDoc.querySelector('.sidebar');
+                document.getElementById('sidebar-container').innerHTML = sidebar.innerHTML;
+
+                const links = document.querySelectorAll('#sidebar-container a');
+                links.forEach(link => {
+                    const href = link.getAttribute('href');
+                    if (href && href.startsWith('./')) {
+                        link.setAttribute('href', href.replace('./', '../'));
+                    }
+                });
+            })
+            .catch(error => console.error('Error loading sidebar:', error));
+    </script>
+</body>
+</html>
diff --git a/docs/disassembly.html b/docs/disassembly.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>MicroSD Card Setup</title>
+    <title>Disassembly</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
     <link rel="icon" type="image/x-icon" href="../images/Site_Icon.png">

diff --git a/images/deviceisoff.png b/images/deviceisoff.png
diff --git a/images/deviceison.png b/images/deviceison.png