Actions

Template

JourneyPage: Difference between revisions

From Dune Awakening DB

← Older editNewer edit →
VisualWikitext
mNo edit summary
mNo edit summary
Line 10: Line 10:
     <!-- A New Beginning -->
     <!-- A New Beginning -->
     <div class="journey-section" data-section="A New Beginning">
     <div class="journey-section" data-section="A New Beginning">
         <div class="journey-section-header"><h3 class="section-title">A New Beginning</h3>
         <div class="journey-section-header">
            <h3 class="section-title">A New Beginning</h3>
         </div>
         </div>
         <div class="journey-grid">
         <div class="journey-grid">
Line 22: Line 23:
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="A New Beginning" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="A New Beginning" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
     <div class="journey-card-inner">
     <div class="journey-card-inner">
        <div class="journey-icon">🌅</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
Line 35: Line 35:
     <div class="journey-section" data-section="Vermillius Gap">
     <div class="journey-section" data-section="Vermillius Gap">
         <div class="journey-section-header">
         <div class="journey-section-header">
            <span class="section-icon">🏜️</span>
             <h3 class="section-title">Vermillius Gap</h3>
             <h3 class="section-title">Vermillius Gap</h3>
         </div>
         </div>
Line 48: Line 47:
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="Vermillius Gap" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="Vermillius Gap" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
     <div class="journey-card-inner">
     <div class="journey-card-inner">
        <div class="journey-icon">🏜️</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
Line 61: Line 59:
     <div class="journey-section" data-section="Jabal Eifrit & Hagga Rift">
     <div class="journey-section" data-section="Jabal Eifrit & Hagga Rift">
         <div class="journey-section-header">
         <div class="journey-section-header">
            <span class="section-icon">⛰️</span>
             <h3 class="section-title">Jabal Eifrit & Hagga Rift</h3>
             <h3 class="section-title">Jabal Eifrit & Hagga Rift</h3>
         </div>
         </div>
Line 74: Line 71:
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="Jabal Eifrit & Hagga Rift" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="Jabal Eifrit & Hagga Rift" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
     <div class="journey-card-inner">
     <div class="journey-card-inner">
        <div class="journey-icon">⛰️</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
Line 87: Line 83:
     <div class="journey-section" data-section="Find The Fremen">
     <div class="journey-section" data-section="Find The Fremen">
         <div class="journey-section-header">
         <div class="journey-section-header">
            <span class="section-icon">🏃</span>
             <h3 class="section-title">Find The Fremen</h3>
             <h3 class="section-title">Find The Fremen</h3>
         </div>
         </div>
Line 100: Line 95:
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="Find The Fremen" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="Find The Fremen" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
     <div class="journey-card-inner">
     <div class="journey-card-inner">
        <div class="journey-icon">🏃</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
Line 113: Line 107:
     <div class="journey-section" data-section="Miscellaneous">
     <div class="journey-section" data-section="Miscellaneous">
         <div class="journey-section-header">
         <div class="journey-section-header">
            <span class="section-icon">📋</span>
             <h3 class="section-title">Miscellaneous</h3>
             <h3 class="section-title">Miscellaneous</h3>
         </div>
         </div>
Line 126: Line 119:
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="Miscellaneous" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="Miscellaneous" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
     <div class="journey-card-inner">
     <div class="journey-card-inner">
        <div class="journey-icon">📋</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
Line 139: Line 131:
     <div class="journey-section" data-section="Factions">
     <div class="journey-section" data-section="Factions">
         <div class="journey-section-header">
         <div class="journey-section-header">
            <span class="section-icon">🏛️</span>
             <h3 class="section-title">Factions</h3>
             <h3 class="section-title">Factions</h3>
         </div>
         </div>
Line 152: Line 143:
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="Factions" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
{{#for_external_table:|<div class="journey-card" data-journey-id="{{{ID}}}" data-name="{{{Name}}}" data-slug="{{{Slug}}}" data-description="{{{Description}}}" data-tier="{{{Tier}}}" data-category="{{{Category}}}" data-location="{{{Location}}}" data-group="Factions" data-reward="{{{Reward}}}" data-icon="{{{Icon|}}}">
     <div class="journey-card-inner">
     <div class="journey-card-inner">
        <div class="journey-icon">🏛️</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-name">{{{Name}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
         <div class="journey-tier">TIER {{{Tier}}}</div>
Line 193: Line 183:
   </div>
   </div>
</div>
</div>


<!-- Popup container will be added by JavaScript -->
<!-- Popup container will be added by JavaScript -->
</includeonly><noinclude>
</includeonly><noinclude>
{{Documentation}}
</noinclude>
{{Documentation}}
{{Documentation}}
== Journey Page Template ==
== Journey Page Template ==

Revision as of 02:07, 26 May 2025

Template:Documentation


Template:Documentation

Journey Page Template

This template displays the journey tracking system for Dune Awakening.

Usage

Simply add {{JourneyPage}} to any page where you want the journey tracker to appear.

Features

  • Displays all journeys grouped by category
  • Interactive journey cards that show details when clicked
  • Progress tracking with checkboxes
  • Material prep list for each journey
  • Video guide links (when available)
  • Responsive design for different screen sizes

Dependencies

  • Template:JourneyPage/styles.css - Styling
  • MediaWiki:Common.js - JavaScript functionality

Database Tables

This template pulls data from:

  • data_journeys - Main journey information
  • data_journey_objectives - Objectives for each journey
  • data_journey_tasks - Tasks within objectives
  • data_journey_task_components - Materials needed for tasks
Retrieved from "https://dunedb.com/index.php?title=Template:JourneyPage&oldid=669"