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>
+--><div style="display:flex; justify-content:center;"><span class="infobox-header" style="text-align:center; margin-bottom:5px;">{{{username}}}</span></div><!--
-    {{#if:{{{userId|}}}
-        | <tr><th colspan="2" style="padding:0px;">https://api.saku.dev/spin-dash/avatar/{{{userId}}}.png</th></tr>
+--><div class="infobox-main"><!--
-    }}
+Discord avatar
-    {{#if:{{{imageFile|}}}
+-->{{#if:{{{userId|}}}| https://api.saku.dev/spin-dash/avatar/{{{userId}}}.png}}<!--
-        | <tr><th colspan="2" style="padding:0px;">[[File:{{{imageFile}}}|256px]]</th></tr>
-    }}
+Uploaded image
-    {{#if:{{{joinyear|}}}{{{role|}}}
+-->{{#if:{{{imageFile|}}}| [[File:{{{imageFile}}}|300px]]}}<!--
-        | <tr><th colspan="2" style="text-align: center; background-color:#95cafe;">Server information</th></tr>
-    }}
+Server Information
-    {{#if:{{{joinyear|}}}
+-->{{#if:{{{joinyear|}}}{{{role|}}}| <span class="infobox-header">Server Information</span> }}<!--
-        | <tr><td><b>Joined</b></td><td>{{{joinyear}}}</td></tr>
-    }}
+Join Year
-    {{#if:{{{role|}}}
+-->{{#if:{{{joinyear|}}}|
-        | <tr><td><b>Role</b></td><td>{{{role}}}</td></tr>
+<div class="infobox-info">
-    }}
+<span>Joined</span>
-    {{#if:{{{location|}}}{{{dob|}}}{{{gender|}}}{{{pronouns|}}}
+<p>{{{joinyear}}}</p>
-        | <tr><th colspan="2" style="text-align: center; background-color:#95cafe;">Personal information</th></tr>
+</div>
-    }}
+}}<!--
-    {{#if:{{{location|}}}
-        | <tr><td><b>Location</b></td><td>{{{location}}}</td></tr>
+role
-    }}
+-->{{#if:{{{role|}}}|
-    {{#if:{{{dob|}}}
+<div class="infobox-info">
-        | <tr><td><b>Date of Birth</b></td><td>{{{dob}}}</td></tr>
+<span>Role</span>
-    }}
+<p>{{{role}}}</p>
-    {{#if:{{{gender|}}}
+</div>
-        | <tr><td><b>Gender</b></td><td>{{{gender}}}</td></tr>
+}}<!--
-    }}
-    {{#if:{{{pronouns|}}}
+Personal info
-        | <tr><td><b>Pronouns</b></td><td>{{{pronouns}}}</td></tr>
+-->{{#if:{{{location|}}}{{{dob|}}}{{{gender|}}}{{{pronouns|}}}| <span class="infobox-header">Personal Information</span> }}<!--
-    }}
-</table></includeonly><noinclude>
+Location
+-->{{#if:{{{location|}}}|
+<div class="infobox-info">
+<span>Location</span>
+<p>{{{location}}}</p>
+</div>
+}}<!--
+Date of birth
+-->{{#if:{{{dob|}}}|
+<div class="infobox-info">
+<span>Date of Birth</span>
+<p>{{{dob}}}</p>
+</div>
+}}<!--
+Gender
+-->{{#if:{{{gender|}}}|
+<div class="infobox-info">
+<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 44: / Line 89: @@
 |gender = Male
 |pronouns = he/him
+|website = https://saku.zone
+|twitter = https://twitter.com/SakuKawaa
 }}
 <templatedata>
@@ Line 129: / Line 176: @@
 			"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"
 		}
 	},
@@ Line 141: / Line 206: @@
 		"dob",
 		"gender",
-		"pronouns"
+		"pronouns",
+		"twitter",
+		"website"
 	]
 }
 </templatedata>
 </noinclude>