VideoGallery: Difference between revisions
From Dune Awakening DB
mNo edit summary |
mNo edit summary Tag: Reverted |
||
| Line 13: | Line 13: | ||
<div class="video-search-bar"> | <div class="video-search-bar"> | ||
<input type="text" class="video-search-input" placeholder="Search videos..."> | <input type="text" class="video-search-input" placeholder="Search videos..."> | ||
< | <span class="video-search-button">Search</span> | ||
</div> | </div> | ||
<!-- Tab Navigation --> | <!-- Tab Navigation --> | ||
<div class="video-tabs-nav"> | <div class="video-tabs-nav"> | ||
< | <span class="video-tab active" data-tab="featured">◆ Featured</span> | ||
< | <span class="video-tab" data-tab="leveling">⬆ Leveling</span> | ||
< | <span class="video-tab" data-tab="crafting">⚒ Crafting</span> | ||
< | <span class="video-tab" data-tab="building">⌂ Building</span> | ||
< | <span class="video-tab" data-tab="pve">⚔ PVE</span> | ||
< | <span class="video-tab" data-tab="pvp">⚔ PVP</span> | ||
</div> | </div> | ||
Revision as of 22:07, 2 June 2025
Video Gallery Template
This template displays the video gallery system for Dune Awakening using external data.
Usage
Simply add {{VideoGallery}} to any page where you want the video gallery to appear.
Features
- Header section with title and subtitle
- Six tabs: Featured, Leveling, Crafting, Building, PvE, PvP
- Videos grouped by purpose within each category
- Search functionality across all video metadata
- Embedded YouTube player with video notes
- Responsive design
Dependencies
- Template:VideoGallery/styles.css - Styling
- Gadget-VideoGallerySystem.js - JavaScript functionality
- External Data extension - For database queries
Database
This template pulls data from the `data_videos` table using the external data extension.
Purpose Categories
Videos are grouped by the "purpose" field:
- Featured: New Player Guide, Essential Guides
- Leveling: Leveling 1-20, Leveling 21-40, Leveling 41-60
- Crafting: Basic Crafting, Advanced Crafting
- Building: Base Building
- PvE: Boss Guides
- PvP: PVP Strategy