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>
+<templatedata>
+{
+	"params": {
+		"cardcolor": {
+			"label": "Card Color",
+			"description": "The color of the trophy card.",
+			"example": "#ffffff",
+			"type": "string",
+			"autovalue": "#367FA9",
+			"required": true
+		},
+		"trophyimage": {
+			"label": "Trophy Image",
+			"description": "The image of the trophy to be displayed on the card",
+			"example": "Trophy_2019_Reflection_Participant.svg",
+			"type": "string",
+			"required": true
+		},
+		"trophyname": {
+			"label": "Trophy Name",
+			"description": "The name of the trophy.",
+			"required": true
+		},
+		"trophydescription": {
+			"label": "Trophy Description",
+			"description": "What the trophy is and why it was awarded.",
+			"type": "string",
+			"required": true
+		}
+	},
+	"description": "A template for creating trophy card templates, for display on [[Template:TrophyGallery|Trophy Galleries]] on <username>/Trophies pages."
+}
+</templatedata>
 </noinclude>
+[[Category:Trophies]]
-<includeonly>
-<div style="background-color: #367FA9; display: inline-block; padding:10px; float: left; margin-right:10px; margin-left:10px; margin-bottom:5px; color:white; box-shadow:10px 10px 20px #aaa">
-<center>[[File:{{{trophyimage}}}|125px]]<hr>'''{{{trophyname}}}'''<br>
-{{{trophydescription}}}</center>
-</div></includeonly>