helldivers-theme 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 62b71fc7140e025e87cb6118ac1410008e3ed8784c0a4fa27ce8cdd57df0268c
+  data.tar.gz: ac47c226e2a2df5d7732ff4e142e0afe310065abc2b944b21b61739c306d1c69
+SHA512:
+  metadata.gz: de349890a0d6dd1e67438a6919b913b27e2514acf71cd0e71e6804935179e1bdf555cbd5f57300d9539c03ce409dcac86d445f86ff5f22a4c395dfbb64f8d449
+  data.tar.gz: 28fd3dec607bccd9e124d7a95058ac75b04a692712f2b31f1d441f54b135c4ec05fecaf78bd532ecab26afe8eaaeeeb5bb43110b29c6c444f9c06ccb2a625a17

data/README.md

@@ -0,0 +1,50 @@
+# Terminal | Helldivers 2 Clan Theme Website
+
+A high-performance, static website built with **Jekyll** for a Helldivers 2 clan, or Space/Sci-Fi Enthusiast.
+
+Features a holographic "Super Earth" UI, dynamic data-driven content, live Twitch integration, and automated recruitment forms.
+  
+**Theme:** Managed Democracy / Sci-Fi Terminal
+
+---
+
+## Features
+
+*   **Dynamic Data System:** All squad info (Leaders, Stats, Loadouts, Story) is stored in a single YAML file. No coding required to update content.
+*   **Live Twitch Integration:** Dedicated "Live Feed" page with auto-detecting embed.
+*   **Recruitment Terminal:** Contact form powered by Formspree (no backend required).
+*   **Responsive Design:** Fully optimized for mobile, tablet, and desktop.
+*   **High-Performance Graphics:** GPU-accelerated particle background (Canvas API) for smooth 60fps animations.
+*   **RSS News Feed:** Automatically pulls latest Helldivers 2 updates from Steam.
+
+---
+
+## Tech Stack
+
+*   **Generator:** Jekyll (Static Site Generator)
+*   **Styling:** SCSS / Sass
+*   **Hosting:** NixiHost (Standard Shared Hosting)
+*   **Forms:** Formspree
+*   **Video:** Twitch Embed API
+
+---
+
+## Project Structure
+
+```text
+/
+├── _config.yml           # Site settings (Title, Twitch, Discord links)
+├── _data/
+│   └── squad.yml         # ⭐ EDIT THIS FILE TO UPDATE CONTENT ⭐
+├── _layouts/
+│   └── default.html      # Master template (Header, Nav, Footer)
+├── _sass/                # SCSS stylesheets
+├── assets/
+│   ├── css/              # Compiled CSS (Auto-generated)
+│   ├── js/               # JavaScript (Particles, RSS, Twitch)
+│   └── img/              # Images (Leaders, Stratagems, Backgrounds)
+├── index.html            # Home Page
+├── about.md              # Intel Page
+├── join.md               # Enlist Page
+├── contact.md            # Comms Page
+└── watch.md              # Live Feed Page

data/_config.yml

@@ -0,0 +1,40 @@
+# --- 1. SITE IDENTITY ---
+title: Dagger Squad
+description: "Helldivers 2 Clan Terminal | For Super Earth and Managed Democracy."
+baseurl: ""
+url: "" # Add your domain later (e.g., https://daggersquad.com)
+
+# --- 2. SOCIAL & SHARING (For Discord Previews) ---
+# Even without Twitter, these help generate nice cards when sharing links
+github_username: breakthebull
+twitch_channel: "NobleSwordDom" # e.g., "shroud" or "helldivers2"
+twitch_parent: "localhost" # Change this to your domain name when you deploy (e.g., "daggersquad.com")
+
+# --- 3. BUILD SETTINGS ---
+plugins:
+  - jekyll-feed      # Keeps the RSS feed logic available
+  - jekyll-sitemap   # Auto-generates sitemap.xml for SEO
+  - jekyll-seo-tag   # Auto-generates meta tags for Google/Discord
+
+sass:
+  sass_dir: _sass
+  style: compressed # Smaller CSS file = faster loading
+
+# --- 5. DEFAULTS (Stop repeating 'layout: default' in every file) ---
+defaults:
+  - scope:
+      path: "" # Applies to all files
+    values:
+      layout: "default"
+      image: "/assets/img/bg/space-deck.jpg" # Default social share image
+
+# --- 6. PERMALINKS (Clean URLs) ---
+permalink: pretty
+# Turns 'about.html' into 'about/' automatically
+
+# --- EXCLUDES (Keep these to avoid uploading junk files) ---
+exclude:
+  - .sass-cache/
+  - .jekyll-cache/
+  - Gemfile.lock
+  - README.md

data/_data/squad.yaml

@@ -0,0 +1,127 @@
+# _data/squad.yml
+
+# --- GENERAL INFO ---
+squad_name: "Dagger Squad"
+motto: "\"Liberty never sleeps, and neither do we.\""
+commander_quote: "- Cmdr. Vex"
+
+# --- STATS (Easy to change numbers) ---
+stats:
+  - label: "SQUAD ID"
+    value: "DG-8842"
+  - label: "ESTABLISHED"
+    value: "2184"
+  - label: "MISSIONS"
+    value: "1,402+"
+  - label: "SUCCESS RATE"
+    value: "94.8%"
+    color: "#0f0" # Green
+  - label: "THREAT LEVEL"
+    value: "EXTREME"
+    color: "#ff3333" # Red
+
+# --- STORY (Write as much as you want) ---
+story: |
+  Formed in the chaotic aftermath of the <strong>Malevelon Creek Incident</strong>, Dagger Squad was assembled from the survivors of three different depleted platoons. What started as a ragtag group of stragglers has evolved into Super Earth's most precise surgical strike unit.
+
+  We specialize in <strong>high-risk extraction missions</strong> and <strong>heavy objective defense</strong>. While other squads rely on brute force, Dagger Squad utilizes coordinated stratagem timing and superior battlefield awareness to turn minor setbacks into major victories for Managed Democracy.
+
+  Our members are drawn from every corner of Super Earth, united by a single goal: the spread of Managed Democracy, no matter the cost. Whether facing the Terminid horde or the Automaton legion, Dagger Squad stands as the unbreakable shield of liberty.
+
+# --- LOADOUTS (Add/Remove these blocks easily) ---
+loadouts:
+  - name: "ANTI-ARMOR BREACH"
+    theme_color: "gold" # Options: gold, cyan, red
+    items:
+      - "PRIMARY: AR-23 Liberator"
+      - "SUPPORT: SG-225 Breaker"
+      - "GRENADE: G-12 Frag"
+      - "STRATAGEMS: Orbital Laser, Eagle 500kg"
+
+  - name: "CROWD CONTROL SWARM"
+    theme_color: "cyan"
+    items:
+      - "PRIMARY: SMG-37 Defender"
+      - "SUPPORT: MG-43 Machine Gun"
+      - "GRENADE: G-12 Frag"
+      - "STRATAGEMS: Mortar Sentry, Gas Orbit"
+
+  - name: "STEALTH RECON"
+    theme_color: "red"
+    items:
+      - "PRIMARY: R-36 Eruptor"
+      - "SUPPORT: APW-1 Anti-Materiel"
+      - "GRENADE: Smoke"
+      - "STRATAGEMS: EMS Mortar, Recon Drone"
+
+# --- RECRUITMENT DATA ---
+recruitment_status: "OPEN" # Options: OPEN, CLOSED, LIMITED
+discord_link: "https://discord.gg/YOUR_INVITE_CODE_HERE" # CHANGE THIS!
+
+requirements:
+  - label: "MINIMUM LEVEL"
+    value: "20"
+    status: "verified" # verified, pending, failed
+  - label: "MICROPHONE"
+    value: "REQUIRED"
+    status: "verified"
+  - label: "ACTIVITY"
+    value: "2x WEEKLY"
+    status: "verified"
+  - label: "ATTITUDE"
+    value: "DEMOCRACY FIRST"
+    status: "verified"
+  - label: "K/D RATIO"
+    value: "ANY (TRY HARD)"
+    status: "pending" # Shows yellow/orange
+
+# --- SQUAD LEADERS ---
+
+leaders:
+  - name: "CMDR. VEX"
+    role: "SQUAD LEAD"
+    image: "vex.jpg"
+    # Add these lines:
+    profile:
+      favorite_primary: "AR-23 Liberator"
+      favorite_stratagem: "Orbital Laser"
+      missions_led: "450+"
+      k_d_ratio: "4.2"
+      specialty: "Strategy & Command"
+      medals: ["Legion of Merit", "Medal of Heroism", "Purple Heart"]
+      bio: "Known for calling orbital strikes on extraction zones 'just to be safe'."
+      specialty_planet: ""
+      quote: ""
+
+  - name: "LT. RAX"
+    role: "TACTICS OFFICER"
+    image: "rax.jpg"
+    profile:
+      favorite_primary: "SMG-37 Defender"
+      favorite_stratagem: "Eagle 500kg"
+      missions_led: "320+"
+      k_d_ratio: "3.8"
+      specialty: "Crowd Control"
+      medals: ["Legion of Merit", "Medal of Heroism", "Purple Heart"]
+      bio: "Known for calling orbital strikes on extraction zones 'just to be safe'."
+      specialty_planet: ""
+      quote: ""
+
+  - name: "SGT. KORA"
+    role: "HEAVY ORDNANCE"
+    image: "kora.jpg"
+    profile:
+      favorite_primary: "MG-43 Machine Gun"
+      favorite_stratagem: "Hellbomb"
+      missions_led: "280+"
+      k_d_ratio: "5.1"
+      specialty: "Heavy Defense"
+      medals: ["Legion of Merit", "Medal of Heroism", "Purple Heart"]
+      bio: "Known for calling orbital strikes on extraction zones 'just to be safe'."
+      specialty_planet: ""
+      quote: ""
+
+  # To add a new leader, just copy/paste a block above and change the details!
+  # - name: "CPL. JENKINS"
+  #   role: "MEDIC"
+  #   image: "jenkins.jpg"

data/_layouts/default.html

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ page.title }} | {{ site.title }}</title>
+
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Share+Tech+Mono&display=swap" rel="stylesheet">
+
+    <!-- COMPILED CSS -->
+    <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
+</head>
+<body style="background-image: linear-gradient(to bottom, rgba(2, 4, 10, 0.85), rgba(2, 4, 10, 0.95)), url('{{ '/assets/img/bg/space-deck.jpg' | relative_url }}'); background-size: cover; background-position: center; background-attachment: fixed;">
+
+    <!-- NEW: PARTICLE SWIRL CONTAINER -->
+    <div id="particle-swirl"></div>
+
+    <div class="terminal-wrapper">
+
+        <!-- HEADER & NAV (Visible on ALL pages) -->
+        <header class="terminal-header">
+            <div class="logo-area">
+                <h1>{{ site.title }}</h1>
+                <span class="subtitle">// HELLDIVERS 2 DIVISION //</span>
+            </div>
+
+            <nav class="main-nav">
+                <a href="{{ '/' | relative_url }}" class="nav-link {% if page.url == '/' %}active{% endif %}">HOME</a>
+                <a href="{{ '/about/' | relative_url }}" class="nav-link {% if page.url == '/about/' %}active{% endif %}">INTEL</a>
+                <a href="{{ '/join/' | relative_url }}" class="nav-link {% if page.url == '/join/' %}active{% endif %}">ENLIST</a>
+                <a href="{{ '/contact/' | relative_url }}" class="nav-link {% if page.url == '/contact/' %}active{% endif %}">COMMS</a>
+                <a href="{{ '/watch/' | relative_url }}" class="nav-link {% if page.url == '/watch/' %}active{% endif %}">LIVE FEED<span class="live-dot"id="status-dot"></span>
+                </a>
+
+            </nav>
+        </header>
+
+        <!-- MAIN CONTENT AREA (This is where index.html gets injected) -->
+        <main class="terminal-card">
+            {{ content }}
+        </main>
+
+        <!-- FOOTER (Visible on ALL pages) -->
+        <footer class="terminal-footer">
+            <p>// FOR SUPER EARTH // MANAGED DEMOCRACY FOREVER //</p>
+        </footer>
+    </div>
+
+    <!-- Particle Swirl Script -->
+    <script src="{{ '/assets/js/particles.js' | relative_url }}"></script>
+
+    <!-- Main Site Script -->
+    <script src="{{ '/assets/js/main.js' | relative_url }}"></script>
+
+    <!-- Leader Profiles Script -->
+    <script src="{{ '/assets/js/profile-modal.js' | relative_url }}"></script>
+</body>
+</html>

data/_sass/_base.scss

@@ -0,0 +1,88 @@
+// _sass/_base.scss
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background-color: $hd-blue-deep;
+  color: $hd-white;
+  font-family: $font-mono;
+  min-height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 20px;
+  overflow-x: hidden;
+
+  // SPACE BACKGROUND
+  // Using a deep space nebula image
+  background-size: cover;
+  background-position: center;
+  background-attachment: fixed; // Parallax effect
+
+  // Subtle animated stars could be added later, but this is a great start
+}
+
+// Optional: Add a subtle scanline overlay for that "screen" feel
+body::after {
+  content: "";
+  position: fixed;
+  top: 0; left: 0; width: 100%; height: 100%;
+  background: repeating-linear-gradient(
+    0deg,
+    rgba(0, 0, 0, 0.1),
+    rgba(0, 0, 0, 0.1) 1px,
+    transparent 1px,
+    transparent 2px
+  );
+  pointer-events: none;
+  z-index: 9999;
+}
+
+// =========================================
+// PARTICLE SWIRL BACKGROUND
+// =========================================
+
+#particle-swirl {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none; // Allows clicking through the particles
+  z-index: 0; // Behind the terminal card (which is z-index 10+)
+  overflow: hidden;
+  perspective: 1000px;
+  opacity: 0.6; // Adjust transparency so it doesn't distract from text
+}
+
+.wrap {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 0;
+  height: 0;
+  transform-style: preserve-3d;
+  animation: rotate-swirl 14s infinite linear;
+}
+
+@keyframes rotate-swirl {
+  100% {
+    transform: rotateY(360deg) rotateX(360deg);
+  }
+}
+
+.c {
+  position: absolute;
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  opacity: 0;
+}
+
+.c {
+  will-change: transform, opacity;
+}