View source for User:Levi OP/Discord Profile/doc

{{Documentation subpage}}
{{User:Levi_OP/DT}}
A template to put on your userpage that recreates the look of a [[Discord (software)|Discord]] profile.

If you have any issues, questions, or things you think could be improved, please let me know. 
== Usage ==
<syntaxhighlight lang="html" style="overflow:auto; line-height:1.2em;">
{{User:Levi_OP/Discord Profile
| float            = <!-- The "float" of the entire template; Determines on what side of the page the template will stick to. Either "left" or "right" -->
| width            = <!-- Width of the template. Default is 300px, which is how it appears in Discord. Use "slim" to make it as wide as the userboxes, and any css size for a custom pixel width (e.g. 400px) -->
| style            = <!-- Any extra css you would like to add to the outermost div of the template. You could use this to make it fix itself in tricky situations, or other custom styling -->
| text-style       = <!-- Same as style but is applied to all text in the template (excluding text from transcluded templates like userboxes). Any individual styling below (name-style, bio-style) should override this styling -->
| template-link    = <!-- Set to "false" to disable the little view template link that links to this page -->
| background-image = <!-- An image to be set as the background for the header. (just file name, without wikilink or "File:") -->
| background-param = <!-- Image parameters for the background image. Most likely would be setting the size of the image (e.g. 400px). Defaults to match width -->
| background       = <!-- Background of the top header part. Must be a css color -->
| image            = <!-- The name of the image you'd like as your profile picture (just file name, without wikilink or "File:") -->
| image-param      = <!-- Image parameters for the profile picture. Same as background-param. Defaults to 80px. -->
| image-background = <!-- Optional background color if your image is transparent, or if you'd just like a color instead of an image -->
| name             = <!-- Username that will appear on the profile -->
| name-style       = <!-- Extra css styling for the name -->
| discrim          = <!-- The discriminator (commonly referred to as "tag") which will come after your username. Must include # (e.g. "#1234") -->
| discrim-style    = <!-- Extra css styling for the discriminator -->
| status           = <!-- Status that will appear on the profile -->
| status-style     = <!-- Extra css styling for the status -->
| header-style     = <!-- Extra css styling for the section headings ("ABOUT ME", "USERBOXES", etc.) -->
| bio              = <!-- Tex in the "About me" section of the profile -->
| bio-style        = <!-- Extra css styling for the bio text -->
| link-style       = <!-- Allows styling for all links in the bio. By default, all links are made a lighter color so that they are easier to read on the default background color, but you could want to change this if you are changing the background color yourself. -->
| height           = <!-- Height in any css unit of the userboxes section. Use "unset" to make the height adaptive to however many userboxes you have. Defaults to 270px -->
| sec-style        = <!-- Extra css styling for text in the custom sec tag titles -->
| ubx              = <!-- List of userboxes. Can be separated by new line, or not. Can also use custom tag "<sec/>" for sections. See below... -->
| babel-height     = <!-- Height of the babel section (any css unit). Unset by default, which will display them all. If set, overflow will scroll. -->
| babel            = <!-- For babel templates. Same as userboxes, but with no support for sec tag. -->
}}
</syntaxhighlight>
Technically all of the above are optional, as you can see above, but the ones listed as not optional make it look presentable. 

=== Custom <sec/> tag ===
There is also support for a custom tag that will allow you create custom titled sections in between userboxes. For example:
<syntaxhighlight lang="html" style="overflow:auto; line-height:1.2em;">
| ubx = 
{{User Wikipedian for|year=2017|month=06|day=29|sc=y}}
{{User:UBX/huggle}}
<sec>WikiProjects</sec>
{{User WikiProject Redirect}}
</syntaxhighlight>
Take a look at [[#Using no background, a custom height, and the <sec/> tag|this]] example to see it in action.

== Examples ==
<div style="display: flow-root;">
=== Example from first original at [[User:Tunakanski|Tunakanski]]'s userpage ===
{{User:Levi_OP/Discord Profile
| float            = right
| background       = rgb(50, 46, 43)
| background-image = Alps of Switzerland DSC 1990-6 (14683962293).jpg
| image-background = #f6cf3d
| image            = Flag of Switzerland.svg
| name             = Tuna
| discrim          = #8156
| status           = Playing '''Titanfall<sup>®</sup> 3'''
| bio              = Born of God and Void
| height           = 265px
| ubx              =
{{User:bornfury/Radiohead}}
{{User:AlexTheMartian/Userboxes/MGMT}}
{{User:UBX/darksideofthemoon}}
{{User:Tunakanski/UBX/Weezer}}
{{User:Tunakanski/Userboxes/Beach_House}}
{{User interest Switzerland}}
{{User interest Bosnia and Herzegovina}}
{{Template:User from Kansas}}
{{User:JDuggan101/UB/capitalism}}
{{User:WBPchur/UB/Social Democracy}}
{{User:Blaze The Wolf/Userboxes/Opera GX}}
{{User:Slightlymad/LeagueofLegends}}
{{User Good Articles|2}}
{{User wikipedia/Abuse log}}
{{User en}}
{{User:Levi_OP/UBX/Knows User(s) IRL|Levi_OP|Taltos}}
}}
<syntaxhighlight lang="html" style="overflow:auto; line-height:1.2em;">
{{User:Levi_OP/Discord Profile
| float            = right
| background       = rgb(50, 46, 43)
| background-image = Alps of Switzerland DSC 1990-6 (14683962293).jpg
| image-background = #f6cf3d
| image            = Flag of Switzerland.svg
| name             = Tuna
| discrim          = #8156
| status           = Playing '''Titanfall<sup>®</sup> 3'''
| bio              = Born of God and Void
| height           = 265px
| ubx              =
{{User:bornfury/Radiohead}}
{{User:AlexTheMartian/Userboxes/MGMT}}
{{User:UBX/darksideofthemoon}}
{{User:Tunakanski/UBX/Weezer}}
{{User:Tunakanski/Userboxes/Beach_House}}
{{User interest Switzerland}}
{{User interest Bosnia and Herzegovina}}
{{Template:User from Kansas}}
{{User:JDuggan101/UB/capitalism}}
{{User:WBPchur/UB/Social Democracy}}
{{User:Blaze The Wolf/Userboxes/Opera GX}}
{{User:Slightlymad/LeagueofLegends}}
{{User Good Articles|2}}
{{User wikipedia/Abuse log}}
{{User en}}
{{User:Levi_OP/UBX/Knows User(s) IRL|Levi_OP|Taltos}}
}}
</syntaxhighlight>
</div>
<div style="display: flow-root;">
=== Example not using userboxes, and a custom width. (Based off of [[User:Taltos]]) ===
{{User:Levi_OP/Discord Profile
| background = rgb(34, 39, 56)
| image      = TaltosPFP.png
| name       = Taltos
| bio        = Some information about myself. Maybe this is a direct copy of what I have on my discord. Who knows..... Now for some filler text. This is filler text. You are reading filler text that I am using to fill up the space to show how this example works. 
| width      = 400px
| float      = right
}}
<syntaxhighlight lang="html" style="overflow:auto; line-height:1.2em;">
{{User:Levi_OP/Discord Profile
| background = rgb(34, 39, 56)
| image      = TaltosPFP.png
| name       = Taltos
| bio        = Some information about myself. Maybe this is a direct copy of what I have on my discord. Who knows..... Now for some filler text. This is filler text. You are reading filler text that I am using to fill up the space to show how this example works. 
| width      = 400px
}}
</syntaxhighlight>
</div>
<div style="display: flow-root;">
=== Using "width=slim" with no profile picture ===
{{User:Levi_OP/Discord Profile
| background = rgb(164, 160, 153)
| name       = Levi_OP
| discrim    = #1277
| bio        = My about me section.
| width      = slim
| ubx        =
{{User Wikipedian for|year=2017|month=06|day=29|sc=y}}
{{User wikipedia/Abuse log}}
{{User:UBX/RedWarn yeehaw}}
{{User:Levi OP/UBX/Knows User(s) IRL|Taltos|Tunakanski}}
{{User COVID-19 vaccine}}	
{{User:Asmodea Oaktree/Userboxes/Wikitext}}
{{User Github}}	
{{User Stack Overflow}}	
{{User:Levi_OP/UBX/Discord|Levi_OP#1277}}	
| float      = right
}}
<syntaxhighlight lang="html" style="overflow:auto; line-height:1.2em;">
{{User:Levi_OP/Discord Profile
| background = rgb(164, 160, 153)
| name       = Levi_OP
| discrim    = #2477
| bio        = My about me section.
| width      = slim
| ubx        =
{{User Wikipedian for|year=2017|month=06|day=29|sc=y}}
{{User wikipedia/Abuse log}}
{{User:UBX/RedWarn yeehaw}}
{{User:Levi OP/UBX/Knows User(s) IRL|Taltos|Tunakanski}}
{{User COVID-19 vaccine}}	
{{User:Asmodea Oaktree/Userboxes/Wikitext}}
{{User Github}}	
{{User Stack Overflow}}	
{{User:Levi_OP/UBX/Discord|Levi_OP#1277}}	
| float      = right
}}
</syntaxhighlight>
</div>
<div style="display: flow-root;">

=== Using no background, a custom height, and the <sec/> tag ===
{{User:Levi_OP/Discord Profile
| name   = Levi
| status = Editing Wikipedia!
| bio    = Some info...
| height = 150px
| ubx    =
{{User Wikipedian for|year=2017|month=06|day=29|sc=y}}
{{User:UBX/huggle}}
{{User:UBX/RedWarn yeehaw}}
<sec>WikiProjects</sec>
{{User WikiProject Redirect}}
{{user CVU1-en}}
{{User WikiProject Spam}}
| float  = right
}}
<syntaxhighlight lang="html" style="overflow:auto; line-height:1.2em;">
{{User:Levi_OP/Discord Profile
| name   = Levi
| status = Editing Wikipedia!
| bio    = Some info...
| height = 150
| ubx    =
{{User Wikipedian for|year=2017|month=06|day=29|sc=y}}
{{User:UBX/huggle}}
<sec>WikiProjects</sec>
{{User WikiProject Redirect}}
{{user CVU1-en}}
{{User WikiProject Spam}}
}}
</syntaxhighlight>
</div>

== TemplateData ==
{{TemplateData header}}
<templatedata>{
	"description": "Template recreating the look of a Discord profile.",
	"params": {
		"background": {
			"label": "Header Background",
			"description": "CSS background color of the header",
			"example": "#FFEE00",
			"suggested": true
		},
		"image": {
			"label": "Profile Picture Image",
			"description": "The name of the file that you would like to display as the profile picture",
			"example": "Example.png",
			"type": "wiki-file-name",
			"suggested": true
		},
		"image-background": {
			"label": "Image Background Color",
			"description": "The color behind the image. Displayed while the image is loading for slow internet connection, or if there is no image at all. ",
			"example": "#00FF00"
		},
		"name": {
			"label": "Username",
			"description": "Username that will be displayed on the profile. Does not include the tag.",
			"example": "ExampleUser",
			"suggested": true
		},
		"discrim": {
			"label": "Discriminator (\"Tag\")",
			"description": "The discriminator (also known as \"tag\") of the user, to be displayed after the name.",
			"example": "#1234",
			"suggested": true
		},
		"status": {
			"label": "Status",
			"description": "Status to be displayed on the profile",
			"example": "My user status",
			"suggested": true
		},
		"bio": {
			"label": "About Me",
			"description": "Text to be displayed in the \"About Me\" section.",
			"example": "My about me info",
			"suggested": true
		},
		"ubx": {
			"label": "Userboxes",
			"description": "List of userboxes.",
			"example": "{{Userbox1}}{{Userbox2}}{{Userbox3}}...",
			"suggested": true
		},
		"float": {
			"label": "Float",
			"description": "The side that the template will be on",
			"example": "right"
		},
		"style": {
			"label": "Extra Styling",
			"description": "Extra CSS to make the template work the way you want on yoru userpage.",
			"example": "position: absolute; top: 15px;"
		}
	}
}</templatedata>

<includeonly>{{sandbox other||
<!-- Categories below this line -->

}}</includeonly>