Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:FeaturedNews: Difference between revisions

Template page
No edit summary
No edit summary
 
(29 intermediate revisions by the same user not shown)
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; margin-bottom: 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-3) 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;">
<div class="" style="padding: 0.5em;">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 {{NUMBEROFARTICLES}} created since '''January 7, 2021'''. Check out the [[Special:NewPages|new pages]], [[Special:RecentChanges|recent changes]], and [[Special:Statistics|statistics]].</div>
<div class="" style="padding: 0.5em;">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 {{NUMBEROFARTICLES}} created since '''January 7, 2021'''. Check out the [[Special:NewPages|new pages]], [[Special:RecentChanges|recent changes]], and [[Special:Statistics|statistics]].</div>
<div class="" style="display: flex; flex-direction: row; justify-content: center; color: white; background-color: var(--color-surface-3); font-family: 'ITC Avant Garde Std Demi'; text-transform: uppercase;> <div style="margin: 0.5rem;">Staff</div> <div style="margin: 0.5rem;">Projects</div> <div style="margin: 0.5rem;">[[Datacron_Database:Style_Guide|Style Guide]]</div> <div style="margin: 0.5rem;">[[Datacron_Database:Policies|Policies]]</div></div>
<div class="" style="display: flex; flex-direction: row; justify-content: center; color: white; background-color: var(--color-surface-3); font-family: 'ITC Avant Garde Std Demi'; text-transform: uppercase;> <div style="margin: 0.5rem;">[[Datacron_Database:Staff|Staff]]</div> <div style="margin: 0.5rem;">[[Datacron_Database:Projects|Projects]]</div> <div style="margin: 0.5rem;">[[Datacron_Database:Style_Guide|Style Guide]]</div> <div style="margin: 0.5rem;">[[Datacron_Database:Policies|Policies]]</div></div>
</div>
</div>


Line 39: Line 7:


<div class="" style="height: 548px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 548px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<div class="test" style="height: 200px;"
<h2 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: calc(var(--font-size-base) * 1.375); text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;">News & Announcements</h2>
<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;">News & Announcements</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">News & Announcements</p>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">News & Announcements</p>
</div>
</div>
<div class="" style="padding: 0.5em;">
<div class="" style="padding: 0.5em;">
<div class ="" style="height: 50%;>
<div class ="" style="height: 50%;>
<h3 style="font-size: 20px; margin-block-start: 0;">News</h3>
<h4 style="margin-block-start: 0;">News</h4>
<div class="" style="overflow: auto; height: 188px; font-size: 0.85em;">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.
<div class="" style="overflow: auto; height: 188px; font-size: 0.85em;">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.</div></div>
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.</div>
</div>
</div>


<div class ="" style="height: 50%;>
<div class ="" style="height: 50%;>
<h3 style="font-size: 20px; margin-block-start: 0.5em;">Announcements</h3>
<h4 style="margin-block-start: 0.5em;">Announcements</h4>
<div class="" style="overflow: auto; height: 188px; font-size: 0.85em;">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.
<div class="" style="overflow: auto; height: 188px; font-size: 0.85em;">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.


Line 59: Line 30:


<div class="" style="height: 548px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 548px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; text-align: center;">
<h2 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: calc(var(--font-size-base) * 1.375); text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;"> On this Day... [[{{CURRENTMONTHNAME}} {{CURRENTDAY}}|{{CURRENTMONTHABBREV}} {{CURRENTDAY}}]]</h2>
<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;"> On this Day... [[{{CURRENTMONTHNAME}} {{CURRENTDAY}}|{{CURRENTMONTHABBREV}} {{CURRENTDAY}}]]</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">On this Day... [[{{CURRENTMONTHNAME}} {{CURRENTDAY}}]]</p>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">On this Day... [[{{CURRENTMONTHNAME}} {{CURRENTDAY}}]]</p>
</div>
</div>
Line 72: Line 43:
<div style="display:flex; flex-direction: column; gap: var(--space-xs);">
<div style="display:flex; flex-direction: column; gap: var(--space-xs);">
<div class="" style="height: 270px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 270px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; text-align: center;">
<h2 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: calc(var(--font-size-base) * 1.375); text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;"> Article of the Week</h2>
<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;"> Article of the Week</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Article of the Week</p>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Article of the Week</p>
</div>
</div>
Line 82: Line 53:
</div>
</div>
</div>
</div>
<div class="" style="height: 270px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 270px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px;">
<div class="" style="height: 62px; background: var(--color-surface-3); padding: 5px 10px; text-align: center;">
<h2 class="" style="font-family: 'ITC Avant Garde Std Demi'; line-height: 1; font-weight: lighter; color: rgb(245, 245, 245); font-size: calc(var(--font-size-base) * 1.375); text-transform: uppercase; padding-top: 8px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px;"> Quote of the Day</h2>
<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;"> Quote of the Day</h4>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Quote of the Day</p>
<p id class="Aurebesh" style="padding-bottom: 10px; margin-bottom: -8px; margin-top: 0px; font-size: 0.65em; color: #FFFFFF6D;">Quote of the Day</p>
</div>
</div>
Line 95: Line 67:
</div>
</div>
</div>
</div>
__NOTOC__
__NOTOC__

Latest revision as of 22:15, 17 December 2025

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.

<div class="test" style="height: 200px;"

News & Announcements

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

Article of the Week

Article of the Week

Quote of the Day

Quote of the Day

Cookies help us deliver our services. By using our services, you agree to our use of cookies.