Template:Deadlock Wiki/Header: Difference between revisions
Jump to navigation
Jump to search
Expanded height of home page image |
Fixed image not scaling height dynamically |
||
| Line 1: | Line 1: | ||
<div style="position: relative; width: 100%; overflow: hidden; border-radius: 15px; background-color: black; | <div style="position: relative; width: 100%; overflow: hidden; border-radius: 15px; background-color: black;"> | ||
<div style=""> | <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;"> | ||
[[File:Deadlock_steampage_hero.jpeg|alt=wiki hero|frameless|1240px|center|link=]] | [[File:Deadlock_steampage_hero.jpeg|alt=wiki hero|frameless|1240px|center|link=]] | ||
</div> | </div> | ||
<div class="mainpage-header" style="position: | <!-- Text and other content --> | ||
<div class="mainpage-header" style="position: relative; top:0; left:50%; transform: translateX(-50%); width: 100%;"> | |||
[[File:Deadlock Wiki.png|alt=wiki logo|frameless|356x356px|center|link=]] | [[File:Deadlock Wiki.png|alt=wiki logo|frameless|356x356px|center|link=]] | ||
<div class="header-intro"> | <div class="header-intro"> | ||
<div style="text-align:center; color: white;"> | <div style="text-align:center; color: white;"> | ||
<h1 style="color: white;">Welcome to the Deadlock Wiki!</h1> | |||
<p>The player-written resource for <b>Deadlock</b> that anyone can edit, with {{NUMBEROFARTICLES}} articles and counting.</p> | |||
</div> | </div> | ||
<div class="header-stats" style="display:block"> | <div class="header-stats" style="display:block"> | ||
<div style="margin:4px; padding:6px 0 0 0; text-align:center; flex-basis: 1080px; color: white;"> | <div style="margin:4px; padding:6px 0 0 0; text-align:center; flex-basis: 1080px; color: white;"> | ||
<ul> | |||
<li>Number of articles: '''{{NUMBEROFARTICLES}}''' • Number of files: '''{{NUMBEROFFILES}}''' • Number of active editors: '''{{NUMBEROFACTIVEUSERS}}''' • Number of edits: '''{{NUMBEROFEDITS}}'''</li> | |||
</ul> | |||
</div></div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
</div> | </div> | ||
