More actions
Add link. |
Add flex box code. |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 36: | Line 36: | ||
== Citizen | == Citizen skin == | ||
Bates' message about design-tokens [[https://discord.com/channels/301496390066896896/706641916460007434/1371844304263315558 Discord]] | * [[MediaWiki:Citizen-footer-desc]] | ||
* [[MediaWiki:Citizen-footer-tagline]] | |||
Design-tokens notes: | |||
<div style="display : flex; flex-wrap: wrap; gap: 1.5em;"> | |||
<div style="background-color: var(--background-color-warning-subtle);"> | |||
--background-color-warning-subtle | |||
Mainly to emphasize table headers | |||
</div> | |||
<div style="background-color: var(--background-color-base); max-width: 15em;"> | |||
--background-color-base | |||
Use to return to base color when parent element has another color. | |||
</div> | |||
<div style="background-color: var(--background-color-neutral);"> | |||
--background-color-neutral | |||
</div> | |||
<div style="background-color: var(--background-color-destructive-subtle);"> | |||
--background-color-destructive-subtle | |||
</div> | |||
<div style="background-color: var(--background-color-error);"> | |||
--background-color-error | |||
</div> | |||
</div> | |||
<div style="display : flex; flex-wrap: wrap; gap: 1.5em;"> | |||
<div style="color: var(--color-error);"> | |||
--color-error | |||
</div> | |||
<div style="color: var(--color-warning);"> | |||
--color-warning | |||
</div> | |||
<div style="color: var(--color-content-added);"> | |||
--color-content-added | |||
</div> | |||
<div style="background-color: var(--background-color-neutral);color: var(--color-inverted-fixed);"> | |||
--color-inverted-fixed | |||
</div> | |||
<div style="color: var(--color-base);"> | |||
--color-base | |||
</div> | |||
</div> | |||
<div style="display : flex; flex-wrap: wrap; gap: 1.5em;"> | |||
<div style="font-size: var(--font-size-small);"> | |||
--font-size-small | |||
</div> | |||
<div style="font-size: var(--font-size-medium);"> | |||
--font-size-medium | |||
</div> | |||
<div style="color: var(--font-size-large);"> | |||
--font-size-large | |||
</div> | |||
</div> | |||
[[User:Bates Larsson|Bates]]' message about design-tokens [[https://discord.com/channels/301496390066896896/706641916460007434/1371844304263315558 Discord]] | |||
Elmara Olth-Semah link to codex [https://discord.com/channels/301496390066896896/706641916460007434/1372274609335832687 Discord] (design-tokens). Direct [https://doc.wikimedia.org/codex/latest/design-tokens/color.html codex] | Elmara Olth-Semah link to codex [https://discord.com/channels/301496390066896896/706641916460007434/1372274609335832687 Discord] (design-tokens). Direct [https://doc.wikimedia.org/codex/latest/design-tokens/color.html codex] | ||
== Flex box == | |||
<pre> | |||
<div style="display : flex; flex-wrap: wrap; gap: 1.5em;"> | |||
<div> </div> | |||
<div> </div> | |||
</div> | |||
</pre> | |||
== Wiki mark-up == | == Wiki mark-up == | ||
| Line 83: | Line 149: | ||
:; Page name and Anchor : Using a Page name and an Anchor gets to a specific location within a page. | :; Page name and Anchor : Using a Page name and an Anchor gets to a specific location within a page. | ||
:: Using an Anchor only, leads to a specific location within the page. | :: Using an Anchor only, leads to a specific location within the page. | ||
<code><nowiki>[[combat | <code><nowiki>[[combat site#Expeditions]]</nowiki></code> gives [[combat site#Expeditions]]<br> | ||
The existence of the page is still checked, but the existence of the anchor is not.<br> | The existence of the page is still checked, but the existence of the anchor is not.<br> | ||
Note: If a non existing anchor is used the link goes to the top of the page.<br> | Note: If a non existing anchor is used the link goes to the top of the page.<br> | ||
<code><nowiki>[[combat | <code><nowiki>[[combat site#no exist]]</nowiki></code> gives [[combat site#no exist]], leading to the top of the combat site page | ||
<code><nowiki>[[#Signatures]]</nowiki></code> gives [[#Signatures]] leading to the Signatures heading on this page. | <code><nowiki>[[#Signatures]]</nowiki></code> gives [[#Signatures]] leading to the Signatures heading on this page. | ||
| Line 96: | Line 162: | ||
The use of label is particularly useful when namespaces or anchors are used. To increase readability.<br> | The use of label is particularly useful when namespaces or anchors are used. To increase readability.<br> | ||
<code><nowiki>[[User:Evon R'al|Evon R'al]]</nowiki>'s user page</code> gives [[User:Evon R'al|Evon R'al]]'s user page<br> | <code><nowiki>[[User:Evon R'al|Evon R'al]]</nowiki>'s user page</code> gives [[User:Evon R'al|Evon R'al]]'s user page<br> | ||
<code>A link to <nowiki>[[combat | <code>A link to <nowiki>[[combat site#Expeditions|Expeditions]]</nowiki></code> gives "A link to [[combat site#Expeditions|Expeditions]]". | ||
{{Note|While not particularly useful the link end trick will work.}} | {{Note|While not particularly useful the link end trick will work.}} | ||
| Line 159: | Line 225: | ||
=== Formula presentation === | === Formula presentation === | ||
UniWiki uses the extension [[:Mediawikiwiki:Extension:SimpleMathJax|SimpleMathJax]] for the presentation of formulas. The formula to be presented needs to be encased with the tags <nowiki><math></nowiki> and <nowiki></math></nowiki>. <math>\ | UniWiki uses the extension <s>[[:Mediawikiwiki:Extension:SimpleMathJax|SimpleMathJax]]</s> [[:Mediawikiwiki:Extension:Math|Math]] for the presentation of formulas. The formula to be presented needs to be encased with the tags <nowiki><math></nowiki> and <nowiki></math></nowiki>. <math>\tex</math> or <math>\LaTeX</math> markup can be used. Errors will be marked as <math>\sqrt</math> | ||
To display a formula the following markup can be used: | To display a formula the following markup can be used: | ||
| Line 176: | Line 242: | ||
| \displaystyle \frac{a}{b} || <math> \displaystyle \frac {a} {b} </math> || division/fraction | | \displaystyle \frac{a}{b} || <math> \displaystyle \frac {a} {b} </math> || division/fraction | ||
|- | |- | ||
| \sqrt {X} || <math> \sqrt {X} </math> || square root | | \sqrt {X} || <math>\displaystyle \sqrt {X} </math> || square root | ||
|- | |- | ||
| \ | | \sqrt [n] {X} || <math> \sqrt [n] {X} </math> || root | ||
|- | |- | ||
| a + b || <math> a + b </math> || addition | | a + b || <math> a + b </math> || addition | ||
| Line 216: | Line 282: | ||
| ( \frac {a} {b} ) || <math> ( \frac {a} {b} ) </math> || See ( hight difference with previous | | ( \frac {a} {b} ) || <math> ( \frac {a} {b} ) </math> || See ( hight difference with previous | ||
|- | |- | ||
| a \ | | a \n b \\ c || <math> a \\ b \\ c </math> || newline within a <nowiki><math></nowiki> block | ||
|- | |- | ||
| \ begin{align}<br> | | \ begin{align}<br> | ||