The Deadlock Wiki

Template:Deadlock Wiki/Header: Difference between revisions

Browse history interactively
← Older editNewer edit →

Monster Domosed (talk | contribs)

2 user groups
4,592 edits
VisualWikitext
added link to help page, formatting
Changed styling
Line 1: Line 1:
<div style="position: relative; width: 100%; overflow: hidden; border-radius: 15px; background-color: black; max-width: 1240px">
<!-- Hero / Header Panel -->
   <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;">
<div style="
     [[File:Deadlock_steampage_hero.jpeg|frameless|1240px|center|link=]]
  position:relative;
   </div>
  overflow:hidden;
  <!-- Text and other content -->
  border-radius:12px;
  <div class="mainpage-header" style="position:relative; top:0; left:50%; transform: translateX(-50%); width:100%;">
  background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  [[File:Deadlock Wiki.png|frameless|425px|center|alt=Deadlock Wiki|link=Deadlock{{if_lang}}]]
  box-shadow:0 4px 16px rgba(0,0,0,0.4);
     <div class="header-intro">
  height:100%;
       <div style="text-align:center; color: white; font-family:Retail Demo, Open Sans; padding:0.8em; ">
">
        <h1 style="color: white;"><span style="font-family:Valve Occult, Retail Demo, Open Sans; font-weight:bold;">{{#invoke:Dictionary|translate|WikiHeaderPart1}} <b>[[Deadlock{{if_lang}}|<span style="color:white; font-family:Valve Occult, Retail Demo; font-weight:bold;">Deadlock</span>]]</b> Wiki!</span></h1>
   <div class="hero-container" style="
        <p style="font-size:1.3em;">{{#invoke:Dictionary|translate|WikiHeaderPart2}} <b>[[Deadlock{{if_lang}}|<span style="color:white; font-family:Valve Occult, Retail Demo, Open Sans; font-weight:bold;">Deadlock</span>]]</b> {{#invoke:Dictionary|translate|WikiHeaderPart3}} {{NUMBEROFARTICLES}} {{#invoke:Dictionary|translate|WikiHeaderPart4}}</p>
    position:relative;
        <p style="font-size:1.3em;">[[Help:Getting_Started|<span style="color:white;>'''Learn how to edit'''</span>]] and [[Deadlock#Invites|<span style="color:white;>'''join the playtest!'''</span>]]</p>
    width:100%;
    display:flex;
    flex-direction:column;
     height:100%;
   ">
 
    <!-- Top row: Logo left + Text right -->
    <div style="
      display:flex;
      align-items:center;
      flex:1;
      padding:1em;
      gap:1.5em;
     ">
 
       <!-- Logo (left) -->
      <div class="nomobile" style="flex-shrink:0;">
[[File:Deadlock Wiki.png|frameless|250px|alt=Deadlock Wiki|link=Deadlock{{if_lang}}]]
       </div>
       </div>
       <div class="header-stats" style="display:block">
 
         <div style="font-size:1.15em;margin:4px; padding:6px 0 0 0; text-align:center; flex-basis: 1080px; color: white; font-family: Retail Demo, Open Sans,serif;">
      <!-- Intro text (right of logo) -->
           <ul>
       <div class="header-intro" style="flex:1; min-width:0;">
             <li>{{#invoke:Dictionary|translate|Number of articles}}: '''{{NUMBEROFARTICLES}}''' • {{#invoke:Dictionary|translate|Number of files}}: '''{{NUMBEROFFILES}}''' • {{#invoke:Dictionary|translate|Number of active editors}}: '''{{NUMBEROFACTIVEUSERS}}''' • {{#invoke:Dictionary|translate|Number of edits}}: '''{{NUMBEROFEDITS}}'''</li>
         <div style="color:white; font-family:'Retail Demo','Open Sans',sans-serif;">
           </ul>
 
          <div style="color:white; margin:0.3em 0;"><span style="font-size:1.8em; font-family:'Valve Occult','Retail Demo','Open Sans'; font-weight:bold;">{{#invoke:Dictionary|translate|WikiHeaderPart1}} <b>[[Deadlock{{if_lang}}|<span style="color:#e8be86; font-family:'Valve Occult','Retail Demo'; font-weight:bold;">Deadlock</span>]]</b> Wiki! </span></div>
 
           <p style="font-size:1.2em; line-height:1.6; margin:0.6em 0;">
             {{#invoke:Dictionary|translate|WikiHeaderPart2}}
            <b>[[Deadlock{{if_lang}}|<span style="color:#e8be86; font-family:'Valve Occult','Retail Demo','Open Sans'; font-weight:bold;">Deadlock</span>]]</b>
            {{#invoke:Dictionary|translate|WikiHeaderPart3}}
            {{NUMBEROFARTICLES}}
            {{#invoke:Dictionary|translate|WikiHeaderPart4}}
          </p>
 
          <p style="font-size:1.15em; margin:0.8em 0 0.4em 0;">
            [[Help:Getting_Started|<span style="color:#e8be86; text-decoration:underline;">'''Learn how to edit'''</span>]]
            &nbsp;•&nbsp;
            [[Deadlock#Invites|<span style="color:#e8be86; text-decoration:underline;">'''Join the playtest!'''</span>]]
           </p>
 
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>
    <!-- Stats Bar (bottom) -->
    <div class="header-stats" style="
      display:block;
      background:rgba(0,0,0,0.25);
      border-radius:0 0 8px 8px;
      margin:0;
      padding:8px 12px;
    ">
      <div style="
        font-size:1em;
        text-align:center;
        color:rgba(255,255,255,0.85);
        font-family:'Retail Demo','Open Sans',serif;
      ">
        <ul style="margin:0; padding:0; list-style:none;">
          <li>
            {{#invoke:Dictionary|translate|Number of articles}}: '''{{NUMBEROFARTICLES}}''' •
            {{#invoke:Dictionary|translate|Number of files}}: '''{{NUMBEROFFILES}}''' •
            {{#invoke:Dictionary|translate|Number of active editors}}: '''{{NUMBEROFACTIVEUSERS}}''' •
            {{#invoke:Dictionary|translate|Number of edits}}: '''{{NUMBEROFEDITS}}'''
          </li>
        </ul>
      </div>
    </div>
   </div>
   </div>
</div>
</div>
Retrieved from "https://deadlock.wiki/Template:Deadlock_Wiki/Header"