helldivers-theme 1.2.1 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 719eff878116dbf7e6fccc916361de5b92a79fee4e69d7dbdbdb077d1cb6d7de
-  data.tar.gz: d408b841eff41cc1375faa5998854535ec11cc5b110efb7a6adba47958c0ccf9
+  metadata.gz: ef9bcafbe4a33ebd2c37dae783b384aac9544d37e8a860f5ad21454f19ad9628
+  data.tar.gz: fc9b4d7014ce7ba2ad1cae32201dd23a16050062b9f527f10f44b87b6e5b75ed
 SHA512:
-  metadata.gz: e1e43cc0a524be7540a0b7e10a3e2539ed2bf41b13d015fb070c81de7be93b30b3846d5834d187255caf999662b8aa051a7076d868a8f1ce32a7f0e74c4caf4f
-  data.tar.gz: c1a724c0145e23189e3ea13f2bfd36528a460095fc13b37a2633ec8171f707d67def7459f3dfaae5d1d14aedca4c365d899ff54d13e275ebf62a6c94d0acec1d
+  metadata.gz: 210ac1d24abe43601df9802ebc697c2a89ce29a720b6f1337232ecbd916102b331497dd19b56934702b4d25b167218b5bbaf56c2cb0ac19abc29950e11d1fbce
+  data.tar.gz: b48aa79fbb784e68a79e9e33cd1d96f72f483fc841ce39e578b3121da6c19e85385bc70bf8abd943ae112255b910bd8fa4b0d2b49172ac2a75e74f7f374b417c

data/_data/squad.yaml

@@ -1,5 +1,3 @@
-# _data/squad.yml
-
 # --- GENERAL INFO ---
 squad_name: "Dagger Squad"
 motto: "\"Liberty never sleeps, and neither do we.\""
@@ -75,6 +73,37 @@ requirements:
     value: "ANY (TRY HARD)"
     status: "pending" # Shows yellow/orange
 
+hubs:
+  - name: "PC Division"
+    platform: "STEAM / PSN"
+    logo: "pc-logo.png"
+    commander: "CMDR. VEX" # Specific leader for this hub
+    members: "150+ Active"
+    status: "OPERATIONAL"
+    description: "Primary command center for PC Helldivers. Specializing in high-precision orbital strikes and rapid deployment strategies."
+    discord_link: "https://discord.gg/your-pc-link"
+    color_theme: "#00f0ff" # Optional: Cyan for PC
+
+  - name: "PlayStation Command"
+    platform: "PS5 / PS4"
+    logo: "ps-logo.png"
+    commander: "LT. RAX"
+    members: "200+ Active"
+    status: "OPERATIONAL"
+    description: "The backbone of Super Earth's console forces. Experts in heavy armor, defensive holds, and extraction tactics."
+    discord_link: "https://discord.gg/your-ps-link"
+    color_theme: "#0055ff" # Optional: Blue for PS
+
+  - name: "Xbox Battalion"
+    platform: "SERIES X / ONE"
+    logo: "xbox-logo.png"
+    commander: "SGT. KORA"
+    members: "120+ Active"
+    status: "OPERATIONAL"
+    description: "Rising defenders of democracy on Xbox. Known for aggressive push strategies, camaraderie, and sheer firepower."
+    discord_link: "https://discord.gg/your-xbox-link"
+    color_theme: "#00ff00" # Optional: Green for Xbox
+
 # --- SQUAD LEADERS ---
 
 leaders:

data/_layouts/default.html

@@ -29,10 +29,11 @@
 
             <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 href="{{ '/about/' | relative_url }}" class="nav-link {% if page.url == '/about/' %}active{% endif %}" onclick="if(typeof SFX!=='undefined')SFX.playClick()">INTEL</a>
+                <a href="{{ '/join/' | relative_url }}" class="nav-link {% if page.url == '/join/' %}active{% endif %}" onclick="if(typeof SFX!=='undefined')SFX.playClick()">ENLIST</a>
+                <a href="{{ '/contact/' | relative_url }}" class="nav-link {% if page.url == '/contact/' %}active{% endif %}" onclick="if(typeof SFX!=='undefined')SFX.playClick()">COMMS</a>
+                <a href="{{ '/hub/' | relative_url }}" class="nav-link {% if page.url == '/hub/' %}active{% endif %}" onclick="if(typeof SFX!=='undefined')SFX.playClick()">HUBS</a>
+                <a href="{{ '/watch/' | relative_url }}" class="nav-link {% if page.url == '/watch/' %}active{% endif %}" onclick="if(typeof SFX!=='undefined')SFX.playClick()">LIVE FEED<span class="live-dot"id="status-dot"></span>
                 </a>
 
             </nav>
@@ -57,5 +58,8 @@
 
     <!-- Leader Profiles Script -->
     <script src="{{ '/assets/js/profile-modal.js' | relative_url }}"></script>
+
+    <!-- Sound Effects Generator -->
+    <script src="{{ '/assets/js/sfx.js' | relative_url }}"></script>
 </body>
-</html>
+</html>

data/assets/js/profile-modal.js

@@ -73,6 +73,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     modal.style.opacity = '1';
     modal.querySelector('.modal-terminal').style.transform = 'scale(1)';
+    if (typeof SFX !== 'undefined') SFX.playOpen();
 
     // Prevent background scrolling
     document.body.style.overflow = 'hidden';
@@ -87,6 +88,8 @@ document.addEventListener('DOMContentLoaded', () => {
       // Fade out
       modal.style.opacity = '0';
       modal.querySelector('.modal-terminal').style.transform = 'scale(0.9)';
+      if (typeof SFX !== 'undefined') SFX.playClose();
+
 
       // Wait for transition to finish before hiding display
       setTimeout(() => {

data/assets/js/sfx.js

@@ -0,0 +1,77 @@
+// assets/js/sfx.js
+
+const SFX = {
+  ctx: null,
+
+  // Initialize Audio Context (must be triggered by user interaction first)
+  init() {
+    if (!this.ctx) {
+      this.ctx = new (window.AudioContext || window.webkitAudioContext)();
+    }
+    if (this.ctx.state === 'suspended') {
+      this.ctx.resume();
+    }
+  },
+
+  // 1. Modal Open Sound (Soft Sci-Fi Hum/Power Up)
+  playOpen() {
+    this.init();
+    const osc = this.ctx.createOscillator();
+    const gain = this.ctx.createGain();
+    
+    osc.type = 'sine';
+    osc.frequency.setValueAtTime(200, this.ctx.currentTime);
+    osc.frequency.exponentialRampToValueAtTime(600, this.ctx.currentTime + 0.3);
+    
+    gain.gain.setValueAtTime(0.1, this.ctx.currentTime);
+    gain.gain.exponentialRampToValueAtTime(0.01, this.ctx.currentTime + 0.3);
+    
+    osc.connect(gain);
+    gain.connect(this.ctx.destination);
+    
+    osc.start();
+    osc.stop(this.ctx.currentTime + 0.3);
+  },
+
+  // 2. Modal Close Sound (Digital Power Down)
+  playClose() {
+    this.init();
+    const osc = this.ctx.createOscillator();
+    const gain = this.ctx.createGain();
+    
+    osc.type = 'square';
+    osc.frequency.setValueAtTime(400, this.ctx.currentTime);
+    osc.frequency.exponentialRampToValueAtTime(100, this.ctx.currentTime + 0.2);
+    
+    gain.gain.setValueAtTime(0.05, this.ctx.currentTime);
+    gain.gain.exponentialRampToValueAtTime(0.01, this.ctx.currentTime + 0.2);
+    
+    osc.connect(gain);
+    gain.connect(this.ctx.destination);
+    
+    osc.start();
+    osc.stop(this.ctx.currentTime + 0.2);
+  },
+
+  // 3. Button Click/Hover (Sharp Mechanical Click)
+  playClick() {
+    this.init();
+    const osc = this.ctx.createOscillator();
+    const gain = this.ctx.createGain();
+    
+    osc.type = 'triangle';
+    osc.frequency.setValueAtTime(800, this.ctx.currentTime);
+    
+    gain.gain.setValueAtTime(0.05, this.ctx.currentTime);
+    gain.gain.exponentialRampToValueAtTime(0.01, this.ctx.currentTime + 0.05);
+    
+    osc.connect(gain);
+    gain.connect(this.ctx.destination);
+    
+    osc.start();
+    osc.stop(this.ctx.currentTime + 0.05);
+  }
+};
+
+// Auto-initialize on first click anywhere on the page
+document.addEventListener('click', () => SFX.init(), { once: true });

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: helldivers-theme
 version: !ruby/object:Gem::Version
-  version: 1.2.1
+  version: 1.3.0
 platform: ruby
 authors:
 - DAR
@@ -89,6 +89,7 @@ files:
 - assets/js/main.js
 - assets/js/particles.js
 - assets/js/profile-modal.js
+- assets/js/sfx.js
 - assets/main.scss
 - contact.md
 - index.html