Template:VideoGallery - Revision history

Operator at 15:53, 3 June 2025

2025-06-03T15:53:58Z

← Older revision		Revision as of 11:53, 3 June 2025
Line 59:		Line 59:
	\|where=purpose='Essential Guides' AND visibility='public'		\|where=purpose='Essential Guides' AND visibility='public'
	\|order by=published_at DESC		\|order by=published_at DESC
			\|table=vg_essential_guides
	}}		}}
	{{#for_external_table:\|<div class="video-card" data-video-id="{{{video_id}}}" data-youtube-id="{{{youtube_id}}}" data-title="{{{title}}}" data-channel="{{{channel_title}}}" data-channel-id="{{{channel_id}}}" data-author="{{{author\|}}}" data-published="{{{published_at}}}" data-duration="{{{duration_sec}}}" data-purpose="{{{purpose\|}}}" data-primary-tag="{{{primary_tag}}}" data-secondary-tag="{{{secondary_tag\|}}}" data-description="{{{description\|}}}" data-notes="{{{video_notes\|}}}" data-internal-link="{{{video_internal_link\|}}}">		{{#for_external_table: vg_essential_guides\|<div class="video-card" data-video-id="{{{video_id}}}" data-youtube-id="{{{youtube_id}}}" data-title="{{{title}}}" data-channel="{{{channel_title}}}" data-channel-id="{{{channel_id}}}" data-author="{{{author\|}}}" data-published="{{{published_at}}}" data-duration="{{{duration_sec}}}" data-purpose="{{{purpose\|}}}" data-primary-tag="{{{primary_tag}}}" data-secondary-tag="{{{secondary_tag\|}}}" data-description="{{{description\|}}}" data-notes="{{{video_notes\|}}}" data-internal-link="{{{video_internal_link\|}}}">
	<div class="video-thumbnail" style="background-image: url('https://img.youtube.com/vi/{{{youtube_id}}}/mqdefault.jpg');">		<div class="video-thumbnail" style="background-image: url('https://img.youtube.com/vi/{{{youtube_id}}}/mqdefault.jpg');">
	{{#if:{{{duration_sec\|}}}\|<span class="video-duration">{{#expr: floor({{{duration_sec}}} / 60)}}:{{#ifexpr: ({{{duration_sec}}} mod 60) < 10\|0}}{{#expr: {{{duration_sec}}} mod 60}}</span>\|}}		{{#if:{{{duration_sec\|}}}\|<span class="video-duration">{{#expr: floor({{{duration_sec}}} / 60)}}:{{#ifexpr: ({{{duration_sec}}} mod 60) < 10\|0}}{{#expr: {{{duration_sec}}} mod 60}}</span>\|}}

Operator at 05:39, 3 June 2025

2025-06-03T05:39:42Z

Show changes

Operator at 05:38, 3 June 2025

2025-06-03T05:38:50Z

Show changes

Operator at 05:37, 3 June 2025

2025-06-03T05:37:56Z

Show changes

Operator at 05:36, 3 June 2025

2025-06-03T05:36:30Z

← Older revision		Revision as of 01:36, 3 June 2025
Line 59:		Line 59:
	\|data=video_id=video_id,youtube_id=youtube_id,title=title,channel_title=channel_title,channel_id=channel_id,author=author,published_at=published_at,duration_sec=duration_sec,purpose=purpose,primary_tag=primary_tag,secondary_tag=secondary_tag,description=description,video_notes=video_notes,video_internal_link=video_internal_link		\|data=video_id=video_id,youtube_id=youtube_id,title=title,channel_title=channel_title,channel_id=channel_id,author=author,published_at=published_at,duration_sec=duration_sec,purpose=purpose,primary_tag=primary_tag,secondary_tag=secondary_tag,description=description,video_notes=video_notes,video_internal_link=video_internal_link
	\|cache=yes		\|cache=yes
	\|where=~~purpose='Essential Guides' AND~~ visibility='public'		\|where=visibility='public'
	\|order by=published_at DESC		\|order by=published_at DESC
	\|table=vg_essential		\|table=vg_essential

Operator at 05:29, 3 June 2025

2025-06-03T05:29:34Z

Show changes

Operator at 03:38, 3 June 2025

2025-06-03T03:38:08Z

← Older revision		Revision as of 23:38, 2 June 2025
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">
	~~<!-- Search Bar -->~~
	~~<div class="video-search-bar">~~
	~~<input type="text" class="video-search-input" placeholder="Search videos...">~~
	~~<span class="video-search-button">Search</span>~~
	~~</div>~~
	<!-- 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>
	<!-- ~~Tab~~ Content ~~Containers~~ -->		<!-- 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 ===
	* ~~Header~~ section ~~with title and subtitle~~		* 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
	* Search functionality across all video metadata
	* Embedded YouTube player with video notes		* Embedded YouTube player with video notes
	* Responsive design		* Responsive design

Operator at 03:08, 3 June 2025

2025-06-03T03:08:32Z

Show changes

Operator at 02:07, 3 June 2025

2025-06-03T02:07:18Z

← Older revision		Revision as of 22:07, 2 June 2025
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...">
	<~~button~~ class="video-search-button">Search</~~button~~>		<span class="video-search-button">Search</span>
	</div>		</div>

	<!-- Tab Navigation -->		<!-- Tab Navigation -->
	<div class="video-tabs-nav">		<div class="video-tabs-nav">
	<~~button~~ class="video-tab active" data-tab="featured">◆ Featured</~~button~~>		<span class="video-tab active" data-tab="featured">◆ Featured</span>
	<~~button~~ class="video-tab" data-tab="leveling">⬆ Leveling</~~button~~>		<span class="video-tab" data-tab="leveling">⬆ Leveling</span>
	<~~button~~ class="video-tab" data-tab="crafting">⚒ Crafting</~~button~~>		<span class="video-tab" data-tab="crafting">⚒ Crafting</span>
	<~~button~~ class="video-tab" data-tab="building">⌂ Building</~~button~~>		<span class="video-tab" data-tab="building">⌂ Building</span>
	<~~button~~ class="video-tab" data-tab="pve">⚔ PVE</~~button~~>		<span class="video-tab" data-tab="pve">⚔ PVE</span>
	<~~button~~ class="video-tab" data-tab="pvp">⚔ PVP</~~button~~>		<span class="video-tab" data-tab="pvp">⚔ PVP</span>
	</div>		</div>

Operator at 01:40, 3 June 2025

2025-06-03T01:40:43Z

← Older revision		Revision as of 21:40, 2 June 2025
Line 1:		Line 1:
	<includeonly><templatestyles src="Template:VideoGallery/styles.css" />__NOTOC__		<includeonly><templatestyles src="Template:VideoGallery/styles.css" />__NOTOC__
			<!-- Header Section -->
			<div class="video-gallery-header">
			<h1 class="video-gallery-title">Dune Awakening Video Gallery</h1>
			<p class="video-gallery-subtitle">Essential guides and tutorials for surviving Arrakis</p>
			</div>

	<!-- Main Video Gallery Container -->		<!-- Main Video Gallery Container -->
	<div class="video-gallery-main-container">		<div class="video-gallery-main-container">
Line 461:		Line 467:

	=== Features ===		=== Features ===
			* Header section with title and subtitle
	* Six tabs: Featured, Leveling, Crafting, Building, PvE, PvP		* Six tabs: Featured, Leveling, Crafting, Building, PvE, PvP
	* Videos grouped by purpose within each category		* Videos grouped by purpose within each category