Template:Infobox/Member: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 10:58, 4 April 2025

Saku

Server Information

Joined

2020

Role

Barista

Personal Information

Location

London, GB

Date of Birth

24/05/2001

Gender

Male

Pronouns

he/him

Links

Twitter

Website

Infobox for a server member

Template parameters[Edit template data]
Parameter		Description	Type	Status
Username	`username` `Username`	Server username (don't include the tag) Example Saku	String	required
User ID	`userId` `User ID`	Discord user ID, used to fetch avatar (if this doesn't work, @Saku) Example 255673616342056961	String	optional
Profile Image	`imageFile` `Profile Image`	File name of an image uploaded to wiki to be used as profile picture Example Guardian-logo.png	File	optional
Join Year	`joinyear` `Join Year`	The year this member joined the server Example 2016	String	optional
Role	`role` `Role`	The member's main role in the server (eg. staff / member) Example Member	String	optional
Location	`location` `Location`	Member's rough location (don't dox!!) Example London, GB	String	optional
Date of Birth	`dob` `Date of Birth`	The member's date of birth (can also be N/A) Example 01/01/2000	String	optional
Gender	`gender` `Gender`	The member's gender (can also be N/A) Example Male	String	optional
Pronouns	`pronouns` `Pronouns`	The member's main pronouns (can also be N/A) Example he/him	String	optional
Twitter URL	`twitter` `Twitter URL`	Link to Twitter profile Example https://twitter.com/SakuKawaa	URL	optional
Website URL	`website` `Website URL`	Link to a website Example https://saku.zone/	URL	optional

@@ Line 1: / Line 1: @@
-<includeonly><table class="wikitable infobox-right" style="width:256px;">
+<includeonly><!--
-    <tr>
+--><div class="floatright"><!--
-        <th colspan="2" style="text-align:center; background-color:#95cafe; padding-top:10px; padding-bottom:10px;">{{{username}}}</th>
-    </tr>
-    {{#if:{{{userId|}}}
+--><div style="display:flex; justify-content:center;"><span class="infobox-header" style="text-align:center; margin-bottom:5px;">{{{username}}}</span></div><!--
-        | <tr><th colspan="2" style="padding:0px;">https://api.saku.dev/spin-dash/avatar/{{{userId}}}.png</th></tr> |
-    }}
-    {{#if:{{{imageFile|}}}
+--><div class="infobox-main"><!--
-        | <tr><th colspan="2" style="padding:0px;">[[File:{{{imageFile}}}|256px]]</th></tr> |
+Discord avatar
-    }}
+-->{{#if:{{{userId|}}}| https://api.saku.dev/spin-dash/avatar/{{{userId}}}.png}}<!--
-    {{#if:{{{joinyear|}}}{{{role|}}}
+Uploaded image
-        | <tr><th colspan="2" style="text-align: center; background-color:#95cafe;">Server information</th></tr> |
+-->{{#if:{{{imageFile|}}}| [[File:{{{imageFile}}}|300px]]}}<!--
-    }}
-    {{#if:{{{joinyear|}}}
+Server Information
-        | <tr><td><b>Joined</b></td><td>{{{joinyear}}}</td></tr> |
+-->{{#if:{{{joinyear|}}}{{{role|}}}| <span class="infobox-header">Server Information</span> }}<!--
-    }}
-    {{#if:{{{role|}}}
+Join Year
-        | <tr><td><b>Role</b></td><td>{{{role}}}</td></tr> |
+-->{{#if:{{{joinyear|}}}|
-    }}
+<div class="infobox-info">
+<span>Joined</span>
+<p>{{{joinyear}}}</p>
+</div>
+}}<!--
-    {{#if:{{{location|}}}{{{dob|}}}{{{gender|}}}{{{pronouns|}}}
+role
-        | <tr><th colspan="2" style="text-align: center; background-color:#95cafe;">Personal information</th></tr> |
+-->{{#if:{{{role|}}}|
-    }}
+<div class="infobox-info">
+<span>Role</span>
+<p>{{{role}}}</p>
+</div>
+}}<!--
-    {{#if:{{{location|}}}
+Personal info
-        | <tr><td><b>Location</b></td><td>{{{location}}}</td></tr> |
+-->{{#if:{{{location|}}}{{{dob|}}}{{{gender|}}}{{{pronouns|}}}| <span class="infobox-header">Personal Information</span> }}<!--
-    }}
-    {{#if:{{{dob|}}}
+Location
-        | <tr><td><b>Date of Birth</b></td><td>{{{dob}}}</td></tr> |
+-->{{#if:{{{location|}}}|
-    }}
+<div class="infobox-info">
+<span>Location</span>
+<p>{{{location}}}</p>
+</div>
+}}<!--
-    {{#if:{{{gender|}}}
+Date of birth
-        | <tr><td><b>Gender</b></td><td>{{{gender}}}</td></tr> |
+-->{{#if:{{{dob|}}}|
-    }}
+<div class="infobox-info">
+<span>Date of Birth</span>
+<p>{{{dob}}}</p>
+</div>
+}}<!--
-    {{#if:{{{pronouns|}}}
+Gender
-        | <tr><td><b>Pronouns</b></td><td>{{{pronouns}}}</td></tr> |
+-->{{#if:{{{gender|}}}|
-    }}
+<div class="infobox-info">
-</table></includeonly><noinclude>
+<span>Gender</span>
+<p>{{{gender}}}</p>
+</div>
+}}<!--
+Pronouns
+-->{{#if:{{{pronouns|}}}|
+<div class="infobox-info">
+<span>Pronouns</span>
+<p>{{{pronouns}}}</p>
+</div>
+}}<!--
+Socials
+-->{{#if:{{{twitter|}}}{{{website|}}}|
+<span class="infobox-header">Links</span>
+<div style="display:flex; gap:5px; justify-content:space-around;">
+{{#if:{{{twitter|}}}| <div>[{{{twitter}}} Twitter]</div> }}
+{{#if:{{{website|}}}| <div>[{{{website}}} Website]</div> }}
+</div>
+}}<!--
+--></div><!--
+--></div>
+</includeonly>
+<noinclude>
 {{Infobox/Member
-|username = Example: Saku
+|username = Saku
 |userId = 255673616342056961
 |imageFile = Guardian-logo.png
@@ Line 54: / Line 89: @@
 |gender = Male
 |pronouns = he/him
+|website = https://saku.zone
+|twitter = https://twitter.com/SakuKawaa
 }}
 <templatedata>
@@ Line 75: / Line 112: @@
 			"description": "Discord user ID, used to fetch avatar (if this doesn't work, @Saku)",
 			"example": "255673616342056961",
-			"type": "string",
+			"type": "string"
-			"required": true
 		},
 		"joinyear": {
@@ Line 85: / Line 121: @@
 			"description": "The year this member joined the server",
 			"example": "2016",
-			"type": "string",
+			"type": "string"
-			"required": true
 		},
 		"role": {
@@ Line 95: / Line 130: @@
 			"description": "The member's main role in the server (eg. staff / member)",
 			"example": "Member",
-			"type": "string",
+			"type": "string"
-			"required": true
 		},
 		"location": {
@@ Line 105: / Line 139: @@
 			"description": "Member's rough location (don't dox!!)",
 			"example": "London, GB",
-			"type": "string",
+			"type": "string"
-			"required": true
 		},
 		"dob": {
@@ Line 115: / Line 148: @@
 			"description": "The member's date of birth (can also be N/A)",
 			"example": "01/01/2000",
-			"type": "string",
+			"type": "string"
-			"required": true
 		},
 		"gender": {
@@ Line 125: / Line 157: @@
 			"description": "The member's gender (can also be N/A)",
 			"example": "Male",
-			"type": "string",
+			"type": "string"
-			"required": true
 		},
 		"pronouns": {
@@ Line 135: / Line 166: @@
 			"description": "The member's main pronouns (can also be N/A)",
 			"example": "he/him",
-			"type": "string",
+			"type": "string"
-			"required": true
+		},
+		"imageFile": {
+			"aliases": [
+				"Profile Image"
+			],
+			"label": "Profile Image",
+			"description": "File name of an image uploaded to wiki to be used as profile picture",
+			"example": "Guardian-logo.png",
+			"type": "wiki-file-name"
+		},
+		"twitter": {
+			"aliases": [
+				"Twitter URL"
+			],
+			"label": "Twitter URL",
+			"description": "Link to Twitter profile",
+			"example": "https://twitter.com/SakuKawaa",
+			"type": "url"
+		},
+		"website": {
+			"aliases": [
+				"Website URL"
+			],
+			"label": "Website URL",
+			"description": "Link to a website",
+			"example": "https://saku.zone/",
+			"type": "url"
 		}
 	},
-	"description": "Infobox for a server member"
+	"description": "Infobox for a server member",
+	"paramOrder": [
+		"username",
+		"userId",
+		"imageFile",
+		"joinyear",
+		"role",
+		"location",
+		"dob",
+		"gender",
+		"pronouns",
+		"twitter",
+		"website"
+	]
 }
 </templatedata>
 </noinclude>