added community guidelines and adjusted footer

2025-09-08 06:58:43 +00:00 · 2025-01-30 15:26:07 -05:00
parent b32de9540d
commit 60c43aecf7
7 changed files with 382 additions and 30 deletions
--- a/src/about.html
+++ b/src/about.html
@@ -79,9 +79,17 @@
        </div>
      </main>

-      <!-- Footer -->
      <!-- Footer -->
      <footer class="mt-auto pb-8 text-center px-4">
+        <a
+          href="http://bitvid.network/"
+          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          bitvid.network
+        </a>
+        |
        <a
          href="https://bitvid.btc.us"
          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
@@ -99,16 +107,15 @@
        >
          bitvid.eth.limo
        </a>
-        |
-        <a
-          href="https://bitvid.netlify.app"
-          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          bitvid.netlify.app
-        </a>
        <div class="mt-2 space-x-4">
+          <a
+            href="community-guidelines.html"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Community Guidelines
+          </a>
          <a
            href="https://github.com/PR0M3TH3AN/bitvid"
            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
--- a/src/community-guidelines.html
+++ b/src/community-guidelines.html
@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>bitvid | About</title>
+
+    <!-- Open Graph Meta Tags -->
+    <meta property="og:title" content="bitvid | Community Guidelines" />
+    <meta
+      property="og:description"
+      content="View and render markdown content dynamically."
+    />
+    <meta
+      property="og:image"
+      content="https://bitvid.netlify.app/assets/jpg/bitvid.jpg"
+    />
+    <meta property="og:url" content="https://bitvid.btc.us" />
+    <meta property="og:type" content="website" />
+    <meta property="og:locale" content="en_US" />
+
+    <!-- App Icons -->
+    <link rel="icon" href=.ico" sizes="any" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="assets/png/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="assets/png/favicon-16x16.png"
+    />
+    <link rel="manifest" href="/site.webmanifest" />
+    <meta name="theme-color" content="#0f172a" />
+
+    <!-- Tailwind CSS -->
+    <link
+      href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css"
+      rel="stylesheet"
+    />
+
+    <!-- Main Layout Styles -->
+    <link href="css/style.css" rel="stylesheet" />
+
+    <!-- Markdown-Specific Styles -->
+    <link href="css/markdown.css" rel="stylesheet" />
+  </head>
+  <body class="bg-gray-100">
+    <div
+      id="app"
+      class="container mx-auto px-4 py-8 min-h-screen flex flex-col"
+    >
+      <!-- Header -->
+      <header class="mb-8">
+        <div class="flex items-start">
+          <!-- Logo links back to index.html (or "/") -->
+          <a href="index.html">
+            <img
+              src="assets/svg/bitvid-logo-light-mode.svg"
+              alt="BitVid Logo"
+              class="h-16"
+            />
+          </a>
+        </div>
+      </header>
+
+      <!-- Markdown Content Section -->
+      <main>
+        <!-- 
+          We give this section a white background and a shadow 
+          just like you originally had for other cards.
+        -->
+        <div id="markdown-container" class="bg-white p-6 rounded-lg shadow-md">
+          <h2 class="text-2xl font-bold mb-4">Loading Content...</h2>
+        </div>
+      </main>
+
+      <!-- Footer -->
+      <footer class="mt-auto pb-8 text-center px-4">
+        <a
+          href="http://bitvid.network/"
+          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          bitvid.network
+        </a>
+        |
+        <a
+          href="https://bitvid.btc.us"
+          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          bitvid.btc.us
+        </a>
+        |
+        <a
+          href="https://bitvid.eth.limo"
+          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          bitvid.eth.limo
+        </a>
+        <div class="mt-2 space-x-4">
+          <a
+            href="community-guidelines.html"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Community Guidelines
+          </a>
+          <a
+            href="https://github.com/PR0M3TH3AN/bitvid"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            GitHub
+          </a>
+          <a
+            href="https://primal.net/p/npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Nostr
+          </a>
+          <a
+            href="https://habla.news/p/nprofile1qyv8wumn8ghj7un9d3shjtnndehhyapwwdhkx6tpdsq3gamnwvaz7tmjv4kxz7fwv3sk6atn9e5k7qgdwaehxw309ahx7uewd3hkcqgswaehxw309ahx7um5wgh8w6twv5q3yamnwvaz7tm0venxx6rpd9hzuur4vgqzpzf6x8a95eyp99dmwm4zmkx4a3cxgrnwdtfe3ej504m3aqjk4ugldyww3a"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Blog
+          </a>
+          <a
+            href="getting-started.html"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_self"
+            rel="noopener noreferrer"
+          >
+            Getting Started
+          </a>
+          <a
+            href="about.html"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_self"
+            rel="noopener noreferrer"
+          >
+            About
+          </a>
+          <a
+            href="roadmap.html"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_self"
+            rel="noopener noreferrer"
+          >
+            Roadmap
+          </a>
+          <a
+            href="torrent/beacon.html"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_self"
+            rel="noopener noreferrer"
+          >
+            βeacon
+          </a>
+        </div>
+        <p
+          class="mt-2 text-xs text-gray-600 font-mono break-all max-w-full overflow-hidden"
+        >
+          IPNS:
+          <a href="ipns.html" class="text-blue-600 underline">
+            k51qzi5uqu5dgwr4oejq9rk41aoe9zcupenby6iqecsk5byc7rx48uecd133a1
+          </a>
+        </p>
+      </footer>
+    </div>
+
+    <!-- Marked.js (for converting markdown to HTML) -->
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <!-- Highlight.js (optional for code block highlighting) -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
+
+    <script>
+      async function loadMarkdown() {
+        const response = await fetch("content/community-guidelines.md");
+        if (response.ok) {
+          const markdown = await response.text();
+          const container = document.getElementById("markdown-container");
+
+          // Convert markdown to HTML
+          const html = marked.parse(markdown);
+
+          // Insert the HTML into the container
+          container.innerHTML = html;
+
+          // (Optional) Highlight code blocks
+          document.querySelectorAll("pre code").forEach((block) => {
+            hljs.highlightBlock(block);
+          });
+        } else {
+          document.getElementById("markdown-container").innerHTML =
+            '<p class="text-red-500">Error loading content. Please try again later.</p>';
+        }
+      }
+
+      loadMarkdown();
+    </script>
+  </body>
+</html>
--- a/src/content/community-guidelines.md
+++ b/src/content/community-guidelines.md
@@ -0,0 +1,79 @@
+# **bitvid Community Guidelines**
+
+Welcome to **bitvid**, a decentralized video-sharing platform built on Nostr. These Community Guidelines outline the types of content allowed and prohibited on the platform. As bitvid is still in early access, enforcement will occur at the client level, meaning violations will result in content being blocked from display rather than removed from relays. These policies will evolve as we implement robust user blocking and reporting features.
+
+## **1. Content Principles**
+
+bitvid aims to support **free expression** while maintaining a platform where users feel safe and respected. To achieve this balance, the following principles guide our moderation approach:
+
+- **Decentralization:** We do not host videos directly but enable peer-to-peer sharing through WebTorrent and Nostr.
+- **User Moderation:** Users have control over their feeds through subscriptions, blocking, and reporting.
+- **Transparency:** Enforcement actions at the client level are visible, and policy updates will be communicated openly.
+
+## **2. Allowed Content**
+
+bitvid encourages a wide range of content, including but not limited to:
+
+- **Educational and informative videos** (tech tutorials, history, science, etc.).
+- **Entertainment** (music, gaming, comedy, reviews, etc.).
+- **News and journalism** (independent reporting and discussions).
+- **Creative works** (art, animations, short films, open-source projects, etc.).
+- **Discussions and opinions** (provided they adhere to respectful discourse).
+
+## **3. Prohibited Content**
+
+To maintain a functional and ethical platform, the following types of content are blocked at the client level:
+
+### **3.1. Illegal Content**
+
+- Content that violates applicable laws, including but not limited to:
+  - **CSAM (Child Sexual Abuse Material)** (immediate report and block enforcement).
+  - **Human trafficking, exploitation, or abuse.**
+  - **Direct threats or incitements to violence.**
+  - **Explicit doxxing or leaking of private information without consent.**
+  - **Fraudulent or scam content (e.g., Ponzi schemes, fake giveaways, impersonation).**
+
+### **3.2. Spam and Low-Quality Content**
+
+- Mass-uploaded, repetitive, or bot-generated content intended to flood the platform.
+- Clickbait thumbnails/titles that mislead viewers.
+- Excessive self-promotion with no meaningful engagement.
+
+### **3.3. NSFW and Sensitive Content**
+
+- **Pornographic material** (non-artistic sexually explicit content is not allowed at this stage).
+- **Extreme gore or graphic violence** (unless in an educational or journalistic context).
+- **Hate speech, racism, or targeted harassment.**
+- **Calls for harm against individuals or groups based on race, religion, nationality, gender, or sexual orientation.**
+- **Encouragement of self-harm, suicide, or dangerous activities.**
+
+### **3.4. AI-Generated and Deepfake Content**
+
+- **Deepfake impersonations** of real people used for deceptive purposes.
+- AI-generated content must be **clearly labeled** to avoid misinformation.
+
+## **4. Enforcement Actions**
+
+Until robust reporting and user moderation features are fully implemented, bitvid will enforce these guidelines at the **client level**:
+
+- **Content Filtering:** Prohibited content will not be displayed within the client, though it may still exist on relays.
+- **Account Restrictions:** Users violating guidelines may be **blocked from the whitelisted early access list**.
+- **Reporting Mechanism:** Users are encouraged to report violations via NIP-56 reports, which will be reviewed manually.
+
+## **5. User Moderation Features (In Development)**
+
+We are working on features that will give users more control over their experience, including:
+
+- **Personal blocklists** (prevent content from specific creators from appearing in feeds).
+- **Community-curated moderation lists** (opt-in to trusted content curation groups).
+- **Tag-based filtering** (users can toggle visibility of certain content categories).
+
+## **6. Appeals and Feedback**
+
+As we refine the moderation system, we welcome feedback from early users. If you believe your content was unfairly blocked, you can appeal by reaching out through bitvid’s Nostr channels.
+
+## **7. Final Notes**
+
+bitvid is committed to **free speech and open platforms** while acknowledging the need for responsible content moderation. These guidelines will continue to evolve as we develop better tools for user moderation and decentralized governance.
+
+Thank you for being part of the early bitvid community!
--- a/src/getting-started.html
+++ b/src/getting-started.html
@@ -79,9 +79,17 @@
        </div>
      </main>

-      <!-- Footer -->
      <!-- Footer -->
      <footer class="mt-auto pb-8 text-center px-4">
+        <a
+          href="http://bitvid.network/"
+          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          bitvid.network
+        </a>
+        |
        <a
          href="https://bitvid.btc.us"
          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
@@ -99,16 +107,15 @@
        >
          bitvid.eth.limo
        </a>
-        |
-        <a
-          href="https://bitvid.netlify.app"
-          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          bitvid.netlify.app
-        </a>
        <div class="mt-2 space-x-4">
+          <a
+            href="community-guidelines.html"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Community Guidelines
+          </a>
          <a
            href="https://github.com/PR0M3TH3AN/bitvid"
            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
--- a/src/index.html
+++ b/src/index.html
@@ -256,8 +256,15 @@
        >
          bitvid.eth.limo
        </a>
-        |
        <div class="mt-2 space-x-4">
+          <a
+            href="community-guidelines.html"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Community Guidelines
+          </a>
          <a
            href="https://github.com/PR0M3TH3AN/bitvid"
            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
--- a/src/ipns.html
+++ b/src/ipns.html
@@ -81,6 +81,15 @@

      <!-- Footer -->
      <footer class="mt-auto pb-8 text-center px-4">
+        <a
+          href="http://bitvid.network/"
+          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          bitvid.network
+        </a>
+        |
        <a
          href="https://bitvid.btc.us"
          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
@@ -98,16 +107,15 @@
        >
          bitvid.eth.limo
        </a>
-        |
-        <a
-          href="https://bitvid.netlify.app"
-          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          bitvid.netlify.app
-        </a>
        <div class="mt-2 space-x-4">
+          <a
+            href="community-guidelines.html"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Community Guidelines
+          </a>
          <a
            href="https://github.com/PR0M3TH3AN/bitvid"
            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
--- a/src/roadmap.html
+++ b/src/roadmap.html
@@ -81,6 +81,15 @@

      <!-- Footer -->
      <footer class="mt-auto pb-8 text-center px-4">
+        <a
+          href="http://bitvid.network/"
+          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          bitvid.network
+        </a>
+        |
        <a
          href="https://bitvid.btc.us"
          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
@@ -89,7 +98,24 @@
        >
          bitvid.btc.us
        </a>
+        |
+        <a
+          href="https://bitvid.eth.limo"
+          class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          bitvid.eth.limo
+        </a>
        <div class="mt-2 space-x-4">
+          <a
+            href="community-guidelines.html"
+            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Community Guidelines
+          </a>
          <a
            href="https://github.com/PR0M3TH3AN/bitvid"
            class="text-gray-500 hover:text-gray-400 transition-colors duration-200"