updated sidebar and made a links page

2025-09-07 14:38:43 +00:00 · 2025-02-06 17:07:37 -05:00
parent 46d1170a52
commit cf23a4b685
4 changed files with 194 additions and 11 deletions
--- a/assets/svg/links-icon.svg
+++ b/assets/svg/links-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M21.337,0.458L17.4,4.394C14.951,2.928 11.73,3.25 9.62,5.36L5.359,9.622C3.249,11.732 2.926,14.953 4.391,17.402L0.456,21.337C-0.153,21.946 -0.153,22.934 0.456,23.544C1.065,24.154 2.054,24.153 2.663,23.544L6.598,19.609C9.047,21.074 12.268,20.753 14.378,18.642L18.639,14.381C20.749,12.271 21.072,9.05 19.607,6.6L23.543,2.664C24.152,2.055 24.152,1.067 23.543,0.457C22.934,-0.153 21.946,-0.152 21.337,0.458ZM16.475,12.215L12.214,16.476C11.319,17.37 10.038,17.645 8.904,17.303L10.536,15.671C11.145,15.062 11.145,14.074 10.536,13.464C9.927,12.854 8.938,12.855 8.329,13.464L6.698,15.096C6.355,13.963 6.631,12.681 7.524,11.787L11.785,7.526C12.68,6.632 13.961,6.357 15.095,6.699L13.464,8.329C12.855,8.938 12.855,9.926 13.464,10.536C14.073,11.146 15.062,11.145 15.671,10.536L17.301,8.906C17.644,10.039 17.368,11.321 16.475,12.215Z" style="fill:rgb(92,111,138);fill-rule:nonzero;"/>
+</svg>
--- a/components/sidebar.html
+++ b/components/sidebar.html
@@ -83,6 +83,17 @@
            />
            <span class="sidebar-text">Getting Started</span>
          </a>
+          <a
+            href="#view=roadmap"
+            class="flex items-center hover:bg-gray-800 px-4 py-2 rounded"
+          >
+            <img
+              src="assets/svg/roadmap-icon.svg"
+              alt="Roadmap"
+              class="w-5 h-5 mr-3"
+            />
+            <span class="sidebar-text">Roadmap</span>
+          </a>
          <a
            href="https://habla.news/p/nprofile1qyv8wumn8ghj7un9d3shjtnndehhyapwwdhkx6tpdsq3gamnwvaz7tmjv4kxz7fwv3sk6atn9e5k7qgdwaehxw309ahx7uewd3hkcqgswaehxw309ahx7um5wgh8w6twv5q3yamnwvaz7tm0venxx6rpd9hzuur4vgqzpzf6x8a95eyp99dmwm4zmkx4a3cxgrnwdtfe3ej504m3aqjk4ugldyww3a"
            target="_blank"
@@ -109,17 +120,6 @@
            />
            <span class="sidebar-text">Nostr</span>
          </a>
-          <a
-            href="#view=roadmap"
-            class="flex items-center hover:bg-gray-800 px-4 py-2 rounded"
-          >
-            <img
-              src="assets/svg/roadmap-icon.svg"
-              alt="Roadmap"
-              class="w-5 h-5 mr-3"
-            />
-            <span class="sidebar-text">Roadmap</span>
-          </a>
          <a
            href="https://github.com/PR0M3TH3AN/bitvid"
            target="_blank"
@@ -159,6 +159,17 @@
            />
            <span class="sidebar-text">Beta</span>
          </a>
+          <a
+            href="#view=links"
+            class="flex items-center hover:bg-gray-800 px-4 py-2 rounded"
+          >
+            <img
+              src="assets/svg/links-icon.svg"
+              alt="Links"
+              class="w-5 h-5 mr-3"
+            />
+            <span class="sidebar-text">Links</span>
+          </a>
          <a
            href="#view=ipns"
            class="flex items-center hover:bg-gray-800 px-4 py-2 rounded"
--- a/content/links.md
+++ b/content/links.md
@@ -0,0 +1,115 @@
+Here is a collection of links to forms and pages.
+
+---
+
+## Forms
+
+---
+
+### Application Form
+
+Main - [bitvid.network?modal=application](https://bitvid.network?modal=application)
+
+Beta - [beta.bitvid.network?modal=application](https://beta.bitvid.network?modal=application)
+
+---
+
+### Bug Fix Form
+
+Main - [bitvid.network?modal=bug](https://bitvid.network?modal=bug)
+
+Beta - [beta.bitvid.network?modal=bug](https://beta.bitvid.network?modal=bug)
+
+---
+
+### Content Appeals Form
+
+Main - [bitvid.network?modal=appeals](https://bitvid.network?modal=appeals)
+
+Beta - [beta.bitvid.network?modal=appeals](https://beta.bitvid.network?modal=appeals)
+
+---
+
+### Feature Request Form
+
+Main - [bitvid.network?modal=feature](https://beta.bitvid.network?modal=feature)
+
+Beta - [beta.bitvid.network?modal=feature](https://bitvid.network?modal=feature)
+
+---
+
+### General Feedback Form
+
+Main - [bitvid.network?modal=feedback](https://bitvid.network?modal=feedback)
+
+Beta - [beta.bitvid.network?modal=feedback](https://beta.bitvid.network?modal=feedback)
+
+---
+
+## Views
+
+---
+
+Main - **Home:** [bitvid.network#view=most-recent-videos](https://bitvid.network#view=most-recent-videos)
+
+Beta - **Home:** [beta.bitvid.network#view=most-recent-videos](https://beta.bitvid.network#view=most-recent-videos)
+
+---
+
+Main - **Explore:** [bitvid.network#view=explore](https://bitvid.network#view=explore)
+
+Beta - **Explore:** [beta.bitvid.network#view=explore](https://beta.bitvid.network#view=explore)
+
+---
+
+Main - **Subscriptions:** [bitvid.network#view=subscriptions](https://bitvid.network#view=subscriptions) _Requires Nostr login_
+
+Beta - **Subscriptions:** [beta.bitvid.network#view=subscriptions](https://beta.bitvid.network#view=subscriptions) _Requires Nostr login_
+
+---
+
+Main - **About:** [bitvid.network#view=about](https://bitvid.network#view=about)
+
+Beta - **About:** [beta.bitvid.network#view=about](https://beta.bitvid.network#view=about)
+
+---
+
+Main - **Guidelines:** [bitvid.network#view=community-guidelines](https://bitvid.network#view=community-guidelines)
+
+Beta - **Guidelines:** [beta.bitvid.network#view=community-guidelines](https://beta.bitvid.network#view=community-guidelines)
+
+---
+
+Main - **Getting Started:** [bitvid.network#view=getting-started](https://bitvid.network#view=getting-started)
+
+Beta - **Getting Started:** [beta.bitvid.network#view=getting-started](https://beta.bitvid.network#view=getting-started)
+
+---
+
+Main - **Roadmap:** [bitvid.network#view=roadmap](https://bitvid.network#view=roadmap)
+
+Beta - **Roadmap:** [beta.bitvid.network#view=roadmap](https://beta.bitvid.network#view=roadmap)
+
+---
+
+Main - **βeacon:** [bitvid.network/torrent/beacon.html](https://bitvid.network/torrent/beacon.html)
+
+Beta - **βeacon:** [beta.bitvid.network/torrent/beacon.html](https://beta.bitvid.network/torrent/beacon.html)
+
+---
+
+Main - **Beta:** [bitvid.network](https://bitvid.network)
+
+Beta - **Beta:** [beta.bitvid.network](https://beta.bitvid.network)
+
+---
+
+Main - **Links:** [bitvid.network#view=links](https://bitvid.network#view=links)
+
+Beta - **Links:** [beta.bitvid.network#view=links](https://beta.bitvid.network#view=links)
+
+---
+
+Main - **IPNS:** [bitvid.network#view=ipns](https://bitvid.network#view=ipns)
+
+Beta - **IPNS:** [beta.bitvid.network#view=ipns](https://beta.bitvid.network#view=ipns)
--- a/views/links.html
+++ b/views/links.html
@@ -0,0 +1,52 @@
+<!-- views/about.html -->
+<section class="mb-8">
+  <!-- 
+    This container uses a white background and dark text, 
+    overriding your global “body { color: … }” rule
+  -->
+  <div class="bg-white p-6 rounded-lg shadow-md text-gray-900">
+    <h2 class="text-2xl font-bold mb-4 text-gray-700">bitvid Links</h2>
+
+    <!-- 
+      The .markdown-body class ensures the Markdown styling 
+      from your markdown.css can be applied here.
+    -->
+    <div id="markdown-container" class="markdown-body">
+      <p class="text-gray-500">Loading content...</p>
+    </div>
+  </div>
+</section>
+
+<script>
+  (async () => {
+    try {
+      const response = await fetch("content/links.md");
+      if (!response.ok) {
+        throw new Error("Failed to load links.md");
+      }
+      const markdownText = await response.text();
+
+      // Convert the markdown to HTML (requires "marked" loaded globally)
+      const html = marked.parse(markdownText);
+
+      // Insert the HTML into the container
+      const container = document.getElementById("markdown-container");
+      if (container) {
+        container.innerHTML = html;
+      }
+
+      // (Optional) Highlight code blocks if "hljs" is available globally
+      document.querySelectorAll("pre code").forEach((block) => {
+        hljs.highlightBlock(block);
+      });
+    } catch (err) {
+      console.error("Error loading Links content:", err);
+      const container = document.getElementById("markdown-container");
+      if (container) {
+        container.innerHTML = `
+          <p class="text-red-500">Error loading content. Please try again later.</p>
+        `;
+      }
+    }
+  })();
+</script>