Template:FeaturedNews: Difference between revisions
Template page
More actions
Created page with "<div class="grid" style="display: grid; grid: auto-flow dense/repeat(auto-fit,minmax(21rem,1fr)); grid-template-rows: none; grid-template-columns: repeat(auto-fit,minmax(21rem,1fr)); grid-template-areas: none; grid-auto-rows: auto; 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="card-section-1" s..." |
No edit summary |
||
| (77 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div class=" | <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="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 | |||
</div> | </div> | ||
<div class=" | |||
<div class="grid" style="display: grid; grid: auto-flow dense/repeat(auto-fit,minmax(21rem,1fr)); grid-template-rows: none; grid-template-columns: repeat(auto-fit,minmax(21rem,1fr)); grid-template-areas: none; grid-auto-rows: auto; 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 class="" style="height: 548px; background: var(--color-surface-1); border-radius: 16px; border: 0.25rem solid var(--color-surface-4); overflow: hidden;"> | |||
<div class="test" style="height: 200px;" | |||
<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> | |||
</div> | </div> | ||
<div class="" style="padding: 0.5em;"> | |||
<div class ="" style="height: 50%;> | |||
<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. | |||
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> | </div> | ||
<div class=" | |||
<div class ="" style="height: 50%;> | |||
<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. | |||
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> | ||
</div> | </div> | ||
<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; 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;"> 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> | |||
</div> | </div> | ||
<div class="" style="height: 478px; padding: 0.5em;"> | |||
<div class="" style="overflow: auto; height: 462px; font-size: 0.85em;"> | |||
{{Wikiportal:Main/OTD}} | |||
</div> | |||
</div> | |||
</div> | |||
<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: 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;"> 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> | |||
</div> | |||
<div class="" style="height: 200px; padding: 0.5em;"> | |||
<div class="main-fa-card" style="overflow: hidden; height: 184px; font-size: 0.85em;"> | |||
{{Wikiportal:Main/Featured article}} | |||
</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: 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;"> 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> | |||
</div> | |||
<div class="" style="height: 200px; padding: 0.5em;"> | |||
<div class="" style="overflow: auto; height: 184px; font-size: 0.85em;"> | |||
{{Wikiportal:Main/QOTD}} | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
__NOTOC__ | |||