VideoGallery: Difference between revisions
From Dune Awakening DB
mNo edit summary Tag: Reverted |
mNo edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
<includeonly><templatestyles src="Template:VideoGallery/styles.css" />__NOTOC__ | <includeonly><templatestyles src="Template:VideoGallery/styles.css" />__NOTOC__ | ||
<!-- Header Section --> | <!-- Header Section - Smaller --> | ||
<div class="video-gallery-header"> | <div class="video-gallery-header"> | ||
<h1 class="video-gallery-title">Dune Awakening Video Gallery</h1> | <h1 class="video-gallery-title">Dune Awakening Video Gallery</h1> | ||
| Line 9: | Line 9: | ||
<!-- Video Categories (Left Column - 60%) --> | <!-- Video Categories (Left Column - 60%) --> | ||
<div class="video-categories"> | <div class="video-categories"> | ||
<!-- Tab Navigation --> | <!-- Tab Navigation --> | ||
<div class="video-tabs-nav"> | <div class="video-tabs-nav"> | ||
| Line 23: | Line 18: | ||
<span class="video-tab" data-tab="pvp">⚔ PVP</span> | <span class="video-tab" data-tab="pvp">⚔ PVP</span> | ||
</div> | </div> | ||
<!-- | <!-- Scrollable Content Wrapper --> | ||
<div class="video-content-wrapper"> | |||
<!-- Featured Tab --> | <!-- Featured Tab --> | ||
<div class="video-tab-content active" data-content="featured" id="featured-content"> | <div class="video-tab-content active" data-content="featured" id="featured-content"> | ||
| Line 289: | Line 285: | ||
</div> | </div> | ||
}} | }} | ||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 308: | Line 305: | ||
'''IMPORTANT:''' This template has NO INDENTATION to prevent MediaWiki from wrapping content in pre tags. | '''IMPORTANT:''' This template has NO INDENTATION to prevent MediaWiki from wrapping content in pre tags. | ||
=== Changes in this version === | |||
* Removed search functionality | |||
* Added scrollable content wrapper | |||
* Reduced header size by 30% | |||
* Reduced container height by 200px | |||
* Fixed horizontal tab layout | |||
=== Usage === | === Usage === | ||
| Line 313: | Line 317: | ||
=== Features === | === Features === | ||
* | * Smaller header section | ||
* Six tabs: Featured, Leveling, Crafting, Building, PvE, PvP | * Six tabs: Featured, Leveling, Crafting, Building, PvE, PvP | ||
* Scrollable content area for video sections | |||
* Videos grouped by purpose within each category | * Videos grouped by purpose within each category | ||
* Embedded YouTube player with video notes | * Embedded YouTube player with video notes | ||
* Responsive design | * Responsive design | ||
Revision as of 23:38, 2 June 2025
Video Gallery Template
This template displays the video gallery system for Dune Awakening using external data.
IMPORTANT: This template has NO INDENTATION to prevent MediaWiki from wrapping content in pre tags.
Changes in this version
- Removed search functionality
- Added scrollable content wrapper
- Reduced header size by 30%
- Reduced container height by 200px
- Fixed horizontal tab layout
Usage
Simply add {{VideoGallery}} to any page where you want the video gallery to appear.
Features
- Smaller header section
- Six tabs: Featured, Leveling, Crafting, Building, PvE, PvP
- Scrollable content area for video sections
- Videos grouped by purpose within each category
- 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