Wikitests // title test : test title via title template

Whonix ®

Download

Windows Linux Mac VirtualBox KVM Qubes Intel / AMD64 ARM64 PPC64 USB ISO Raspberry Pi More options Source Code

About

Overview Features Whonix vs VPNs Why Open Source? Project Activities Contributors Mission & Vision

Docs

Documentation FAQ Troubleshooting

Community

Forums Forum Best Practices Contribute

Support

Self Support First Policy Search Engines, Docs and AI Support (Limited) Reporting Bugs Contact (Restricted)

Tools Upload file Special pages Recent changes Print Version Page meta What links here Related changes Page information

Page Read Edit History Move Protection Unwatch Watch Delete Purge

User Preferences Watchlist Contributions Logout Create account Login

Donate

https://www.kicksecure.com/wiki/Template:Devwiki

About this Dev/wikitest Page Contributor maintained wiki page.
Support Status	testing
Difficulty	medium
Contributor	testing
Support	Dev/website

This is the intro template.

This is the first line of the content text outside the intro template.

Modules / Features (alphabetical)

Anchor (Template)

Click the link below and it should jump to the "Jump point". There is the id "test-anchor-template"

Jump point

Paragraph to jump over

#test-anchor-template

Blockquote & Quotation Tests

Blockquote

For wiki content writers it is customary to write keywords such as <blockquote> into a separate line for easier readability during editing. But if that has to be avoided and changed in the wiki content (wiki markup), then that would be OK too.

<blockquote>line number one
line number two
line number three
now there will be an empty line

    this line has leading whitespace
last but one line
last line</blockquote>

Test result, too much white space:

line number one

line number two

line number three

now there will be an empty line

this line has leading whitespace last but one line

last line

Complex Blockquote Example

This is how it really looks:

gpg: assuming signed data in 'tor-{{Tor_upstream_version}}.tar.gz'
gpg: Signature made Mon 09 Dec 2019 06:21:51 PM UTC
gpg:                using RSA key 7A02B3521DC75C542BA015456AFEE6D49E92B601
gpg: Good signature from "Nick Mathewson <nickm@alum.mit.edu>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@wangafu.net>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@freehaven.net>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@torproject.org>" [unknown]
gpg: WARNING: This key is not certified with a trusted signature!
gpg:          There is no indication that the signature belongs to the owner.
Primary key fingerprint: 2133 BC60 0AB1 33E1 D826  D173 FE43 009C 4607 B1FB
     Subkey fingerprint: 7A02 B352 1DC7 5C54 2BA0  1545 6AFE E6D4 9E92 B601

This is how it should look:

gpg: assuming signed data in 'tor-{{Tor_upstream_version}}.tar.gz'
gpg: Signature made Mon 09 Dec 2019 06:21:51 PM UTC
gpg:                using RSA key 7A02B3521DC75C542BA015456AFEE6D49E92B601
gpg: Good signature from "Nick Mathewson <nickm@alum.mit.edu>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@wangafu.net>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@freehaven.net>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@torproject.org>" [unknown]
gpg: WARNING: This key is not certified with a trusted signature!
gpg:          There is no indication that the signature belongs to the owner.
Primary key fingerprint: 2133 BC60 0AB1 33E1 D826  D173 FE43 009C 4607 B1FB
     Subkey fingerprint: 7A02 B352 1DC7 5C54 2BA0  1545 6AFE E6D4 9E92 B601

Potential bug: Between line Primary key fingerprint: 2133 BC60 0AB1 33E1 D826 D173 FE43 009C 4607 B1FB and line Subkey fingerprint: 7A02 B352 1DC7 5C54 2BA0 1545 6AFE E6D4 9E92 B601 there is no newline in the wiki markup and there should be none in the resulting mediawiki auto generated HTML. Some CSS issue probably?

new test blockquote

line1    after 5 spaces
line2    now an empty line

line3
line4

blockquote in bullet point

As the first child

• test

As not the first child after a text (or other) node

• 1

  test

Probox blockquote

real pre tag:

gpg: assuming signed data in 'tor-{{Tor_upstream_version}}.tar.gz'
gpg: Signature made Mon 09 Dec 2019 06:21:51 PM UTC
gpg:                using RSA key 7A02B3521DC75C542BA015456AFEE6D49E92B601
gpg: Good signature from "Nick Mathewson <nickm@alum.mit.edu>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@wangafu.net>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@freehaven.net>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@torproject.org>" [unknown]
gpg: WARNING: This key is not certified with a trusted signature!
gpg:          There is no indication that the signature belongs to the owner.
Primary key fingerprint: 2133 BC60 0AB1 33E1 D826  D173 FE43 009C 4607 B1FB
     Subkey fingerprint: 7A02 B352 1DC7 5C54 2BA0  1545 6AFE E6D4 9E92 B601

PreBox template

gpg: assuming signed data in 'tor-0.4.6.5.tar.gz'
gpg: Signature made Mon 09 Dec 2019 06:21:51 PM UTC
gpg:                using RSA key 7A02B3521DC75C542BA015456AFEE6D49E92B601
gpg: Good signature from "Nick Mathewson <nickm@alum.mit.edu>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@wangafu.net>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@freehaven.net>" [unknown]
gpg:                 aka "Nick Mathewson <nickm@torproject.org>" [unknown]
gpg: WARNING: This key is not certified with a trusted signature!
gpg:          There is no indication that the signature belongs to the owner.
Primary key fingerprint: 2133 BC60 0AB1 33E1 D826  D173 FE43 009C 4607 B1FB
     Subkey fingerprint: 7A02 B352 1DC7 5C54 2BA0  1545 6AFE E6D4 9E92 B601

Quotation Template Tests

Functional

Quotation without anything - should show {{{quote}}}

{{{quote}}}

Quotation Two Line Test

Quotation with 2 lines. Should show 2 lines.

Quotation with 2 Lines and Context Test

abc defAuthor,Date,https://www.whonix.org

Simple Quotation with 2 Lines, Context and Image Test

With an image.

123

456Author,Date,https://www.whonix.org

Simple Quotation with 2 Lines, Context and Image Test, special style

With an image.

123

456Author,Date,https://www.whonix.org

Broken

Bullet Point Quotation with 2 Lines, Context and Image Test

Same as above but below a bullet point. NOTE: This does not work as expected but it acceptable right now because this is caused by a bug in MediaWiki that has been reported.

* bullet point with colon: {{Quotation
|image=Deep-web-1106648640.jpg
|context=Author,Date,https://www.whonix.org
|quote=With an image.

abc

def}}

Bullet Point Multiple Lines Quotation Test (currently broken)

• 1

  Same as above but below a list item.

Without an image.

NOTE: This does not work as expected but it acceptable right now because this is caused by a bug in MediaWiki that has been reported

CodeSelect

Simple example 1 line

echo "Hello World"

1 line, but inline

Here is an example echo "Hello World" that was the example

2 lines

sudo chmod og+rx /usr/bin/snowflake-client sudo chmod og+rx /usr/bin/snowflake-client

CodeSelect in Lists

• text
• abc
• def ghi123 asölfkasjdölfkajdöslkjasdfölkfjaölksdjaslökdjfaöslkjfaöslkjfdsalökdjfalöksjfaklösjfaslökjfasölkjfasölkjfadsölkjafdsklöfjlköasdjflkösajdfsölkjadsölkjfdaslksafjfkl
• Including pipe symbol ("|") (encoded as {{!}}): echo test | xargs echo
• test: abc

CodeSelect "Hello World" but as a button

echo "Hello World"

CodeSelect "Hello World" but as a default button (buttonImage=)

echo "Hello World"

CodeSelect "Hello World" button image, eager loading

echo "Hello World"

CodeSelect with a target pre element

This is
example 1
$ sudo apt "example1"

Collapsible Template

Large title

My large interesting title

My interesting content

Small title

My small interesting title

My interesting content

Community Support Template

Below are 3 tests. The first without the paramter scope, it should show the page version. The second is the page version (scope=page) and the third one is the chapter version (scope=chapter)

COMMUNITY SUPPORT ONLY : THIS WHOLE WIKI PAGE is only supported by the community. Whonix developers are very unlikely to provide free support for this content. See Community Support for further information, including implications and possible alternatives.

COMMUNITY SUPPORT ONLY : THIS WHOLE WIKI PAGE is only supported by the community. Whonix developers are very unlikely to provide free support for this content. See Community Support for further information, including implications and possible alternatives.

COMMUNITY SUPPORT ONLY : THIS wiki CHAPTER only is only supported by the community. Whonix developers are very unlikely to provide free support for this content. See Community Support for further information, including implications and possible alternatives.

CustomRepo (Template)

CustomScrollbar.js

The link to instantpage lib /blob/master/public/libs/instant.page/instantpage.min.js The link to instantpage lib

config-build-shared and specific.json /tree/master/mediawiki-shared/build config-build-shared and specific.json

DiscoverHiddenElements

1. Below are hidden elements. Each should open when you click its link
2. One is a headline hidden inside a mw-collapsible #DiscoverHiddenElements_Hidden_Headline
3. The other is a headline hidden inside an mw-collapsible, hidden inside a tab content controller #DiscoverHiddenElements_Hidden_Headline_2
4. Reference to hidden Footnotes - show open Footnotes

Hidden Headline

DiscoverHiddenElements Hidden Headline

Test text

DiscoverHE section1

Section 1 content

DiscoverHE section2

Section 2 content

DiscoverHE section3

Section 3 content

Hidden Headline 2

DiscoverHiddenElements Hidden Headline 2

Test text

Reflist to hidden footnotes

DonorCard (Template)

There is a whole page for tests of the DonorCard Testpage_Donors

Download_Button (Widget)

text, url, redirectUrl=VirtualBox

DownloadTest1

text, addToClass, url, os, targetBlank

DownloadTest2

text, url, os, targetBlank, onion, fontSize

DownloadTest3

Example with text, url, os, onion, addToClass=text-class, fontsize=20px, targetBlank=true, redirectUrl

Test for Download Button

Example with signature icon, text and url

Signature test

Example with sha icon, text and url

Sha test

Example with signify icon, text and url

Signify test

Download button width parameter modal=true opening DownloadButton-PayAsYouGoModal

DownloadTest Modal

Malicious Editor attack / editor mistake test: redirect URL is external - Click + see warning in browser dev tools console

Malicious / mistake redirect test

Expand Button different labels

Learn more Label

Click to find out

Hidden Content

Show / Hide Label

Click to find out

Hidden Content

Expand Button versus Content Shift Test

Expand

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

Where can I get some? There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.

Expand Or Collapse All

On "Expand or Collapse All" Button, 3 expand boxes. Clicking the button will open all boxes on the page not only in this test area

Expand all Collapse all

Box 1 Preview

Box 1 content

Box 2 Preview

Box 2 content

Box 3 Preview

Box 3 content

ExtLink (Template)

Different archive link tests, wrapped in div.info-box to prevent over-width on mobile

• No urls (useless)
  • expected broken link
  • [Broken-ExtLink--no-url-was-provided]
• Only text (useless)
  • expected broken link
  • [Broken-ExtLink--no-url-was-provided]
• text, 1 url
  • expected: url as main link plus 1 icon link with main url
  • Whonix Clearnet
• No text, 1 url
  • expected: url as text, url as main link plus 1 icon link with main url
  • https://www.whonix.org
• text, icons=none, 1 url
  • expected: url as main link, no icons
  • Whonix Clearnet
• No text, icons=none, 1 url
  • expected: url as text, url as main link, no icons
  • https://www.whonix.org
• text, 6 urls (6th = onion)
  • expected: First url only used as main link, then icon links: 1x archive.org, 1x archive.today, 2x pseudo archives, 1x onion
  • Main Link
• text, 4 urls (second = onion) - typical (maximum!) use case
  • expected: First url only used as main link, then icon links: 1x onion, 1x archive.org, 1x archive.today
  • Interesting data on the test.com website
• text, 1 onion url
  • expected: onion url used for main link and for first icon
  • Onion Link
• no text, 1 onion url
  • expected: url used for text and as main link and for first icon
  • http://www.w5j6stm77zs6652pgsij4awcjeel3eco7kvipheu6mtr623eyyehj4yd.onion/

Gallery (MediaWiki)

Below is a gallery with 3 images, normal styling

• 
  Kicksecure logo
• 
  Debian logo
• 
  Linux logo

Below is a gallery with 3 images, normal styling with class gallery-white. Only images have white background

• 
  Kicksecure logo
• 
  Debian logo
• 
  Linux logo

Below the same gallery from above with our thumb gallery styling and justify center

• 
  Kicksecure logo
• 
  Debian logo
• 
  Linux logo

Below the same gallery from above with our thumb gallery styling and justify center and gallery-white. The whole boxes are white

• 
  Kicksecure logo
• 
  Debian logo
• 
  Linux logo

Github_link Template

• {{Github_link|repo=tirdad}}
  • Expected: gituser set to Whonix, text set to "Kicksecure GitHub tirdad repository"
  • Result: Whonix GitHub tirdad repository
• {{Github_link|gituser=debian|repo=apt}}
  • Expected: gituser set to debian, text set to "debian GitHub apt repository"
  • Result: debian GitHub apt repository
• {{Github_link|repo=tirdad|text=Check out our tirdad repo!}}
  • Expected: gituser set to Whonix, text set to "Check out our tirdad repo!"
  • Result: Check out our tirdad repo!

GoogleOff (Template)

These tests can only be verified in browser dev console or in page source code

Simple GoogleOff template test

Simple GoogleOff template test

Div being wrapped in GoogleOff with nosnippet=1

Div being wrapped in GoogleOff with nosnippet=1

Headline (Template)

h2, id auto-gen ↓↓↓

Test Headline : h2, id auto-gen

no h (=h1), id=id-test-headline-2 ↓↓↓

Test Headline : no h (=h1), id=id-test-headline-2

h3, id=none, addToClass:cs-blue → Code ↓↓↓

HtmlComment (Widget)

The following html comment in wikitext will not be rendered into the source code

The following html comment (via the HtmlComment widget) will be rendered into the source code

Icon (Template)

Info icon in the color of red

Info icon in the color of blue

Info icon in the color of green, style circle, 2x enlarged

No icon but Text "F12abd-+", with fa-solid (font awesome 6 font family bold), style rounded (=rounded square), color scheme white, with border, 2x enlarged, rotated 180 degree on its head

F12abd-+

Icon red, with thick border, Text f123+, with shadow, style rounded, slim font awesome style

f123+

Icon Bullet List

Default list with longer and shorter list item

• Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points Plus Points
• Negative Points

Longer list with addClass=inverse minimal, fontSize=20px

• Standard
• Plus Points
• Negative Points
• Equal Points
• Chill Points

IconSet (Template)

Style h1, text h1, renders to uppercase

h1

5 icons, Style h1, text 1 2 9 10 22

1 2 9 10 22

Style h2, text h2, renders to uppercase

h2

Style h3, text h3, renders to uppercase

h3

Style h4, text h4, renders to uppercase

h4

Style true, text true, renders to uppercase

true

Style false, text false, renders to uppercase

false

Style keyboard, text keyboard, renders to uppercase

keyboard

Info Tooltip

There is hidden info that can be seen by hovering over the i-icon

Here's the hidden info

Intro paragraph and IntroLike

The intro template is demonstrated at the top of the page

Below you see the introLike template

Intro like text

with wikitext

and newlines

LeftRightImageText

Left example, promo style

Left example

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Right example, with imagelink=/wiki/About, imageright=true

Right example

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

mbox test

Below you should see a box around the test text

mbox text test

Box with image and text test

My Text here

Box with icon and text test

My Text here

Mini Modal

Open MiniModal below by clicking this button Open Modal

Open MiniModal via URL hash, click Dev/wikitest#mini-modal-test

Mini modal test

Mini Modal test content

Mini Navigation / Mininav

This is a mininav with one standard field, one field with an image icon, one field with an image icon that is too small and one field with an image icon that does not have link=[emptystring]

• Download
• Linux using gpg
• Windows using Gpg4win
• macOS using GPGTools

Below is a mininav with the class for 2 lines and with the special dark look class mn-dark, wrapped in an info box

• Download
• Download
• Download
• Download
• Download
• Download
• Download
• Download
• Download
• Download

PayViaPaypal

Standard implementation, full width

[nojs text]

ScrollAutoWrapper

Below is a very long table that is wrapped automatically by javascript in wikitable auto wrapper. Length should always be 100%, also on mobile

test name 1	test name 2
Short info	Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info

Below is a wikitable that is wrapped inside mw-collapsible (and therefore has no dimensions). So first it will not be enriched, only when the collapsed div will be opened. Click expand. Table should look like above

Open hidden table

test name 3	test name 4
Short info	Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info Long Info

Below is a pre element which has overwidth

asdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkasdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkjj

Below is a pre element which has overwidth and is hidden

Open hidden overwide pre lement

asdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkasdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkjj

Test Heights for top scrollbar height breakpoint

Below are height tests, for the top scrollbar height breakpoint to be reached (in relation the the user device). If the element becomes very large (height) relative to the screen then the top scrollbar should be visible See documentation for more info. ScrollAutoWrapper

Height 150px

asdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkasdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkjj

Height 300px

asdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkasdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkjj

Height 450px

asdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkasdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkjj

Height 600px

asdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkasdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkjj

Height 750px

asdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkasdölfjasölkafölkasjfölkasjfölkasjfölajöaiojujflaksjflöaksjlköajsvlköjvölkajföljwaeiojföjaflökjlasjdfölasjdflkjj

Share Tooltip

Below there is a share tooltip for #share-tooltip-test which is the div below

Anchor link #share-tooltip-test

SitenoticeBanner

Simple example, but strange optic = correct, because it needs to be in #siteNotice

Want to help us grow?

Subdomain Link

Please test those links on the onion the Tor browser as well

Link to forum, text=Testlink1, sub=forums, append=/c/news/5

Testlink1

Same as above, but export as url

https://forums.whonix.org/c/news/5

Same as above, but export as parts

https,whonix.org

SVG template and widget

SVG without width or height

SVG with width 50

SVG with height 50

Tab Controller

Tab Controller pre-selected tab Test

The second tab is selected (active)

Number 1

test1

Number 2

test2

Number 3

test3

A link

Donate

Tab Controller NO selected tab Test

No tab has the active parameter. Therefore no content should be shown

Number 201

test1

Number 202

test2

Tab Controller Link test

All link tabs below (not Title 01 and Title 02) should be actual links for js users

Title 01

Title 01

File:Sdebian-logo.svg

Title 02

Title 02

Link Type 1

[1]

Link Type 2

Testpage2

Link Type 3

[2]

Link Type 4

Whonix

Link Type 5

The Testpage 2

Tab Controller : Linked Controllers Test

The following controllers will switch in unison. In case of link-tabs (tabs which are pure links) they will not be switched on. Also important: Section 1 and 6 are asynchronously pre-selected. But once you select a tab they will synchronize and stay synchronize (no common use cases but good to know this behavior)

Section 1

Section 1 content

Section 2

Section 2 content

Section 3

Section 3 content

Section 4

Section 4 content

Section 5

Section 5 content

Section 6

Section 6 content

Section 7 Link

Donate

Tab Controller : Linked Controller with nested Controller

TODO: description

Section 1

Section 1 content

Section 2

Section 2 content

Section 5

Section 5 content

Section 6

Section 6 content

Nested Tab Test : JS / NOJS

If you open this page in a normal way then Test2 is pre-selected and if you click tab 3 than Test 3.2 will be pre-selected. However if you open this page with the following link (emphasis on the hash) then Test3 will open and Test3.2 will open as well. And it will scroll to the right position. This link can also be otained by right-clicking the tab and clicking "Save link address"

https://www.kicksecure.com/wiki/Dev/wikitest#Test3.3_Auto-Open

If you deactive Javascript (NOJS) then the above link will send you directly to the selected section

Test1

Test 1 Content

Test2 Selected

Test 2 Content

Test3 Auto-Open

Test3.1

Test 3.1 Content

Test3.2 Selected

Test 3.2 Content

Test3.3 Auto-Open

Test 3.3 Content

Nested Tab Test : No TOC

In the TOC you will not find the notoc tabs as headlines because they are done with Template:Headline. However the functionality stays the same. And it also works for Nojs.

Look in the TOC above. There is no Tab Test 11 or Tab Test 12 or 14 mentioned. But this link works : https://www.kicksecure.com/wiki/Dev/wikitest?stable=0#tab-test-14-notoc

Tab Test 10

Tab Test 10 Content

Tab Test 11 notoc

Tab Test 11 notoc Content

Tab Test 12 notoc

Tab Test 13

Tab Test 13 Content

Tab Test 14 notoc

Tab Test 14 notoc Content

Tab Controller hidden overlong CodeSelect tests

For the tests to be succcessful

1. Load the page with JS and without any hash -> both codeSelects need to be initialized correctly with custom scrollbar
2. Choose tab 1 and (thereby set the hash), reload the page -> both codeSelects need to be initialized correctly with custom scrollbar
3. Choose tab 2 and (thereby set the hash), reload the page -> both codeSelects need to be initialized correctly with custom scrollbar

TC hidden CS test Number 1

Tab1_abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

TC hidden CS test Number 2

Tab2_abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

ThumbGallery (Template)

Below a thumb gallery with 3 thumb images. Normal mode, so it only changes to gallery mode below 540px screen width

Kicksecure logo

Debian logo

Linux logo

Below a thumb gallery with 3 thumb images. mode=gallery. It should be a nice padded gallery on all sizes

Kicksecure logo

Debian logo

Linux logo

Below a thumb gallery with 3 thumb images. mode=gallery justify right. It should be a nice padded gallery on all sizes. It should be justified right

Kicksecure logo

Debian logo

Linux logo

Thumbnails

Standard behavior (jumps left and changes size when very small screen)

Non-responsive behavior (stays right and keeps size)

VideoLink

Video should be available on all 3 given platforms (click icons)

Test video

Video style subtle

Test video

CSS features

Col-container

div with .col-container and .cc-3 wrapping 3 divs 123,456,789

123

456

789

Color schemes

cs-red

cs-red-light

cs-green

cs-green-light

cs-blue

cs-blue-light

cs-yellow

cs-yellow-light

Columns: use-2-columns, use-3-columns

Simple text, 2 columns, auto column

Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text

Simple text, 3 columns, auto column

Sample text Sample text Sample text Sample text Sample text Sample1 text1 Sample1 text1 Sample1 text1 Sample1 text1 Sample1 text1 Sample1 text1 Sample1 text1 Sample1 text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text

Simple text, 3 columns, auto column, keep the 1s together with keep-together

Sample text Sample text Sample text Sample text Sample text Sample1 text1 Sample1 text1 Sample1 text1 Sample1 text1 Sample1 text1 Sample1 text1 Sample1 text1 Sample1 text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text

Simple text, 2 columns, control columns manually by using div

Column1 text Column1 text Column1 text Column1 text Column1 text Column1 text Column1 text Column1 text Column1 text Column1 text

Column2 text Column2 text Column2 text Column2 text Column2 text Column2 text Column2 text Column2 text Column2 text Column2 text

Simple text, 3 columns, auto column, forced column break with force-column-break

Sample text Sample force here

text Sample text Sample text Sample text force here

Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text Sample text

Two lists in 3 columns separated by text

• List1 element 1
• List1 element 2
• List1 element 3

Some other text

• List2 element 1
• List2 element 2
• List2 element 3

Two lists in 3 columns separated by text, container has strict-list-columns

• List1 element 1
• List1 element 2
• List1 element 3

Some other text

• List2 element 1
• List2 element 2
• List2 element 3

hide-enlarge and thumb-hide-enlarge class

Original file

SWIFT

File:Swift 128.png|thumb|100px|link=|SWIFT, wrapped in div.thumb-hide-enlarge

SWIFT

File:Swift 128.png|thumb|100px|link=|class=hide-enlarge|SWIF

SWIFT

NoJS classes

Introduction

Description is in black. The test cases are in red

Only visible for noJS

Only visible for nojs

Done.

Only visible for JS

Only visible for js

Done.

Hide for noJS only

Hide for nojs only

Done.

Hide for JS only

Hide for js only

Done.

Mixed

External Link Test

https://www.whonix.org

homepage

FontAwesome Deprecated Test

Currently not using this method. Expected to fail.

<i class="fa fa-eercast" aria-hidden="true"></i>

Test START

Test END

HTML Symbol

❝

❝

Lists Tests

Unordered List Test

• one
• two
• three

Ordered Lists Test

1. first
2. second
3. third

overlength tag test

pre tag

long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test

long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test

code tag

long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test long test

pre and PreBox tests

pre test

The following two lines test1 and test2 are separate pre tags lines. These should be visually separate. Currently functional.

text 1

text 2

pre with data-code test

Pre without data-code

123

Pre with data-code

123

PreBox (Template)

Pre without parsing

This is current year

{{CURRENTYEAR}}

PreBox with parsing

This is current year

2025

PreBox with 3 lines

This is
current year
2025

PreBox with 3 lines, but first line is directly on the starting line, last line directly before closing brackets.

This is
current year
2025

Variables

• SITENAME: Whonix
• SERVER: https://www.whonix.org
• SERVERNAME: www.whonix.org
• fullurl:page_name: https://www.whonix.org/wiki/Page_name
• canonicalurl:FULLPAGENAME: https://www.whonix.org/wiki/Dev/wikitest
• atom feed
• FULLPAGENAME: Dev/wikitest
• NAMESPACE:

LinkToArchiveExtension

The following are all external links

1. This is an onion main link. One icon link with onion icon and main link expected http://www.dds6qkxpwdeubwucdiaord2xgbbeyds25rbsgr73tbfpqpt4a6vjwsyd.onion/
2. This is an archive.org main link. One icon link with archive.org icon and main link expected https://web.archive.org/web/https://forums.whonix.org/t/flatpak-as-a-software-source-flathub-as-a-source-of-software/8500/61
3. This is an archive.today main link. One icon link with archive.today icon and main link expected https://archive.ph/https://forums.whonix.org/t/flatpak-as-a-software-source-flathub-as-a-source-of-software/8500/61
4. This is normal link. Two icon links expected. One icon link with archive.org logo and web.archiv.org/[main-url], one icon link with archive.today logo and archiv.today/[main-url] expected. https://www.whonix.org/

H1

Test text

H2

Test text

H3

Test text

H4

Test text

H5

Test text

H6

Test text

Tables on Mobile

Check for example Reasons_for_Freedom_Software for word wrap issues.

TODO: add test here

Footnotes

Whonix The most watertight privacy operating system in the world.

Dark mode

Follow us on social media

Supported by Power Up Privacy

Whonix is proudly supported until 2025 by Power Up Privacy, a privacy advocacy group that seeks to supercharge privacy projects with resources so they can complete their mission of making our world a better place. (Strictly subject to our sponsorship policy.)

At Whonix we value freedom and trust, supporting Open Source and Freedom Software

By using this website, you acknowledge you have read, understood, and agree to be bound by these agreements: Terms of Service, Privacy Policy, Cookie Policy, E-Sign Consent, DMCA, Imprint 2012- 2025 ENCRYPTED SUPPORT LLC

Your support makes
all the difference!

We believe security software like Whonix needs to remain open source and independent. Would you help sustain and grow the project? Learn more about our 13 year success story and maybe DONATE!