|
|
| (14 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <noinclude> | | <noinclude> |
| INNOVATIVE: 3D Flip Card. Tap to reveal roster.
| | Displays a Responsive Roster Card (Mobile Friendly). |
| Usage: {{ParticipantTeam |team=Team Name |p1=Player1 ...}} | | Usage: {{ParticipantTeam |team=Team Name |seeding=Invited |p1=Player1 ...}} |
| </noinclude><includeonly> | | == Cargo Declaration == |
| {{#cargo_store:_table=Tournament_Teams|tournament={{#titleparts:{{PAGENAME}}|1}}|team={{{team|}}}|p1={{{p1|}}}|p2={{{p2|}}}|p3={{{p3|}}}|p4={{{p4|}}}|p5={{{p5|}}}}} | | {{#cargo_declare: |
| | | _table = Tournament_Teams |
| <div class="flip-card-container" style="background-color: transparent; width: 100%; height: 200px; perspective: 1000px; margin-bottom:15px;">
| | |tournament = String |
| <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;">
| | |team = String |
|
| | |seeding = String |
| <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);">
| | |p1 = String |
| <div style="width:100px; height:100px; margin-bottom:10px;" class="img-fit">
| | |p2 = String |
| {{#ifexist: File:{{{team}}}.png | [[File:{{{team}}}.png|link=]] | [[File:Shield_team.png|link=]] }} | | |p3 = String |
| </div>
| | |p4 = String |
| <div style="font-weight:900; font-size:1.2em; text-transform:uppercase; color:var(--text-header);">[[{{{team}}}]]</div>
| | |p5 = String |
| <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>
| | |p6 = String |
| </div>
| | |coach = String |
| | | |analyst = String |
| <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;">
| | }} |
| <div style="font-weight:bold; margin-bottom:10px; color:#fbbf24; border-bottom:1px solid #4a5568; padding-bottom:5px;">ROSTER</div>
| | </noinclude><includeonly>{{#cargo_store: |
| <div style="display:grid; grid-template-columns: 1fr 1fr; gap:5px; font-size:0.9em; text-align:left; padding:0 10px;">
| | _table = Tournament_Teams |
| {{#if:{{{p1|}}}|<div>• [[{{{p1}}}| <span style="color:#fff;">{{{p1}}}</span>]]</div>}} | | |tournament = {{{tournament|{{#titleparts:{{PAGENAME}}|1|3}} }}} |
| {{#if:{{{p2|}}}|<div>• [[{{{p2}}}| <span style="color:#fff;">{{{p2}}}</span>]]</div>}}
| | |team = {{{team|}}} |
| {{#if:{{{p3|}}}|<div>• [[{{{p3}}}| <span style="color:#fff;">{{{p3}}}</span>]]</div>}}
| | |seeding = {{{seeding|}}} |
| {{#if:{{{p4|}}}|<div>• [[{{{p4}}}| <span style="color:#fff;">{{{p4}}}</span>]]</div>}}
| | |p1 = {{{p1|}}} |
| {{#if:{{{p5|}}}|<div>• [[{{{p5}}}| <span style="color:#fff;">{{{p5}}}</span>]]</div>}}
| | |p2 = {{{p2|}}} |
| </div>
| | |p3 = {{{p3|}}} |
| </div>
| | |p4 = {{{p4|}}} |
| | | |p5 = {{{p5|}}} |
| </div>
| | |p6 = {{{p6|}}} |
| </div>
| | |coach = {{{coach|}}} |
| </includeonly> | | |analyst = {{{analyst|}}} |
| | }}{{#invoke:Participant|card|team={{{team|}}}|seeding={{{seeding|}}}|p1={{{p1|}}}|p2={{{p2|}}}|p3={{{p3|}}}|p4={{{p4|}}}|p5={{{p5|}}}|p6={{{p6|}}}|coach={{{coach|}}}|analyst={{{analyst|}}}}}</includeonly> |
Displays a Responsive Roster Card (Mobile Friendly).
Usage:
Cargo Declaration
This template defines the table "Tournament_Teams". View table.