JourneyPage: Difference between revisions
From Dune Awakening DB
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"> | <div class="journey-section-header"><h3 class="section-title">A New Beginning</h3> | ||
</div> | </div> | ||
<div class="journey-grid"> | <div class="journey-grid"> | ||
| Line 168: | Line 166: | ||
<div class="journey-details-panel" id="journeyDetailsPanel"> | <div class="journey-details-panel" id="journeyDetailsPanel"> | ||
<div class="journey-details-header"> | <div class="journey-details-header"> | ||
<div class="journey-tier-badge"> | <div class="journey-tier-badge"><span class="tier-number">1</span></div> | ||
<h2 class="journey-title">SELECT A JOURNEY</h2><span class="completion-status">0% COMPLETE</span> | |||
</div><div class="journey-description">Click on any journey card to view objectives and track your progress.</div> | |||
<h2 class="journey-title">SELECT A JOURNEY</h2> | <div class="journey-rewards"><div class="rewards-header">REWARD</div><div class="rewards-content"><span class="xp-icon">XP</span><span class="xp-amount">--</span></div></div> | ||
<div class="journey-objectives"> | |||
</div> | |||
<div class="objectives-header">OBJECTIVES</div> | <div class="objectives-header">OBJECTIVES</div> | ||
<div class="objectives-list"> | <div class="objectives-list"> | ||
Revision as of 01:53, 26 May 2025
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