src/data/pages/misskey-comparison.md

@@ -14,12 +14,12 @@ This page aims to provide a rough timeline of each notable fork and a comparison
 ## Featured Forks
 
 | Icon | Name | Version | Account | Website | Repository |
-|-------------------------------------------------------------------------------------------|----------------|------------------|--------------------------------------------------------------------|-------------------------------|-----------------------------------------------------|
+| - | - | - | - | - | - |
-| ![Misskey icon](/assets/page/misskey-comparison/misskey.png) <!--rehype:class=icon-->     | Misskey        | 2024.11.0        | None                                                               | <https://misskey-hub.net/en/> | <https://github.com/misskey-dev/misskey>            |
+| ![Misskey icon](/assets/page/misskey-comparison/misskey.png) <!--rehype:class=icon--> | Misskey | 2024.8.0 | None | <https://misskey-hub.net/en/> | <https://github.com/misskey-dev/misskey> |
 | ![FoundKey icon](/assets/page/misskey-comparison/foundkey.svg) <!--rehype:class=icon--> | FoundKey | v13.0.0-preview6 | None | None | <https://akkoma.dev/FoundKeyGang/FoundKey> |
-| ![Firefish icon](/assets/page/misskey-comparison/firefish.svg) <!--rehype:class=icon-->   | Firefish       | v20241205        | [@firefish@info.firefish.dev](https://info.firefish.dev/@firefish) | None                          | <https://firefish.dev/firefish/firefish>            |
+| ![Firefish icon](/assets/page/misskey-comparison/firefish.svg) <!--rehype:class=icon--> | Firefish | v20240206 | [@firefish@info.firefish.dev](https://info.firefish.dev/@firefish) | None | <https://firefish.dev/firefish/firefish> |
-| ![Iceshrimp icon](/assets/page/misskey-comparison/iceshrimp.png) <!--rehype:class=icon--> | Iceshrimp (JS) | v2023.12.11      | None                                                               | None                          | <https://iceshrimp.dev/iceshrimp/iceshrimp>         |
+| ![Iceshrimp icon](/assets/page/misskey-comparison/iceshrimp.png) <!--rehype:class=icon--> | Iceshrimp (JS) | v2023.12.9 | None | None | <https://iceshrimp.dev/iceshrimp/iceshrimp> |
-| ![Sharkey icon](/assets/page/misskey-comparison/sharkey.png) <!--rehype:class=icon-->     | Sharkey        | 2024.11.2        | [@Sharkey@sharkey.team](https://sharkey.team/@Sharkey)             | <https://joinsharkey.org/>    | <https://activitypub.software/TransFem-org/Sharkey> |
+| ![Sharkey icon](/assets/page/misskey-comparison/sharkey.png) <!--rehype:class=icon--> | Sharkey | 2024.8.2 | [@Sharkey@shonk.social](https://shonk.social/@Sharkey) | <https://joinsharkey.org/> | <https://activitypub.software/TransFem-org/Sharkey> |
 | ![Catodon icon](/assets/page/misskey-comparison/catodon.ico) <!--rehype:class=icon--> | Catodon | 24.01-dev | [@catodon@catodon.social](https://catodon.social/@catodon) | None | <https://codeberg.org/catodon/catodon> |
 
 ### Iceshrimp
@@ -98,7 +98,7 @@ The following chart is an approximate history of ActivityPub and Misskey. As wel
             <th scope="row">Status</th>
             <td class="table-y">Stable</td>
             <td class="table-n">Unmaintained</td>
-            <td class="table-n">Unmaintained</td>
+            <td class="table-p">Maintenance mode</td>
             <td class="table-p">Maintenance mode</td>
             <td class="table-y">Stable</td>
             <td class="table-p">In development</td>
@@ -321,7 +321,7 @@ The following chart is an approximate history of ActivityPub and Misskey. As wel
             <td class="table-y">Yes</td>
             <td class="table-n">No</td>
             <td class="table-n">No</td>
-            <td class="table-y">Yes</td>
+            <td class="table-n">No</td>
             <td class="table-y">Yes</td>
             <td></td>
         </tr>
@@ -357,7 +357,7 @@ The following chart is an approximate history of ActivityPub and Misskey. As wel
             <td class="table-n">No</td>
             <td class="table-n">No</td>
             <td class="table-n">No</td>
-            <td class="table-n">Yes</td>
+            <td class="table-n">No</td>
             <td class="table-y">Yes</td>
             <td></td>
         </tr>

src/routes/style.css

@@ -8,108 +8,108 @@
 /* This is going to be quite long */
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-ExtraLight.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-ExtraLight.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraLight.woff") format("woff");
     font-weight: 200;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff") format("woff");
     font-weight: 200;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-Light.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-Light.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Light.woff") format("woff");
     font-weight: 300;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-LightItalic.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-LightItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-LightItalic.woff") format("woff");
     font-weight: 300;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-Regular.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-Regular.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Regular.woff") format("woff");
     font-weight: 400;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-Italic.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-Italic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Italic.woff") format("woff");
     font-weight: 400;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-Medium.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-Medium.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Medium.woff") format("woff");
     font-weight: 500;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-MediumItalic.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-MediumItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-MediumItalic.woff") format("woff");
     font-weight: 500;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-SemiBold.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-SemiBold.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-SemiBold.woff") format("woff");
     font-weight: 600;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff") format("woff");
     font-weight: 600;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-Bold.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-Bold.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Bold.woff") format("woff");
     font-weight: 700;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-BoldItalic.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-BoldItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-BoldItalic.woff") format("woff");
     font-weight: 700;
     font-style: italic;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-ExtraBold.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-ExtraBold.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraBold.woff") format("woff");
     font-weight: 800;
     font-style: normal;
 }
 
 @font-face {
     font-family: "FiraGO";
-    src: url("/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff2") format("woff2");
+    src: url("/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff") format("woff");
     font-weight: 800;
     font-style: italic;
 }
 
 :root {
     --accent: hsl(287, 50%, 59%);
-    --accent-2: light-dark(hsl(287, 50%, 39%), hsl(287, 50%, 79%));
+    --accent-2: hsl(287, 50%, 39%);
-    --background: light-dark(hsl(302, 69%, 95%), hsl(302, 69%, 10%));
+    --background: hsl(302, 69%, 95%);
-    --background-2: light-dark(hsl(302, 69%, 90%), hsl(302, 69%, 5%));
+    --background-2: hsl(302, 69%, 90%);
-    --foreground: light-dark(hsl(302, 69%, 10%), hsl(302, 69%, 95%));
+    --foreground: hsl(302, 69%, 10%);
     --success: hsl(110, 50%, 59%);
     --warn: hsl(30, 50%, 59%);
     --error: hsl(0, 50%, 59%);
@@ -118,8 +118,6 @@
 }
 
 body {
-    color-scheme: light dark;
-
     /* Display */
     margin: 0;
     padding: 0;
@@ -150,11 +148,13 @@ nav .links {
 }
 
 h1 {
+    border-bottom: 2px solid var(--accent-2);
     font-size: xx-large;
     font-weight: bolder;
 }
 
 h2 {
+    border-bottom: 1px solid var(--accent-2);
     font-size: x-large;
     font-weight: bold;
 }
@@ -183,49 +183,49 @@ article {
     counter-reset: h2 0;
 }
 
-/*article h2 {*/
+article h2 {
-/*    counter-increment: h2 1;*/
+    counter-increment: h2 1;
-/*    counter-reset: h3 0;*/
+    counter-reset: h3 0;
-/*}*/
+}
 
-/*article h2::before {*/
+article h2::before {
-/*    content: counter(h2) ". ";*/
+    content: counter(h2) ". ";
-/*}*/
+}
 
-/*article h3 {*/
+article h3 {
-/*    counter-increment: h3 1;*/
+    counter-increment: h3 1;
-/*    counter-reset: h4 0;*/
+    counter-reset: h4 0;
-/*}*/
+}
 
-/*article h3::before {*/
+article h3::before {
-/*    content: counter(h2) "." counter(h3) ". ";*/
+    content: counter(h2) "." counter(h3) ". ";
-/*}*/
+}
 
-/*article h4 {*/
+article h4 {
-/*    counter-increment: h4 1;*/
+    counter-increment: h4 1;
-/*    counter-reset: h5 0;*/
+    counter-reset: h5 0;
-/*}*/
+}
 
-/*article h4::before {*/
+article h4::before {
-/*    content: counter(h2) "." counter(h3) "." counter(h4) ". ";*/
+    content: counter(h2) "." counter(h3) "." counter(h4) ". ";
-/*}*/
+}
 
-/*article h5 {*/
+article h5 {
-/*    counter-increment: h5 1;*/
+    counter-increment: h5 1;
-/*    counter-reset: h6 0;*/
+    counter-reset: h6 0;
-/*}*/
+}
 
-/*article h5::before {*/
+article h5::before {
-/*    content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";*/
+    content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";
-/*}*/
+}
 
-/*article h6 {*/
+article h6 {
-/*    counter-increment: h6 1;*/
+    counter-increment: h6 1;
-/*}*/
+}
 
-/*article h6::before {*/
+article h6::before {
-/*    content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". ";*/
+    content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". ";
-/*}*/
+}
 
 a {
     padding-left: 0.15em;
@@ -503,6 +503,13 @@ table.rows tbody tr:nth-child(2n) {
 }
 
 @media (prefers-color-scheme: dark) {
+    :root {
+        --accent-2: hsl(287, 50%, 79%);
+        --background: hsl(302, 69%, 10%);
+        --background-2: hsl(302, 69%, 5%);
+        --foreground: hsl(302, 69%, 95%);
+    }
+
     .icon-link>img.invert {
         filter: hue-rotate(180deg) invert();
     }