Revision as of 20:02, 8 October 2024

Overview

Outputs an icon in svg and a link to the given page with an optional alternate display name.

Output should be:
<icon> <pagename>

Both icon and page name should be hyperlinked to first parameter as the pagename
Icon should be
```
[[File:<pagename>.svg]]
```
if the svg file exists, otherwise the .png.
The .svg should be both light and dark theme compatible
The .png should be default theme compatible (light)

(not yet working) Lash

Below is a fake example. Ideally, the template is called like:

{{PageRef|Lash|alt=Jacob}}

In wikitext it would look be outputted as:

[[File:Lash.svg|class=dark_or_light|link=Lash|size=15]] [[Lash|Jacob]]

Which would appear in visual as

Template that outputs an icon in svg and a link to the given page with an optional alternate display name.

Template parameters
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Name	`name`	The name of the page to link to, also used to determine the icon. Example Lash	String	required
Alternate Name	`alt`	An optional display name to show instead of the page name in the link. Example Jacob	String	optional
Size	`size`	Size of the icon link, defaulted to 15px Example 50	Number	optional

@@ Line 1: / Line 1: @@
-Example
+=Overview=
+Outputs an icon in svg and a link to the given page with an optional alternate display name.
+Output should be:<br>
+<icon> <pagename>
+* Both icon and page name should be hyperlinked to first parameter as the pagename
+* Icon should be <pre style="width: fit-content>[[File:<pagename>.svg]]</pre> if the svg file exists, otherwise the .png.
+* The .svg should be both light and dark theme compatible
+* The .png should be default theme compatible (light)
+=Examples=
+(not yet working)
 {{PageRef|Lash}}
@@ Line 12: / Line 23: @@
 {{PageRef|The Curiosity Shop|alt=Shop|size=100}}
+Below is a fake example. Ideally, the template is called like:
+<pre style="width: fit-content">{{PageRef|Lash|alt=Jacob}}</pre>
+In wikitext it would look be outputted as:
+<pre style="width: fit-content">[[File:Lash.svg|class=dark_or_light|link=Lash|size=15]] [[Lash|Jacob]]</pre>
+Which would appear in visual as
+{{HeroIcon|Lash|Jacob}}
 <templatedata>