Template:FeaturedNews: Difference between revisions

Browse history interactively

← Older edit Newer edit →

VisualWikitext

Revision as of 21:24, 2 December 2025

Search the Datacron Database /

552

130

20

6,410

Welcome to the Datacron Database, a Star Wars Legends wiki and aiming to be a definitive source of information. This Database is edited and maintained by a dedicated group of Star Wars fans! We currently working on 552 created since January 7, 2021. Check out the new pages, recent changes, and statistics.

Staff

Projects

Style Guide

Policies

News & Announcements

News

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

Announcements

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

On this Day... Jun 12

On this Day... June 12

Template:Wikiportal:Main/OTD/June 12

Article of the Week

Template:Wikiportal:Main/FA/Week 24, 2026

Quote of the Day

Template:Wikiportal:Main/QOTD/June 12, 2026

The Star Wars Saga

@@ Line 102: / Line 102: @@
 </div>
 <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem;">
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 292px; text-align: center; padding: 0.5em;">
+<div id="" class="" style="overflow: hidden; min-height: 292px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
-<div class="" style="margin-bottom: 0.5em; padding-top: 206px;">
+<div id="" class="background" style="">[[File:TPM.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
-<h2 style="margin: 0;">Episode I</h2>
+<div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style=" font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode I</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Phantom Menace</h4></div>
-<h4 style="margin: 0;">The Phantom Menace</h4>
 </div>
+<div id="" class="" style="overflow: hidden; min-height: 292px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
+<div id="" class="background" style="">[[File:AOTC.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
+<div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode II</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Attack of the Clones</h4></div>
 </div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 292px; text-align: center; padding: 0.5em;">
+<div id="" class="" style="overflow: hidden; min-height: 292px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
-<div class="" style="margin-bottom: 0.5em; padding-top: 206px;">
+<div id="" class="background" style="">[[File:ROTS.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
-<h2 style="margin: 0;">Episode II</h2>
+<div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode III</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Revenge of the Sith</h4></div>
-<h4 style="margin: 0;">Attack of the Clones</h4>
 </div>
+<div id="" class="" style="overflow: hidden; min-height: 292px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
+<div id="" class="background" style="">[[File:ANH.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
+<div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode IV</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">A New Hope</h4></div>
 </div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 292px; text-align: center; padding: 0.5em;">
+<div id="" class="" style="overflow: hidden; min-height: 292px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
-<div class="" style="margin-bottom: 0.5em; padding-top: 206px;">
+<div id="" class="background" style="">[[File:TESB.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
-<h2 style="margin: 0;">Episode III</h2>
+<div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode V</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Empire Strikes Back</h4></div>
-<h4 style="margin: 0;">Revenge of the Sith</h4>
-</div>
-</div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 292px; text-align: center; padding: 0.5em;">
-<div class="" style="margin-bottom: 0.5em; padding-top: 206px;">
-<h2 style="margin: 0;">Episode IV</h2>
-<h4 style="margin: 0;">A New Hope</h4>
-</div>
-</div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4);height: 292px; text-align: center; padding: 0.5em;">
-<div class="" style="margin-bottom: 0.5em; padding-top: 206px;">
-<h2 style="margin: 0;">Episode V</h2>
-<h4 style="margin: 0;">The Empire Strikes Back</h4>
-</div>
-</div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 292px; text-align: center; padding: 0.5em;">
-<div class="" style="margin-bottom: 0.5em; padding-top: 206px;">
-<h2 style="margin: 0;">Episode VI</h2>
-<h4 style="margin: 0;">Return of the Jedi</h4>
 </div>
+<div id="" class="" style="overflow: hidden; min-height: 292px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
+<div id="" class="background" style="">[[File:ROTJ.png|link=Star_Wars:_Episode_I_–_The_Phantom_Menace]]</div>
+<div id="" class="foreground" style="text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Episode VI</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Return of the Jedi</h4></div>
 </div>
 </div>
 <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem;">
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 146px; text-align: center; padding: 0.5em; align-content: center;">
+<div id="" class="" style="overflow: hidden; min-height: 112px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
-<div class="" style="">
+<div id="" class="background" style="">[[File:TSWHS.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
-<h2 style="margin: 0;">Ewoks I</h2>
+<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Star Wars Holiday Special</h2></div>
-<h4 style="margin: 0;">Caravan of Courage</h4>
-</div>
-</div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 146px; text-align: center; padding: 0.5em; align-content: center;">
-<div class="" style="">
-<h2 style="margin: 0;">Ewoks II</h2>
-<h4 style="margin: 0;">The Battle of Endor</h4>
-</div>
-</div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 146px; text-align: center; padding: 0.5em; align-content: center;">
-<div class="" style="">
-<h2 style="margin: 0;">The Star Wars Holiday Special</h2>
 </div>
+<div id="" class="" style="overflow: hidden; min-height: 112px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
+<div id="" class="background" style="">[[File:COC.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
+<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Ewoks I</h4><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Caravan of Courage</h2></div>
 </div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 146px; text-align: center; padding: 0.5em; align-content: center;">
+<div id="" class="" style="overflow: hidden; min-height: 112px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
-<div class="" style="">
+<div id="" class="background" style="">[[File:BFE.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
-<h2 style="margin: 0;">The Clone Wars</h2>
+<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Ewoks II</h4><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Battle for Endor</h2></div>
 </div>
+<div id="" class="" style="overflow: hidden; min-height: 112px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
+<div id="" class="background" style="">[[File:TCWf.png|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
+<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Clone Wars</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Film</h4></div>
 </div>
 </div>
 <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); grid-template-areas: none; grid-auto-columns: auto; grid-auto-flow: dense; grid-auto-rows: minmax(2.5rem,auto); grid-gap: var(--space-xs); margin-top: 0.5rem;">
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 146px; text-align: center; padding: 0.5em; align-content: center;">
+<div id="" class="" style="overflow: hidden; min-height: 112px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
-<div class="" style="">
+<div id="" class="background" style="">[[File:DroidsTV.jpg|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
-<h2 style="margin: 0;">Droids</h2>
+<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Droids</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Adventures of R2-D2 and C-3PO</h4></div>
-<h4 style="margin: 0;">The Adventures of R2-D2 and C-3PO</h4>
-</div>
-</div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 146px; text-align: center; padding: 0.5em; align-content: center;">
-<div class="" style="">
-<h2 style="margin: 0;">Ewoks</h2>
-</div>
-</div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 146px; text-align: center; padding: 0.5em; align-content: center;">
-<div class="" style="">
-<h2 style="margin: 0;">Clone Wars</h2>
 </div>
+<div id="" class="" style="overflow: hidden; min-height: 112px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
+<div id="" class="background" style="">[[File:EwoksTV.jpg|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
+<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Ewoks</h2></div>
 </div>
-<div class="" style="background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); height: 146px; text-align: center; padding: 0.5em; align-content: center;">
+<div id="" class="" style="overflow: hidden; min-height: 112px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
-<div class="" style="">
+<div id="" class="background" style="">[[File:CloneWarsWallpaper.jpg|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
-<h2 style="margin: 0;">The Clone Wars</h2>
+<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Clone Wars</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Micro-Series</h4></div>
-<h4 style="margin: 0;">TV Series</h4>
 </div>
+<div id="" class="" style="overflow: hidden; min-height: 112px; border: 0.25rem solid var(--color-surface-4); border-radius: 17px; position: relative;">
+<div id="" class="background" style="">[[File:TheCloneWarsSeason7Card.jpg|link=Star_Wars:_Episode_II_–_Attack_of_the_Clones]]</div>
+<div id="" class="foreground" style="text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: var(--space-md); display: flex; flex-direction: column; justify-content: center; gap: var(--space-xxs); color: #fff; line-height: var(--line-height-xs); pointer-events: none;"><h2 style="font-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Clone Wars</h2></div>
 </div>
 </div>