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

(2 intermediate revisions by the same user not shown)

Line 72:

</div>

--color-content added

--color-content-added

</div>

--color-inverted-fixed

</div>

--color-base

</div>

Line 97:

Line 100:

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>

</pre>

== Wiki mark-up ==

Line 139:

Line 149:

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

<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>

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.

Line 152:

Line 162:

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>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.}}

@@ Line 72: / Line 72: @@
 </div>
 <div style="color: var(--color-content-added);">
---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>
@@ Line 97: / Line 100: @@
 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 ==
@@ Line 139: / Line 149: @@
 :; 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.
-<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>
 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.
@@ Line 152: / Line 162: @@
 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>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.}}