More actions
m →Formula presentation: Add newline and align. |
Add flex box code. |
||
| (17 intermediate revisions by the same user not shown) | |||
| Line 35: | Line 35: | ||
*** {{T|GetSkillPrice}} [[Image:Tick.png|link=]] | *** {{T|GetSkillPrice}} [[Image:Tick.png|link=]] | ||
== Citizen skin == | |||
* [[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] | |||
== 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 == | ||
=== Linking === | === Linking === | ||
See also: [[mediawikiwiki:Help:Links]] | See also: [[mediawikiwiki:Help:Links]] | ||
Links are case sensitive, with the exception of the first character. | |||
==== Space or underscore ==== | |||
The wiki software automatically changes spaces to underscores (_), in the resulting html link, in internal and inter wiki links. So <nowiki>[[Relic_and_data_sites]]</nowiki> ([[Relic_and_data_sites]]) and <nowiki>[[Relic and data sites]]</nowiki> ([[Relic and data sites]]) are equivalent. Eliminating the need to change the underscore version into a piped link for nice readability, providing a "cleaner" source. The use of spaces is preferred. | |||
==== Link end trick ==== | |||
{{Note box|'''Link end "trick"''' (Word-ending links) | |||
Putting text directly connecting to the closing ]] results in that text being added to the displayed text.<br> | |||
<code><nowiki>[[Venture]]s</nowiki></code> results in [[Venture]]s while the link still goes to Venture.<br> | |||
<code><nowiki>[[Venture]]abunchofletters</nowiki></code> results in [[Venture]]abunchofletters while the link still goes to Venture. | |||
For more details see: [[mediawikiwiki:Help:Links]] | |||
|italics= no}} | |||
==== Piped link ==== | ==== Piped link ==== | ||
A piped link is an internal or [[#interwiki link|interwiki]] link where the link target and link label are both specified. Piped links should be used sparingly, if a wiki redirect is available it should be used instead. | A piped link is an internal or [[#interwiki link|interwiki]] link where the link target and link label are both specified. Piped links should be used sparingly, if a wiki redirect is available it should be used instead. | ||
==== Internal link ==== | |||
Internal (and intrawiki) links check the existence of the target page. If the page doesn't exist, is misspelled or the case is incorrect the link turns [[red link|red]]. | |||
==== Internal link==== | |||
Internal ( | |||
'''Syntax:''' <code><nowiki>[[<namespace>:<page name>#<anchor>|<label>]]</nowiki></code> | '''Syntax:''' <code><nowiki>[[<namespace>:<page name>#<anchor>|<label>]]</nowiki></code> | ||
| Line 59: | Line 142: | ||
<code><nowiki>[[Venture]]</nowiki></code> results in [[Venture]]<br> | <code><nowiki>[[Venture]]</nowiki></code> results in [[Venture]]<br> | ||
As the first letter is not case sensitive <code><nowiki>[[venture]]</nowiki></code> also results in a valid link [[venture]] | As the first letter is not case sensitive <code><nowiki>[[venture]]</nowiki></code> also results in a valid link [[venture]] | ||
:; Namespace and Page name : To go to a page outside the main namespace the namespace needs to be added to the link | :; Namespace and Page name : To go to a page outside the main namespace the namespace needs to be added to the link | ||
| Line 74: | 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 87: | 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 123: | Line 198: | ||
* [https://wiki.eveuniversity.org/api.php?action=query&meta=siteinfo&siprop=namespaces&format=xml List of namespaces (In raw XML)] | * [https://wiki.eveuniversity.org/api.php?action=query&meta=siteinfo&siprop=namespaces&format=xml List of namespaces (In raw XML)] | ||
==== Interwiki link==== | ==== Interwiki link ==== | ||
Interwiki links are internal-style links to other websites using an "interwiki prefix". For a list of valid interwiki prefixes see [[Special:interwiki]]. | Interwiki links are internal-style links to other websites using an "interwiki prefix". For a list of valid interwiki prefixes see [[Special:interwiki]]. | ||
Interwiki links are made by using the interwiki prefix as the first parameter in an internal link. | Interwiki links are made by using the interwiki prefix as the first parameter in an internal link. | ||
A | A interwiki link to MediaWiki's help page about links looks like <code><nowiki>[[Mediawikiwiki:Help:Links]]</nowiki></code> which gives [[Mediawikiwiki:Help:Links]] | ||
The link end and pipe | The [[#link end trick|link end trick]] and the pipe trick, described at internal links, work for interwiki links just as-well. And use of a label to change the presentation of a link also works. | ||
==== External link==== | ==== External link ==== | ||
External links are rendered different from internal and interwiki links. On the UNI Wiki the links have a marker at the end. The exact marker depends on if the link is HTTP of HTTPS. | External links are rendered different from internal and interwiki links. On the UNI Wiki the links have a marker at the end. The exact marker depends on if the link is HTTP of HTTPS. | ||
| Line 150: | 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 | 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 167: | 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 207: | 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> | ||
| Line 233: | Line 308: | ||
* [https://www.w3schools.com/cssref W3 schools reference] | * [https://www.w3schools.com/cssref W3 schools reference] | ||
* [https://developer.mozilla.org/en-US/docs/Web/CSS mdn web docs reference] | * [https://developer.mozilla.org/en-US/docs/Web/CSS mdn web docs reference] | ||
* [[:Wikipedia:Wikipedia:TemplateStyles|Wikipedia projects page TemplateStyles]] | |||
=== CSS location === | === CSS location === | ||
; External style sheet : A separate file with CSS definitions. Loaded into the page with a HTML link in the head section of the page. | ; External style sheet : A separate file with CSS definitions. Loaded into the page with a HTML link in the head section of the page. | ||
| Line 247: | Line 323: | ||
*** Inline CSS | *** Inline CSS | ||
When an individual CSS property is used more than once the last occurrence "wins". | |||
== HTML and CSS entities == | == HTML and CSS entities == | ||
| Line 269: | Line 345: | ||
== Code snippets == | == Code snippets == | ||
=== Small | === Small stuff === | ||
No more mineable asteroids in missons: | No more mineable asteroids in missons: | ||
{{Code|<nowiki>Various mission site locations have had mineable asteroids replaced with cosmetic asteroids. (30/03/2020) | {{Code|<nowiki>Various mission site locations have had mineable asteroids replaced with cosmetic asteroids. (30/03/2020) | ||
| Line 357: | Line 433: | ||
|- | |- | ||
|Minmatar||Hydrogen | |Minmatar||Hydrogen | ||
|} | |||
Wiki markup table with class="sortable" and special markings | |||
<nowiki>class= data-sort-type="number"?? | data-sort-value="24" | unsortable | sortbottom </nowiki> | |||
{| class="wikitable sortable" | |||
|- | |||
! Text !! Number 1 !! Number 2 !! Number 3 !! class="unsortable" | Number 4 | |||
|- | |||
| Een || 1 || +1 || data-sort-value="3" | 1 || 1 | |||
|- | |||
| Twee || 2 || +2 || data-sort-value="1" | 2 || 2 | |||
|- | |||
| Tien || 10 || +10 || data-sort-value="2" | 10 || 10 | |||
|- | |||
| Min tien || -10 ||-10 || data-sort-value="5" | -10 || -10 | |||
|- class="sortbottom" | |||
| Vijf || 5 || 5 || 5 || 5 | |||
|} | |} | ||