Template:Deadlock Wiki/Header: Difference between revisions

Jump to navigation Jump to search
No edit summary
Tag: Reverted
Undo revision 86671 by Cronos (talk)
Tag: Undo
Line 1: Line 1:
<div style="position:relative; overflow:hidden; border-radius:12px; background:var(--th-mw-body-back); box-shadow:0 4px 16px rgba(0,0,0,0.4); height:100%;">
<!-- Hero / Header Panel -->
   <div class="hero-container" style="position:relative; display:flex; flex-direction:column; height:100%; font-family:'Retail Demo','Open Sans',sans-serif; text-shadow:0 2px 2px #000, 0 0 2px #000;">
<div style="
  position:relative;
  overflow:hidden;
  border-radius:12px;
  background:var(--th-mw-body-back);
  box-shadow:0 4px 16px rgba(0,0,0,0.4);
  height:100%;
">
   <div class="hero-container" style="
    position:relative;
    width:100%;
    display:flex;
    flex-direction:column;
    height:100%;
  ">


     <div style="display:flex; align-items:center; flex:1; padding:1em; gap:1.5em;">
    <!-- 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;">
       <div class="nomobile" style="flex-shrink:0;">
[[File:Deadlock Wiki.png|frameless|250px|alt=Deadlock Wiki|link=Deadlock{{if_lang}}]]
[[File:Deadlock Wiki.png|frameless|250px|alt=Deadlock Wiki|link=Deadlock{{if_lang}}]]
       </div>
       </div>


      <!-- Intro text (right of logo) -->
       <div class="header-intro" style="flex:1; min-width:0;">
       <div class="header-intro" style="flex:1; min-width:0;">
          
         <div style="text-shadow: 0px 2px 2px black, 0px 0px 2px black; font-family:'Retail Demo','Open Sans',sans-serif;">
        <div style="margin:0.3em 0; font-size:1.8em; font-family:'Valve Occult','Retail Demo',sans-serif; font-weight:bold;">
 
          {{#invoke:Dictionary|translate|WikiHeaderPart1}} [[Deadlock{{if_lang}}|<span style="font-family:inherit; color:inherit; font-weight:bold;">Deadlock</span>]] Wiki!
          <div style= "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="font-family:'Valve Occult','Retail Demo'; font-weight:bold;">Deadlock</span>]]</b> Wiki! </span></div>
        </div>


        <p style="font-size:1.2em; line-height:1.6; margin:0.6em 0;">
          <p style="font-size:1.2em; line-height:1.6; margin:0.6em 0;">
          {{#invoke:Dictionary|translate|WikiHeaderPart2}}
            {{#invoke:Dictionary|translate|WikiHeaderPart2}}
          [[Deadlock{{if_lang}}|<span style="font-family:'Valve Occult','Retail Demo',sans-serif; font-weight:bold;">Deadlock</span>]]
            <b>[[Deadlock{{if_lang}}|<span style="font-family:'Valve Occult','Retail Demo','Open Sans'; font-weight:bold;">Deadlock</span>]]</b>
          {{#invoke:Dictionary|translate|WikiHeaderPart3}}
            {{#invoke:Dictionary|translate|WikiHeaderPart3}}
          {{NUMBEROFARTICLES}}
            {{NUMBEROFARTICLES}}
          {{#invoke:Dictionary|translate|WikiHeaderPart4}}
            {{#invoke:Dictionary|translate|WikiHeaderPart4}}
        </p>
          </p>


        <p style="font-size:1.15em; margin:0.8em 0 0.4em 0;">
          <p style="font-size:1.15em; margin:0.8em 0 0.4em 0;">
          [[Help:Contents|<span style="text-decoration:underline; font-weight:bold;">{{#invoke:Dictionary|translate|Learn how to edit}}</span>]]
            [[Help:Contents|<span style="text-decoration:underline;">'''{{#invoke:Dictionary|translate|Learn how to edit}}'''</span>]]
          &nbsp;•&nbsp;
            &nbsp;•&nbsp;
          [[Deadlock#Invites|<span style="text-decoration:underline; font-weight:bold;">{{#invoke:Dictionary|translate|Join the playtest!}}</span>]]
            [[Deadlock#Invites|<span style="text-decoration:underline;">'''{{#invoke:Dictionary|translate|Join the playtest!}}'''</span>]]
        </p>
          </p>


        </div>
       </div>
       </div>
     </div>
     </div>


     <div class="header-stats" style="background:rgba(0,0,0,0.25); border-radius:0 0 8px 8px; padding:8px 12px; text-align:center; opacity:0.85; font-family:'Retail Demo','Open Sans',serif;">
    <!-- Stats Bar (bottom) -->
      <ul style="margin:0; padding:0; list-style:none;">
     <div class="header-stats" style="
        <li>
      display:block;
          {{#invoke:Dictionary|translate|Number of articles}}: <strong>{{NUMBEROFARTICLES}}</strong>
      background:rgba(0,0,0,0.25);
          {{#invoke:Dictionary|translate|Number of files}}: <strong>{{NUMBEROFFILES}}</strong>
      border-radius:0 0 8px 8px;
          {{#invoke:Dictionary|translate|Number of active editors}}: <strong>{{NUMBEROFACTIVEUSERS}}</strong>
      margin:0;
          {{#invoke:Dictionary|translate|Number of edits}}: <strong>{{NUMBEROFEDITS}}</strong>
      padding:8px 12px;
         </li>
    ">
       </ul>
      <div style="
        font-size:1em;
        text-align:center;
opacity: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>
</div>