{{ content }}
diff --git a/_posts/2024-07-03-the-end-of-whatsapp.md b/_posts/2024-07-03-the-end-of-whatsapp.md
index 33f8b3f0e..b50e2ed95 100644
--- a/_posts/2024-07-03-the-end-of-whatsapp.md
+++ b/_posts/2024-07-03-the-end-of-whatsapp.md
@@ -1,8 +1,8 @@
---
layout: post
category: news
-title: The end of WhatsApp on KaiOS as we know it
---
+# The end of WhatsApp on KaiOS as we know it
**TL;DR**
**Did WhatsApp disappear from KaiStore?**
diff --git a/_posts/2024-08-06-kaios-rom.md b/_posts/2024-08-06-kaios-rom.md
index d4fd9cf0b..65d330af0 100644
--- a/_posts/2024-08-06-kaios-rom.md
+++ b/_posts/2024-08-06-kaios-rom.md
@@ -1,8 +1,8 @@
---
layout: post
category: news
-title: Can I put KaiOS on other devices?
---
+# Can I put KaiOS on other devices?
Short answer: we don't have enough publicly available components to create an exact copy of KaiOS, but developing a fork is doable.
KaiOS is considered a proprietary product, which means only KaiOS Technologies, its shareholders, and business partners can access, modify, and build on top of the codebase. It's their choice for the business model and that [something we cannot alter]. But as KaiOS is derived from Firefox OS, parts of it, like Boot2Gecko, are under [Mozilla Public Licence 2.0], and KaiOS Technologies has no choice but to open-source the original work by the Mozilla team, along with any modifications made to it. Much of the operating system, like the Gaia apps, is still missing, making it impossible to build or port an exact copy of KaiOS on our own.
diff --git a/_sass/custom.scss b/_sass/custom.scss
new file mode 100644
index 000000000..0be260e24
--- /dev/null
+++ b/_sass/custom.scss
@@ -0,0 +1,63 @@
+// Ruby language highlighting
+.language-diff .gd {
+ background-color: rgba(255, 127, 80, 0.25);
+}
+
+.language-diff .gi {
+ background-color: rgba(0, 128, 128, 0.3);
+}
+
+.language-console .go {
+ color: darkblue;
+}
+
+@media (prefers-color-scheme: dark) {
+ .language-console .go {
+ color: lightskyblue;
+ }
+}
+
+// #post-list li {
+// // End each post item with an ellipsis rather than wrapping its entire title
+// width: 100%;
+// text-overflow: ellipsis;
+// white-space: nowrap; // Don't do new lines after ellipsis
+// overflow: hidden; // Don't show anything after ellipsis
+// }
+
+.toc {
+ position: fixed;
+ top: 6rem;
+ left: 1.5rem;
+ width: 24rem;
+}
+@media (max-width: 1900px) {
+ .toc {
+ display: none;
+ visibility: hidden;
+ }
+}
+
+table {
+ margin: 1rem 0;
+}
+table ul {
+ margin: 0;
+ padding-left: 1rem;
+}
+th[scope="row"] {
+ text-align: left;
+ font-weight: normal;
+}
+
+.leo {
+ margin: 0 0 1rem 1rem;
+}
+
+@media (max-width: 800px) {
+ .leo {
+ // Undo float: right on header image on small screens
+ float: none;
+ margin: 0 auto;
+ }
+}
\ No newline at end of file
diff --git a/_sass/syntax-highlighting.scss b/_sass/syntax-highlighting.scss
deleted file mode 100644
index 072e5d033..000000000
--- a/_sass/syntax-highlighting.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// Ruby language highlighting
-.language-diff .gd {
- background-color: rgba(255, 127, 80, 0.25);
-}
-
-.language-diff .gi {
- background-color: rgba(0, 128, 128, 0.3);
-}
-
-.language-console .go {
- color: darkblue;
-}
-
-@media (prefers-color-scheme: dark) {
- .language-console .go {
- color: lightskyblue;
- }
-}
\ No newline at end of file
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 0903ccd03..f41064b10 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -1,36 +1,4 @@
---
---
@import "no-style-please";
-@import "syntax-highlighting";
-
-// #post-list li {
-// // End each post item with an ellipsis rather than wrapping its entire title
-// width: 100%;
-// text-overflow: ellipsis;
-// white-space: nowrap; // Don't do new lines after ellipsis
-// overflow: hidden; // Don't show anything after ellipsis
-// }
-
-table {
- margin: 1rem 0;
-}
-table ul {
- margin: 0;
- padding-left: 1rem;
-}
-th[scope="row"] {
- text-align: left;
- font-weight: normal;
-}
-
-.leo {
- margin: 0 0 1rem 1rem;
-}
-
-@media (max-width: 800px) {
- .leo {
- // Undo float: right on header image on small screens
- float: none;
- margin: 0 auto;
- }
-}
\ No newline at end of file
+@import "custom";
\ No newline at end of file