Template:ParticipantTeam: Difference between revisions

← Older edit Newer edit →

Revision as of 18:50, 18 January 2026

INNOVATIVE: 3D Flip Card. Tap to reveal roster. Usage:

Team Name

Tap to view roster

ROSTER

• Player1 ...

@@ Line 1: / Line 1: @@
 <noinclude>
-Displays a Team Card for the participants list. Hovering reveals the roster.
+INNOVATIVE: 3D Flip Card. Tap to reveal roster.
-Usage: {{ParticipantTeam |team=Team Name |p1=Player1 |p2=Player2 ... |coach=CoachName |analyst=AnalystName}}
+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>
-{{#cargo_store:
+{{#cargo_store:_table=Tournament_Teams|tournament={{#titleparts:{{PAGENAME}}|1}}|team={{{team|}}}|p1={{{p1|}}}|p2={{{p2|}}}|p3={{{p3|}}}|p4={{{p4|}}}|p5={{{p5|}}}}}
-_table = Tournament_Teams
-|tournament = {{#titleparts:{{PAGENAME}}|1}}
+<div class="flip-card-container" style="background-color: transparent; width: 100%; height: 200px; perspective: 1000px; margin-bottom:15px;">
-|team = {{{team|}}}
+<div class="flip-card-inner" style="position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; cursor: pointer;">
-|p1 = {{{p1|}}}
-|p2 = {{{p2|}}}
+<div class="flip-card-front" style="position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: var(--bg-card); border: 1px solid var(--border-main); border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1);">
-|p3 = {{{p3|}}}
+<div style="width:100px; height:100px; margin-bottom:10px;" class="img-fit">
-|p4 = {{{p4|}}}
+{{#ifexist: File:{{{team}}}.png | [[File:{{{team}}}.png|link=]] | [[File:Shield_team.png|link=]] }}
-|p5 = {{{p5|}}}
-|coach = {{{coach|}}}
-|analyst = {{{analyst|}}}
-}}
-<div class="team-card">
-<div class="team-card-header">
-<div class="img-fit" style="width:100%; height:120px; display:flex; align-items:center; justify-content:center;">
-{{#ifexist: File:{{{team}}}.png
-| [[File:{{{team}}}.png|link={{{team}}}]]
-| [[File:Shield_team.png|link={{{team}}}]]
-}}
 </div>
-<div style="font-size:0.85em; line-height:1.2; font-weight:bold; margin-top:5px;">[[{{{team}}}]]</div>
+<div style="font-weight:900; font-size:1.2em; text-transform:uppercase; color:var(--text-header);">[[{{{team}}}]]</div>
+<div style="font-size:0.8em; color:var(--text-muted); margin-top:5px;">Tap to view roster <i class="fa-solid fa-rotate"></i></div>
 </div>
-<div class="team-card-overlay">
+<div class="flip-card-back" style="position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #1a202c; color: white; transform: rotateY(180deg); border-radius: 12px; display: flex; flex-direction: column; justify-content: center; padding: 10px;">
-<ul>
+<div style="font-weight:bold; margin-bottom:10px; color:#fbbf24; border-bottom:1px solid #4a5568; padding-bottom:5px;">ROSTER</div>
-{{#if:{{{p1|}}}|<li>[[{{{p1}}}]]</li>}}
+<div style="display:grid; grid-template-columns: 1fr 1fr; gap:5px; font-size:0.9em; text-align:left; padding:0 10px;">
-{{#if:{{{p2|}}}|<li>[[{{{p2}}}]]</li>}}
+{{#if:{{{p1|}}}|<div>• [[{{{p1}}}| <span style="color:#fff;">{{{p1}}}</span>]]</div>}}
-{{#if:{{{p3|}}}|<li>[[{{{p3}}}]]</li>}}
+{{#if:{{{p2|}}}|<div>• [[{{{p2}}}| <span style="color:#fff;">{{{p2}}}</span>]]</div>}}
-{{#if:{{{p4|}}}|<li>[[{{{p4}}}]]</li>}}
+{{#if:{{{p3|}}}|<div>• [[{{{p3}}}| <span style="color:#fff;">{{{p3}}}</span>]]</div>}}
-{{#if:{{{p5|}}}|<li>[[{{{p5}}}]]</li>}}
+{{#if:{{{p4|}}}|<div>• [[{{{p4}}}| <span style="color:#fff;">{{{p4}}}</span>]]</div>}}
-{{#if:{{{coach|}}}|<li><small>C: [[{{{coach}}}]]</small></li>}}
+{{#if:{{{p5|}}}|<div>• [[{{{p5}}}| <span style="color:#fff;">{{{p5}}}</span>]]</div>}}
-{{#if:{{{analyst|}}}|<li><small>A: [[{{{analyst}}}]]</small></li>}}
+</div>
-</ul>
+</div>
 </div>
 </div>
 </includeonly>