|
|
| Line 1: |
Line 1: |
| <div style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(21rem,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 style="position: relative; border-radius: 16px; background-color:var(--color-surface-3); width: 100%; align-content: center;">
| |
| <div style="display: flow-root; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, var(--color-surface-4) 35%, var(--color-surface-4) 65%, rgba(255, 255, 255, 0) 100%);">
| |
| <div style="">
| |
| <div class="banner-img" style="display: flex; justify-content: center; margin-top: 1em; margin-bottom: 1em;">[[File:DatacronWordmark2025.svg]]</div>
| |
| <div class="home-header__search scw-gradient-glow citizen-search-trigger" role="button" style="padding: 0.5em; margin-top: 1em; margin-bottom: 1em; margin-left: auto; margin-right: auto; max-width: 600px; border-radius: var(--border-radius-pill); background-color: var(--color-surface-1); cursor: pointer; font-size: var(--font-size-small); font-weight: var(--font-weight-medium); text-align: center;display: flex; flex-direction: row; justify-content: center;"><div class="home-header__searchIcon" style="margin-right: var(--space-sm);">[[File:WikimediaUI-Search.svg|16px|link=]]</div><div class="home-header__searchText" style="">Search the Datacron Database <code style="margin-left: var(--space-sm);">/</code></div></div>
| |
| </div>
| |
| <div style="display: flex; justify-content: center; height: 28px; margin-bottom: 1em;">
| |
| <div class="citizen-siteStats">
| |
| <div class="citizen-siteStats__item" id="citizen-siteStats__item--articles" title="articles">
| |
| <span class="citizen-ui-icon mw-ui-icon-article mw-ui-icon-wikimedia-article"></span>
| |
| <div>{{NUMBEROFARTICLES}}</div>
| |
| </div>
| |
| <div class="citizen-siteStats__item" id="citizen-siteStats__item--images" title="files">
| |
| <span class="citizen-ui-icon mw-ui-icon-image mw-ui-icon-wikimedia-image"></span>
| |
| <div>{{NUMBEROFFILES}}</div>
| |
| </div>
| |
| <div class="citizen-siteStats__item" id="citizen-siteStats__item--users" title="users">
| |
| <span class="citizen-ui-icon mw-ui-icon-userAvatar mw-ui-icon-wikimedia-userAvatar"></span>
| |
| <div>{{NUMBEROFUSERS}}</div>
| |
| </div>
| |
| <div class="citizen-siteStats__item" id="citizen-siteStats__item--edits" title="edits">
| |
| <span class="citizen-ui-icon mw-ui-icon-edit mw-ui-icon-wikimedia-edit"></span>
| |
| <div>{{NUMBEROFEDITS}}</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="" style="width: 100%; background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); text-align: center; overflow: hidden; margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 0.85em;"> | | <div class="" style="width: 100%; background-color: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); text-align: center; overflow: hidden; margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 0.85em;"> |
| Line 94: |
Line 63: |
| </div> | | </div> |
| </div> | | </div> |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;">
| |
| <h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">The Star Wars Saga</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">The Star Wars Saga</p>
| |
| </div>
| |
| <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(16rem,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; min-height: 292px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:TPM.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 I</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Phantom Menace</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; 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 id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:ROTS.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 III</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">Revenge of the Sith</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; 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 id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:TESB.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 V</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Empire Strikes Back</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; 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; min-height: 86px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:TSWHS.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;">Star Wars Holiday Special</h2></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; 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;"><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 id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:BFE.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 Battle for Endor</h2></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; 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; min-height: 86px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:DroidsTV.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;">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>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; 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 id="" class="" style="overflow: hidden; border-radius: 17px; position: relative;">
| |
| <div id="" class="background" style="">[[File:CloneWarsWallpaper.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;">Clone Wars</h2><h4 style="font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.1em;">The Micro-Series</h4></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; 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>
| |
|
| |
| <div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;
| |
| }">
| |
| <h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">Eras of Star Wars</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Eras of Star Wars</p>
| |
| </div>
| |
|
| |
| <div class="" style="display:grid; grid-template-rows: none;grid-template-columns: repeat(auto-fit,minmax(12rem,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; min-height: 217px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestBtRCard.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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Before the Republic</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Before the Republic</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestORCard.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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Old Republic</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Old Republic</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestROTECard.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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rise of the Empire</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Rise of the Empire</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestRCard.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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Rebellion</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Rebellion</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestNRCard.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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Republic</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">New Republic</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestNJOCard.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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">New Jedi Order</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">New Jedi Order</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestLCard.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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Legacy</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Legacy</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TestICard.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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Infinities</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Infinites</p></div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;
| |
| }">
| |
| <h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">In-Universe Catagories</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">In-Universe Catagories</p>
| |
| </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; min-height: 64px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:CharacterCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Characters</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Characters</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:AlienSpeciesCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Alien Species</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Alien Species</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:DroidCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Droid Models</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Droid Models</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:CreaturesCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Creatures</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Creatures</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:EventsCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Events</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Events</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:LocationsCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Locations</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Locations</p></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; min-height: 64px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:OrganizationsCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Organizations</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Organizations</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TechnologyCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Technology</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Technology</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:VehiclesCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Vehicles</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Vehicles</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:WeaponsCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Weapons</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Weapons</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:TheForceCard.png|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">The Force</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">The Force</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:MicellaneaCard.png|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Miscellanea</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Miscellanea</p></div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="width: 100%; background-color: var(--color-surface-3); border: 0.25rem solid var(--color-surface-4); border-radius: 16px; text-align: center; padding: 0.5em; align-content: center; margin-top: 0.5rem; margin-bottom: 0.5rem;
| |
| }">
| |
| <h4 style="color: rgb(245, 245, 245); margin: 0; font-size: 1.25em;">Real World Catagories</h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Real World Catagories</p>
| |
| </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; min-height: 64px;">
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">People</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">People</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Products</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Products</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Places</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Places</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="background: var(--color-surface-4);">[[File:|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Images</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Images</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:|link=Category:Characters]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Companies</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Companies</p></div>
| |
| </div>
| |
| <div id="" class="" style="overflow: hidden; border-radius: 17px; position: relative; background: var(--color-surface-4);">
| |
| <div id="" class="background" style="">[[File:|link=Category:Alien_Species]]</div>
| |
| <div id="" class="foreground" style="text-align: left; position: absolute; top: 0; bottom: 0; left: 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-family: 'ITC Avant Garde Std Demi'; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; text-transform: uppercase;">Other</h4><p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Other</p></div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="" style="height: 124px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden; margin-top: 0.5em; margin-bottom: 0.5em;">
| |
| <div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; text-align: center;">
| |
| <h4 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: 1.25em; text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;"> Affiliates </h4>
| |
| <p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Affiliates</p>
| |
| </div>
| |
| <div class="" style="height: 478px; padding: 0.5em;">
| |
| <div class="" style="overflow: auto; height: 462px; font-size: 0.85em;"></div>
| |
| </div> | | </div> |
| </div> | | </div> |
| __NOTOC__ | | __NOTOC__ |