Jump to content

Template:Relic: Difference between revisions

From Doom Relics
No edit summary
No edit summary
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
<div class="relic-card">
<div class="relic-card">
   <div class="relic-header">
   <div class="relic-header">
     <div class="relic-title">{{PAGENAME}}</div>
     <div class="relic-title">{{PAGENAME}}</div>
Line 7: Line 8:


   <div class="relic-body">
   <div class="relic-body">
  <div class="relic-media relic-gallery">
  <!-- MAIN -->
  <div class="relic-hero">
    {{#if: {{{img1|}}}
      | <a class="relic-hero-link" href="{{fullurl:File:{{{img1}}}}}">
          <img class="relic-hero-img" src="{{filepath:{{{img1}}}}}" alt="{{PAGENAME}}">
        </a>
      | <div class="relic-noimg">No image uploaded</div>
    }}
  </div>


  <!-- THUMBS -->
    <!-- LEFT: IMAGE -->
  <div class="relic-thumbrow">
    <div class="relic-media">
    {{#if: {{{img2|}}}
       {{#if: {{{img1|}}}
       | <a class="relic-thumb" href="{{fullurl:File:{{{img2}}}}}">
         | [[File:{{{img1}}}|frameless|360px|link=File:{{{img1}}}]]
          <img src="{{filepath:{{{img2}}}}}" alt="">
        | <div class="relic-noimg">No image uploaded</div>
        </a>
      }}
    }}
     </div>
    {{#if: {{{img3|}}}
      | <a class="relic-thumb" href="{{fullurl:File:{{{img3}}}}}">
          <img src="{{filepath:{{{img3}}}}}" alt="">
        </a>
    }}
    {{#if: {{{img4|}}}
      | <a class="relic-thumb" href="{{fullurl:File:{{{img4}}}}}">
          <img src="{{filepath:{{{img4}}}}}" alt="">
        </a>
    }}
    {{#if: {{{img5|}}}
      | <a class="relic-thumb" href="{{fullurl:File:{{{img5}}}}}">
          <img src="{{filepath:{{{img5}}}}}" alt="">
         </a>
    }}
  </div>
</div>
 
 
  <!-- THUMBNAILS (INLINE FLEX) -->
  <div class="relic-thumbs" style="display:flex; gap:10px; flex-wrap:wrap; align-items:flex-start;">
    {{#if: {{{img2|}}} | <span style="display:inline-block;">[[File:{{{img2}}}|frameless|90px|link=File:{{{img2}}}]]</span> }}
    {{#if: {{{img3|}}} | <span style="display:inline-block;">[[File:{{{img3}}}|frameless|90px|link=File:{{{img3}}}]]</span> }}
    {{#if: {{{img4|}}} | <span style="display:inline-block;">[[File:{{{img4}}}|frameless|90px|link=File:{{{img4}}}]]</span> }}
    {{#if: {{{img5|}}} | <span style="display:inline-block;">[[File:{{{img5}}}|frameless|90px|link=File:{{{img5}}}]]</span> }}
  </div>
 
</div>
 
 
  <!-- THUMBNAILS -->
  <div class="relic-thumbs">
    {{#if: {{{img2|}}} | <span class="relic-thumb">[[File:{{{img2}}}|frameless|86px|link=File:{{{img2}}}]]</span> }}
    {{#if: {{{img3|}}} | <span class="relic-thumb">[[File:{{{img3}}}|frameless|86px|link=File:{{{img3}}}]]</span> }}
    {{#if: {{{img4|}}} | <span class="relic-thumb">[[File:{{{img4}}}|frameless|86px|link=File:{{{img4}}}]]</span> }}
     {{#if: {{{img5|}}} | <span class="relic-thumb">[[File:{{{img5}}}|frameless|86px|link=File:{{{img5}}}]]</span> }}
  </div>


</div>
    <!-- RIGHT: META / FIELDS -->
 
     <div class="relic-meta">
 
     <div class="relic-fields">
       <div class="relic-row"><span class="k">Category</span><span class="v">{{{category|}}}</span></div>
       <div class="relic-row"><span class="k">Category</span><span class="v">{{{category|}}}</span></div>
       <div class="relic-row"><span class="k">Subcategory</span><span class="v">{{{subcat|}}}</span></div>
       <div class="relic-row"><span class="k">Subcategory</span><span class="v">{{{subcat|}}}</span></div>
Line 72: Line 24:
       <div class="relic-row"><span class="k">Year</span><span class="v">{{{year|}}}</span></div>
       <div class="relic-row"><span class="k">Year</span><span class="v">{{{year|}}}</span></div>
       <div class="relic-row"><span class="k">Platform</span><span class="v">{{{platform|}}}</span></div>
       <div class="relic-row"><span class="k">Platform</span><span class="v">{{{platform|}}}</span></div>
    </div>


      {{#if: {{{description|}}}
        | <div class="relic-desc">
            <div class="k">Description</div>
            <div class="desc">{{{description}}}</div>
          </div>
        |
      }}
    </div>
   </div>
   </div>


   [[Category:Relics]]
   <!-- FULL WIDTH DESCRIPTION (below image + meta) -->
  {{#if: {{{category|}}} | [[Category:{{{category}}}]] }}
  {{#if: {{{description|}}}
  {{#if: {{{subcat|}}} | [[Category:{{{subcat}}}]] }}
    | <div class="relic-desc relic-desc--full">
        <div class="k">Description</div>
        <div class="desc">{{{description}}}</div>
      </div>
    |
  }}
 
[[Category:Relics]]
{{#if: {{{category|}}} | [[Category:{{{category}}}]] }}
{{#if: {{{category|}}}{{{subcat|}}} | [[Category:{{{category}}} – {{{subcat}}}]] }}
 
 
</div>
</div>
</includeonly>
</includeonly>

Latest revision as of 11:14, 26 December 2025