Template:ParticipantTeam: Difference between revisions

Revision as of 18:56, 18 January 2026

Displays a 3D Flip Card for teams. Usage:

        Tap to view

       Active Roster

• Player1 ...

Cargo Declaration

This template defines the table "Tournament_Teams". View table.

@@ Line 1: / Line 1: @@
 <noinclude>
-INNOVATIVE: Game Lobby Style. Players appearing as vertical operator cards.
+Displays a 3D Flip Card for teams.
+Usage: {{ParticipantTeam |team=Team Name |p1=Player1 ...}}
+== Cargo Declaration ==
+{{#cargo_declare:
+_table = Tournament_Teams
+|tournament = String
+|team = String
+|p1 = String
+|p2 = String
+|p3 = String
+|p4 = String
+|p5 = String
+|coach = String
+|analyst = String
+}}
 </noinclude><includeonly>
-<div class="lobby-card" style="background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-header) 100%); border: 1px solid var(--border-light); border-radius: 12px; margin-bottom: 20px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);">
+{{#cargo_store:
+_table = Tournament_Teams
-  <div style="padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border-light);">
+|tournament = {{#titleparts:{{PAGENAME}}|1}}
-    <div style="font-weight: 900; font-size: 1.1em;">[[{{{team}}}]]</div>
+|team = {{{team|}}}
-    <div style="width: 30px;">[[File:{{{team}}}.png|30px|link=]]</div>
+|p1 = {{{p1|}}}
-  </div>
+|p2 = {{{p2|}}}
+|p3 = {{{p3|}}}
+|p4 = {{{p4|}}}
+|p5 = {{{p5|}}}
+|coach = {{{coach|}}}
+|analyst = {{{analyst|}}}
+}}
-  <div style="display: flex; gap: 4px; padding: 10px; overflow-x: auto; scrollbar-width: none;">
+<div class="flip-card-container" style="width: 100%; height: 200px;" onclick="">
+  <div class="flip-card-inner">
-     {{#if:{{{p1|}}}|
+     <div class="flip-card-front">
-    <div style="flex: 1; min-width: 60px; height: 80px; background: #3b82f6; border-radius: 6px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 5px; position: relative;">
+      <div class="img-fit" style="width:90px; height:90px; margin-bottom:10px;">
-       <div style="font-size: 0.8em; font-weight: bold; color: white; text-shadow: 0 1px 2px rgba(0,0,0,0.8); z-index: 2;">[[{{{p1}}}|<span style="color:white">{{{p1}}}</span>]]</div>
+        {{#ifexist: File:{{{team}}}.png | [[File:{{{team}}}.png|link=]] | [[File:Shield_team.png|link=]] }}
-       <div style="position:absolute; top:0; left:0; right:0; height:100%; background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.6) 100%); border-radius:6px;"></div>
+      </div>
-     </div>}}
+       <div style="font-weight:900; font-size:1.1em; text-transform:uppercase; line-height:1.2;">[[{{{team}}}]]</div>
+       <div style="font-size:0.75em; opacity:0.6; margin-top:8px;">
+        <i class="fa-solid fa-hand-pointer"></i> Tap to view
+      </div>
+     </div>
-     {{#if:{{{p2|}}}|
+     <div class="flip-card-back">
-    <div style="flex: 1; min-width: 60px; height: 80px; background: #6366f1; border-radius: 6px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 5px; position: relative;">
+      <div style="font-weight:bold; color:#fbbf24; border-bottom:1px solid #4a5568; padding-bottom:5px; margin-bottom:8px; font-size:0.9em; text-transform:uppercase;">
-       <div style="font-size: 0.8em; font-weight: bold; color: white; text-shadow: 0 1px 2px rgba(0,0,0,0.8); z-index: 2;">[[{{{p2}}}|<span style="color:white">{{{p2}}}</span>]]</div>
+        Active Roster
-      <div style="position:absolute; top:0; left:0; right:0; height:100%; background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.6) 100%); border-radius:6px;"></div>
+      </div>
-    </div>}}
+       <div style="display:grid; grid-template-columns: 1fr 1fr; gap:4px; font-size:0.85em; text-align:left; padding-left:5px;">
+        {{#if:{{{p1|}}}|<div>• [[{{{p1}}}|<span style="color:#e2e8f0;">{{{p1}}}</span>]]</div>}}
+        {{#if:{{{p2|}}}|<div>• [[{{{p2}}}|<span style="color:#e2e8f0;">{{{p2}}}</span>]]</div>}}
+        {{#if:{{{p3|}}}|<div>• [[{{{p3}}}|<span style="color:#e2e8f0;">{{{p3}}}</span>]]</div>}}
+        {{#if:{{{p4|}}}|<div>• [[{{{p4}}}|<span style="color:#e2e8f0;">{{{p4}}}</span>]]</div>}}
+        {{#if:{{{p5|}}}|<div>• [[{{{p5}}}|<span style="color:#e2e8f0;">{{{p5}}}</span>]]</div>}}
+      </div>
-    {{#if:{{{p3|}}}|
+      {{#if:{{{coach|}}}{{{analyst|}}}|
-    <div style="flex: 1; min-width: 60px; height: 80px; background: #8b5cf6; border-radius: 6px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 5px; position: relative;">
+      <div style="margin-top:10px; padding-top:5px; border-top:1px solid #4a5568; font-size:0.75em; color:#94a3b8;">
-      <div style="font-size: 0.8em; font-weight: bold; color: white; text-shadow: 0 1px 2px rgba(0,0,0,0.8); z-index: 2;">[[{{{p3}}}|<span style="color:white">{{{p3}}}</span>]]</div>
+         {{#if:{{{coach|}}}|<div>Coach: [[{{{coach}}}|<span style="color:#cbd5e1">{{{coach}}}</span>]]</div>}}
-      <div style="position:absolute; top:0; left:0; right:0; height:100%; background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.6) 100%); border-radius:6px;"></div>
+       </div>
-    </div>}}
+      }}
+     </div>
-    {{#if:{{{p4|}}}|
-    <div style="flex: 1; min-width: 60px; height: 80px; background: #ec4899; border-radius: 6px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 5px; position: relative;">
-      <div style="font-size: 0.8em; font-weight: bold; color: white; text-shadow: 0 1px 2px rgba(0,0,0,0.8); z-index: 2;">[[{{{p4}}}|<span style="color:white">{{{p4}}}</span>]]</div>
-       <div style="position:absolute; top:0; left:0; right:0; height:100%; background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.6) 100%); border-radius:6px;"></div>
-     </div>}}
    </div>
 </div>
 </includeonly>