Temporarily remove ToC and see how GitHub render stuff

bmndc · Oct 23, 2024 · b5f468f · b5f468f
1 parent c9bfe5c
commit b5f468f
Show file tree

Hide file tree

Showing 8 changed files with 74 additions and 224 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 <details><summary dir="rtl">View device specification table</summary>
-    <table style="font-size:small">
+    <table style="font-size:smaller">
         <thead><tr><td></td><th scope="col" id="leo">Nokia 6300 4G (nokia-leo)</th><th scope="col" id="sparkler">Nokia 8000 4G (nokia-sparkler)</th></tr></thead>
         <tbody><tr><th scope="row">Released</th><td colspan="2">13 November 2020</td></tr>
             <tr><th scope="row">Model</th>
@@ -64,9 +64,27 @@
     </table>
 </details>
 
-*Source code for B2G, the Linux 4.9 kernel and some libraries licenced under GNU GPLv2, which HMD [publicly released] for the 6300 4G and 8000 4G, is available in the [`leo-v20` branch] and [`sparkler-v20` branch] of this repository. Note that the source files do not include proprietary code from some third-party vendors (notably Gaia apps by the KaiOS team), and thus [cannot be used to directly compile KaiOS].*
-
-<img class="leo" align="right" width="390" height="390" style="width:390px;height:100%;" src="assets/images/press/leo.webp" alt="Nokia 6300 4G in three colours stacking on top of each other" fetchpriority="high">
+<!-- *Source code for B2G, the Linux 4.9 kernel and some libraries licenced under GNU GPLv2, which HMD [publicly released] for the 6300 4G and 8000 4G, is available in the [`leo-v20` branch] and [`sparkler-v20` branch] of this repository. Note that the source files do not include proprietary code from some third-party vendors (notably Gaia apps by the KaiOS team), and thus [cannot be used to directly compile KaiOS].* -->
+
+<img class="leo" align="right" width="180px" height="100%" style="margin-left:1rem" src="/assets/images/press/nokia_6300_4G-back-LightCharcoal-cropped.webp" alt="Nokia 6300 4G in three colours stacking on top of each other" fetchpriority="high">
+<img class="leo" align="right" width="180px" height="100%" style="margin-left:1rem" src="/assets/images/press/nokia_6300_4G-front-LightCharcoal-cropped.webp" alt="Nokia 6300 4G in three colours stacking on top of each other" fetchpriority="high">
+
+**Table of Contents**
+- [Don't buy a counterfeit](#dont-buy-a-counterfeit)
+    - [About Kosher phones](#about-kosher-phones)
+- [Differences between US/CN and international models](#differences-between-uscn-and-international-models)
+- [Tips and tricks](#tips-and-tricks)
+- [Known issues](#known-issues)
+    - [KaiOS-specific](#kaios-specific)
+- [Secret codes](#secret-codes)
+    - [Codes that don't work](#codes-that-dont-work)
+- [Special boot modes](#special-boot-modes)
+    - [Recovery mode](#recovery-mode)
+    - [Fastboot mode](#fastboot-mode)
+    - [EDL mode](#edl-mode)
+    - [UART debugging testpoint](#uart-debugging-testpoint)
+- [Sideloading and debugging third-party applications](#sideloading-and-debugging-third-party-applications)
+- [External links](#external-links)
 
 ## Don't buy a counterfeit
 

diff --git a/_includes/toc.html b/_includes/toc.html
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,30 +1,24 @@
 <!DOCTYPE html>
 <html lang="{{ page.lang | default: " en" }}">
-{%- include head.html -%}
+    {%- include head.html -%}
+    <body a="{{ site.theme_config.appearance | default: " auto" }}">
+        <!-- Dummy script to fix Firefox's Flash Of Unstyled Content -->
+        <script>let FF_FOUC_FIX;</script>
 
-<body a="{{ site.theme_config.appearance | default: " auto" }}">
-    <!-- Dummy script to fix Firefox's Flash Of Unstyled Content -->
-    <script>let FF_FOUC_FIX;</script>
+        <main class="page-content" aria-label="Content">
+            <div class="w">
+                {{ content }}
+            </div>
+        </main>
 
-    <nav class="toc" aria-label="Table of Contents">
-        <a href="#">Back to top</a>
-        {%-include toc.html html=content skip_no_ids=true sanitize=true-%}
-    </nav>
-    <main class="page-content" aria-label="Content">
-        <div class="w">
-            {{ content }}
-        </div>
-    </main>
-
-    {%-if site.goat_counter and jekyll.environment == "production"-%}
-        {%-include goat_counter.html-%}
-    {%-endif-%}
-
-    {% if page.custom_js %}
-        {% for js_file in page.custom_js %}
-            <script type="text/javascript" src="{{ site.baseurl }}/assets/js/{{ js_file }}.js"></script>
-        {% endfor %}
-    {% endif %}
-</body>
+        {%-if site.goat_counter and jekyll.environment == "production"-%}
+            {%-include goat_counter.html-%}
+        {%-endif-%}
 
+        {% if page.custom_js %}
+            {% for js_file in page.custom_js %}
+                <script type="text/javascript" src="{{ site.baseurl }}/assets/js/{{ js_file }}.js"></script>
+            {% endfor %}
+        {% endif %}
+    </body>
 </html>
diff --git a/_sass/custom.scss b/_sass/custom.scss
@@ -25,30 +25,37 @@
 // 	overflow: hidden; // Don't show anything after ellipsis
 // }
 
-nav {
-    display: none;
-    visibility: hidden;
-}
-@media screen and (min-width: 1900px) {
-    nav {
-        display: block;
-        visibility: visible;
-        position: fixed;
-        top: 6rem;
-        left: 2rem;
-        width: 22rem;
-    }
-    nav::before {
-        content: "Table of Contents";
-        display: block;
-        font-weight: bold;
-        margin-bottom: 1rem;
-    }
-}
+// main.page-content {
+//     display: inline-block;
+//     position: relative;
+//     left: calc((100% - 80rem) / 2 - 16rem);
+//     margin: 4rem .8rem;
+//     width: 100%;
+//     max-width: 80rem;
+// }
+// @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+//     main.page-content {
+//         left: calc((100% - 80rem) / 2);
+//     }
+// }
+// nav {
+//     display: none;
+//     visibility: hidden;
+// }
+// @media screen and (min-width: 1900px) {
+//     nav {
+//         display: inline-block;
+//         vertical-align: top;
+//         visibility: visible;
+//         position: fixed;
+//         position: sticky;
+//         margin-top: 6rem;
+//         top: 1rem;
+//         left: calc((100% - 80rem) / 2 + 80rem + 4rem);
+//         width: 16rem;
+//     }
+// }
 
-table {
-	margin: 1rem 0;
-}
 table ul {
 	margin: 0;
 	padding-left: 1rem;
@@ -58,14 +65,10 @@ th[scope="row"] {
 	font-weight: normal;
 }
 
-.leo {
-	margin: 0 0 1rem 1rem;
-}
-
 @media (max-width: 800px) {
-	.leo {
+	img.leo {
 		// Undo float: right on header image on small screens
 		float: none;
-		margin: 0 auto;
+        display: inline;
 	}
 }
diff --git a/_sass/no-style-please.scss b/_sass/no-style-please.scss
@@ -66,7 +66,7 @@ html {
 body {
 	color: var(--text-color); // default: white
 	font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; // default: monospace
-	font-size: 14px; // default: 16px
+	font-size: 1em; // default: 16px
 	line-height: 1.5; // default: 1.4
 	margin: 0;
 	min-height: 100%;
@@ -120,7 +120,7 @@ li {
 
 :not(code) > .w {
 	// div container for content
-	max-width: 1083px; // Set content width, will dynamically adjust on mobile. Default is 640px;
+	max-width: 80rem; // Set content width, will dynamically adjust on mobile. Default is 640px;
 	margin: 0 auto;	// Centre the content div;
 	padding: 4rem .8rem; // Add spacing around content div. Default is "4rem 2rem"; margins are deducted for viewing on mobile
 }

diff --git a/assets/images/press/leo.webp b/assets/images/press/leo.webp
diff --git a/assets/images/press/nokia_6300_4G-back-LightCharcoal-cropped.webp b/assets/images/press/nokia_6300_4G-back-LightCharcoal-cropped.webp
diff --git a/assets/images/press/nokia_6300_4G-front-LightCharcoal-cropped.webp b/assets/images/press/nokia_6300_4G-front-LightCharcoal-cropped.webp