Template:Note: Difference between revisions

Template page
Replaced example potatos with inline svg graphics from the press kit.
No edit summary
 
(11 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<onlyinclude>{{User:JackTheFoxOtter/Template:Container
<onlyinclude>{{Container
   |{{{1|Example Text}}}
   |{{{1|Example Text}}}
   |{{#switch:{{{2|}}}
   |{{#switch:{{{2|}}}
     |information=rgba(96.9, 209.1, 249.9, 0.25) /* Hero Cyan */
     |information=--color-information-bg
     |suggestion=rgba(89.25, 234.6, 91.8, 0.25) /* Hero Green */
     |suggestion=--color-suggestion-bg
     |warning=rgba(247.35, 247.35, 112.2, 0.25) /* Hero Yellow */
     |warning=--color-warning-bg
     |danger=rgba(255, 114.75, 114.75, 0.25) /* Hero Red */
     |danger=--color-danger-bg
     |=rgba(96.9, 209.1, 249.9, 0.25) /* Hero Cyan */}}
     |=--color-information-bg}}
   |{{#switch:{{{2|}}}
   |{{#switch:{{{2|}}}
     |information=<svg style="height:40px; witdh:40px; transform: rotate(180deg); fill: rgba(96.9, 209.1, 249.9, 1)" 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="height: 40px; width: 40px; fill: rgba(89.25, 234.6, 91.8, 1)" 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="height:40px; witdh:40px; fill: rgba(247.35, 247.35, 112.2, 1)" 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="height:40px; witdh:40px; fill: rgba(255, 114.75, 114.75, 1)" 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>
     |=}}}}</onlyinclude>


== Examples ==
== Examples ==
{{User:JackTheFoxOtter/Template:Note|This is a information.|information}}
{{Note|This is a information.|information}}
{{User:JackTheFoxOtter/Template:Note|This is a suggestion.|suggestion}}
<code><nowiki>{{Note|This is a information.|information}}</nowiki></code>
{{User:JackTheFoxOtter/Template:Note|This is a warning.|warning}}
{{Note|This is a suggestion.|suggestion}}
{{User:JackTheFoxOtter/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.

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.