Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

User:Evon R'al/Wiki coding notes: Difference between revisions

From EVE University Wiki
m Put link end trick into own section.
Add flex box code.
 
(11 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 ==
Line 43: Line 115:


==== Space or underscore ====
==== Space or underscore ====
The wiki software automatically changes spaces to underscores (_) in internal links (Need to check for inter wiki links). So <nowiki>[[Relic_and_data_sites]]</nowiki> and <nowiki>[[Relic and data sites]]</nowiki> are equivalent. Eliminating the need to change the underscore version into a piped link for nice readability, providing a "cleaner" source.
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 ====
==== Link end trick ====
Line 58: Line 130:


==== Internal link ====
==== Internal link ====
Internal (or 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 (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]].


'''Syntax:''' <code><nowiki>[[<namespace>:<page name>#<anchor>|<label>]]</nowiki></code>
'''Syntax:''' <code><nowiki>[[<namespace>:<page name>#<anchor>|<label>]]</nowiki></code>
Line 77: 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 sites#Expeditions]]</nowiki></code> gives [[combat sites#Expeditions]]<br>
<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 sites#no exist]]</nowiki></code> gives [[combat sites#no exist]], leading to the top of the combat sites page
<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 90: 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 sites#Expeditions|Expeditions]]</nowiki></code> gives "A link to [[combat sites#Expeditions|Expeditions]]".
<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 133: Line 205:
A interwiki link to MediaWiki's help page about links looks like <code><nowiki>[[Mediawikiwiki:Help:Links]]</nowiki></code> which gives [[Mediawikiwiki:Help:Links]]
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 tricks 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.
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 ====
Line 153: 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>\TeX</math> or <math>\LaTeX</math> markup can be used. Errors will be marked as&nbsp;<math>\sqrt</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&nbsp;<math>\sqrt</math>


To display a formula the following markup can be used:
To display a formula the following markup can be used:
Line 170: 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
|-
|-
| \root {n} \of {X} || <math> \root {n} \of {X} </math> || 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 210: 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 \\ b \\ c  || <math> a \\ b \\ c </math> || newline within a <nowiki><math></nowiki> block
|  a \n b \\ c  || <math> a \\ b \\ c </math> || newline within a <nowiki><math></nowiki> block
|-
|-
| &#92; begin{align}<br>
| &#92; begin{align}<br>
Line 364: Line 436:


Wiki markup table with class="sortable" and special markings
Wiki markup table with class="sortable" and special markings
<!--class= data-sort-type="number" | data-sort-value="24" | unsortable | sortbottom -->
 
<nowiki>class= data-sort-type="number"?? | data-sort-value="24" | unsortable | sortbottom </nowiki>
{| class="wikitable sortable"
{| class="wikitable sortable"
|-
|-