Trophy

Latest revision as of 12:39, 4 December 2023

Usage

{{Trophy
|trophyname        = 
|trophyimage       = 
|trophydescription = 
}}

Example

2019 Reflections
Event Participant

Awarded for participating
in a Wiki Event

{{Trophy
|trophyname        = 2019 Reflections <br>Event Participant
|trophyimage       = Trophy 2019 Reflection Participant.svg
|trophydescription = Awarded for participating<br> in a Wiki Event
}}

A template for creating trophy card templates, for display on [[Template:TrophyGallery|Trophy Galleries]] on <username>/Trophies pages.

Template parameters
Parameter		Description	Type	Status
Card Color	`cardcolor`	The color of the trophy card. Example #ffffff Auto value `#367FA9`	String	required
Trophy Image	`trophyimage`	The image of the trophy to be displayed on the card Example Trophy_2019_Reflection_Participant.svg	String	required
Trophy Name	`trophyname`	The name of the trophy.	Unknown	required
Trophy Description	`trophydescription`	What the trophy is and why it was awarded.	String	required

@@ Line 1: / Line 1: @@
-<noinclude>
+<includeonly>
+<div class="trophyfullscreen">
+<div class="flip-card mw-customtoggle-trophytrigger" style="perspective: 1000px; background-color: transparent; width: 200px; height:260.4px; display: inline-block; float:left; margin-left:20px; margin-right:20px; margin-bottom:20px; color:black; max-width: 200px;">
+<div class="flip-card-inner" style="position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d;>
+<div class="flip-card-front" style="position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;">
+<div id=trophy-image style="outline: 5px solid {{main-color}}; padding: 15px 0px 15px 0px; background-color:spinwhite; pointer-events: none;">
+<center>[[File:{{{trophyimage}}}|150px]]
+<div style="background-color:#E9EDEF; border-radius:50%; height:25px; width:110px; text-align: center; margin-top:-15px></div></center></div>
+<div id=trophy-title style="background-color:{{main-color}}; color:white; outline: 5px solid {{main-color}}; min-height:3em; line-height:1.4; width:200px;">
+<center>{{Large|{{{trophyname}}}}}</center>
+</div></div>
+<div class="flip-card-back" style="position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(180deg);">
+<div id=trophy-description style="background-color:{{main-color}}; color:white; outline: 5px solid {{main-color}}; line-height:1.4; height:inherit;">
+<center><span style="display:inline-block; margin:7px; margin-top:10px;">{{{trophydescription}}}</span></center></div>
+</div>
+</div>
+</div>
+<span class="mw-collapsible" id="mw-customcollapsible-trophytrigger"></span>
+</div>[[Category:Trophies]]</includeonly><noinclude>{{Interface template}}
 === Usage ===
 <pre>
@@ Line 20: / Line 40: @@
 |trophydescription = Awarded for participating<br> in a Wiki Event
 }}</pre>
-</noinclude>
-<includeonly>
-<div style="display: inline-block; float:left; margin-left:10px; margin-right:10px; margin-bottom:10px; color:black; width: 200px; max-width: 200px;">
-<div style="outline: 5px solid {{main-color}}; padding: 15px 0px 15px 0px;">
-<center>[[File:{{{trophyimage}}}|150px]]
-<div style="background-color:#E9EDEF; border-radius:50%; height:25px; width:110px; text-align: center; margin-top:-15px></div></center></div>
-<div class=hover style="background-color:{{main-color}}; color:white; outline: 5px solid {{main-color}}; min-height:3em; line-height:1.4">
-<center>{{Large|{{{trophyname}}}}}</center>
-<div class=hoverbox style="background-color:{{main-color}}; color:white; outline: 5px solid {{main-color}}">
-<center>{{{trophydescription}}}</center></div></div></div></includeonly>
-<noinclude>
 <templatedata>
 {
@@ Line 66: / Line 76: @@
 </templatedata>
 </noinclude>
-[[Category:System:Trophy]]
+[[Category:Trophies]]