Template:Note: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 02:09, 5 August 2024

Example Text

Examples

This is a information.

{{Note|This is a information.|information}}

This is a suggestion.

{{Note|This is a suggestion.|suggestion}}

This is a warning.

{{Note|This is a warning.|warning}}

This is really dangerous!

{{Note|This is really dangerous!|danger}}

Guidance

When using these we recommend following this guidance:

Avoid overuse
- With each one added to a page they lose their meaning.
- Generally stick to 1-3 per page if possible.
Keep it to 1-2 sentences
- Any longer and you should be writing a paragraph instead.

@@ Line 1: / Line 1: @@
-<onlyinclude>{{Template:Container
+<onlyinclude>{{Container
    |{{{1|Example Text}}}
    |{{#switch:{{{2|}}}
-     |information=#61d1fa40 /* Hero Cyan */
+     |information=--color-information-bg
-     |suggestion=#59eb5c40 /* Hero Green */
+     |suggestion=--color-suggestion-bg
-     |warning=#e69e5040 /* Hero Orange */
+     |warning=--color-warning-bg
-     |danger=#ff767640 /* Hero Red */
+     |danger=--color-danger-bg
-     |=#61d1fa40 /* Hero Cyan */}}
+     |=--color-information-bg}}
    |{{#switch:{{{2|}}}
-     |information=<svg style="flex-shrink: 0; height:40px; witdh:40px; transform: rotate(180deg); fill: #61d1fa" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><circle cx="64" cy="112.28" r="13.8"/><rect x="50.2" y="1.92" width="27.59" height="85.53" rx="13.8" ry="13.8"/></svg>
+     |information=[[File:InformationIcon.svg|40px|link=]]
-     |suggestion=<svg style="flex-shrink: 0; height: 40px; width: 40px; fill: #59eb5c" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><circle cx="63.56" cy="112.22" r="13.8"/><path d="m98.03,36.45c0,4.64-.92,9.16-2.72,13.42-1.74,4.11-4.22,7.79-7.38,10.95-3.06,3.06-6.62,5.49-10.57,7.21v5.36c0,7.58-6.03,13.9-13.61,14-7.7.1-13.98-6.11-13.98-13.79v-16.45c0-6.79,4.9-12.43,11.36-13.58,0,0,0,0,0,0,.75-.13,1.51-.21,2.3-.21,3.81-.04,7-3.03,7.03-6.84s-3.07-6.96-6.9-6.96c-2.55,0-4.77,1.38-5.97,3.44s-3.51,3.46-5.98,3.46h-14.74c-4.52,0-7.81-4.27-6.68-8.64.42-1.62.96-3.22,1.62-4.78,1.74-4.11,4.22-7.79,7.38-10.95,3.16-3.15,6.84-5.64,10.95-7.37,3.51-1.49,7.2-2.37,10.98-2.63,0,0,0,0,0,0,.81-.06,1.62-.08,2.43-.08s1.63.03,2.43.08c0,0,0,0,0,0,3.78.26,7.47,1.14,10.98,2.63,4.11,1.74,7.79,4.22,10.95,7.37,3.16,3.16,5.64,6.84,7.38,10.95,1.8,4.27,2.72,8.78,2.72,13.42Z"/></svg>
+     |suggestion= [[File:SuggestionIcon.svg|40px|link=]]
-     |warning=<svg style="flex-shrink: 0; height:40px; witdh:40px; fill: #e69e50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><circle cx="64" cy="112.28" r="13.8"/><rect x="50.2" y="1.92" width="27.59" height="85.53" rx="13.8" ry="13.8"/></svg>
+     |warning=    [[File:WarningIcon.svg|40px|link=]]
-     |danger=<svg style="flex-shrink: 0; height:40px; witdh:40px; fill: #ff7676" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><circle cx="64" cy="112.28" r="13.8"/><rect x="50.2" y="1.92" width="27.59" height="85.53" rx="13.8" ry="13.8"/></svg>
+     |danger=     [[File:DangerIcon.svg|40px|link=]]
      |=}}}}</onlyinclude>
 == Examples ==
-{{Template:Note|This is a information.|information}}
+{{Note|This is a information.|information}}
-{{Template:Note|This is a suggestion.|suggestion}}
+<code><nowiki>{{Note|This is a information.|information}}</nowiki></code>
-{{Template:Note|This is a warning.|warning}}
+{{Note|This is a suggestion.|suggestion}}
-{{Template:Note|This is really dangerous!|danger}}
+<code><nowiki>{{Note|This is a suggestion.|suggestion}}</nowiki></code>
+{{Note|This is a warning.|warning}}
+<code><nowiki>{{Note|This is a warning.|warning}}</nowiki></code>
+{{Note|This is really dangerous!|danger}}
+<code><nowiki>{{Note|This is really dangerous!|danger}}</nowiki></code>
+== Guidance ==
+When using these we recommend following this guidance:
+* Avoid overuse
+** With each one added to a page they lose their meaning.
+** Generally stick to 1-3 per page if possible.
+* Keep it to 1-2 sentences
+** Any longer and you should be writing a paragraph instead.