Toggle search
Toggle menu
4.5K
7.6K
15.6K
232K
EVE University Wiki
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
More actions
← Older edit
VisualWikitext
m Minor edit, no actual changes.
Add flex box code.
 
(16 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 ====
==== 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 ====
{{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 ====
Line 47: 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 [[redlink|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 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]]
{{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}}


:; 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 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 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 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 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]].


Line 130: 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 ====
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 whit 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 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
|-
|-
| \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 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 \\ 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 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 ones the last occurrence "wins".
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 stuf ===
=== 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
|}
|}


Retrieved from "https://wiki.eveuniversity.org/User:Evon_R%27al/Wiki_coding_notes"