Go to QuaapSrv home
A Decidedly Unfancy and Mostly-Static Content Manager.

Main

Syntax

Syntax for the blog

Font effects

**bold** ⇒ bold

//italics// ⇒ italics

--strike-- ⇒ strike

__underline__ ⇒ underline

##This is monospace## ⇒ This is monospace

superscript^^superscript^^ ⇒ superscriptsuperscript

subscript,,subscript,, ⇒ subscriptsubscript

this gets +++larger+++ ⇒ this gets larger

this gets ---smaller--- ⇒ this gets smaller

this gets &&red|colorful&& ⇒ this gets colorful

this gets &&green|colorful&& ⇒ this gets colorful

this gets &&#a5f|colorful&& ⇒ this gets colorful

Use "~" to escape something: This ~**Is not bold**.

Use "~" to escape something: This **Is not bold**. 


 %%Or you can put text inside double percent brackets **and** //no// syntax will be recognized. %%

Or you can put text inside double percent brackets **and** //no// syntax will be recognized.


This line contains a \\ forced line break.

This line contains a
forced line break. 


 (((This is an aside, text is smaller and placed in a sidebar.))) Text here flows around the aside.

Text here flows around the aside.




This sentence ends in a footnote.((This is footnote text))

This sentence ends in a footnote.[1]


"""This is a pullquote like they use in fancy magazines."""

This is a pullquote like they use in fancy magazines.
A "pullquote" is just part of your text pulled out so you break a wall of text with some important bit of your page. You have to leave a blank line before and after it.




A link to [[a_local_page|a local page]] ⇒ A link to a local page

A link to [[http://bing.com|an external page]] ⇒ A link to an external page

Images, Video, and Audio

Use double curly braces around media files and they'll be displayed appropriately (assuming the browser supports the format).

The following file extensions are recognized:

  • image: png, jpg, jpeg, gif, svg, webp, ico
  • audio: mp3, aac, wav, ogg, oga, flac
  • video: mp4, webm, ogv, ogx, avi, mov, 3gp

Links with other extensions are placed in a link. 

Just a regular image:
{{logo.png}}
Text appears like this

Just a regular image: logo.png Text appears like this 


{{logo.png|Optional alt/hover text}}

Optional alt/hover text 


Resized to 30 px wide:
{{logo.png?30}}

logo.png?30

Image alignment

Note the spaces around the image name.

Float to the right

{{ logo.png|Floats to the right}}
This image floats to the right, so text appears on the left and flows around the image.

Floats to the right This image floats to the right, so text appears on the left and flows around the image.



Float to the left

{{logo.png |Floats to the left}}
This image floats to the left, so text appears on the right and flows around the image.

Floats to the left This image floats to the left, so text appears on the right and flows around the image.





Centered

A centered image:
{{ logo.png |Centered}}
Test does this.

A centered image: Centered Test does this.

Automatic thumbnails

Using the {{^image.png}} or {{^^image.png}} syntax will automatically generate a thumbnail image and create a link to the full size image. 

This is an inline thumbnail 
{{^biglogo.png}}
It expands in the same window.

This is an inline thumbnail

biglogo.png
It expands in the same window. 

This is a thumbnail link
{{^^biglogo.png}}
It opens full size in a new window.

This is a thumbnail link

biglogo.png
It opens full size in a new window.

Blockquote

> This text is like a large block of text you are quoting from 
> somewhere else, or maybe you included something and want to respond to it here.
This text is like a large block of text you are quoting from somewhere else, or maybe you included something and want to respond to it here.

Tables

|=Heading c1 |=Heading c2|
|data 1,1 | data 1,2 |
|data 2,1 | data 2,2 |
|data 3,1 | data 3,2 |
Heading c1 Heading c2
data 1,1 data 1,2
data 2,1 data 2,2
data 3,1 data 3,2 
|=      |=Heading c1 |=Heading c2|
|=Row 1 | data 1,1 | data 1,2 |
|=Row 2 | data 2,1 | data 2,2 |
|=Row 3 | data 3,1 | data 3,2 |
Heading c1 Heading c2
Row 1 data 1,1 data 1,2
Row 2 data 2,1 data 2,2
Row 3 data 3,1 data 3,2

Lists

* Item 1
* Item 2
* Item 3
  • Item 1
  • Item 2
  • Item 3


* Item 1
** Item 1a 
** Item 1b 
** Item 1c
* Item 2
** Item 2a
*** Item 2a1
** Item 2b
** Item 2c
* Item 3
  • Item 1
    • Item 1a
    • Item 1b
    • Item 1c
  • Item 2
    • Item 2a
      • Item 2a1
    • Item 2b
    • Item 2c
  • Item 3


# Item 1
# Item 2
# Item 3
  1. Item 1
  2. Item 2
  3. Item 3

Headings

=Title heading

Title heading

==Heading level 2

Heading level 2

===Heading level 3

Heading level 3

etc

Other stuff

<<youtube>size:videoID>>: Include a Youtube video in the page

The size can be: small, medium, large, or xlarge

Example:

<<youtube>small:ab2XI_pTBC8>>

ab2XI_pTBC8

Characters

(TM) ⇒ ™
(R) ⇒ ®
(C) ⇒ ©
-– ⇒ —
-- ⇒ –
`` ⇒ “
'' ⇒ ”
<→ ⇒ ↔
-> ⇒ →
<- ⇒ ←
< ⇒ <
<= ⇒ ⇐
>> ⇒ »
<< ⇒ «
... ⇒ …
:-@ ⇒ angry :-@
:-[ ⇒ bat :-[
(B) ⇒ beer (B)
(^) ⇒ cake (^)
(P) ⇒ camera (P)
(@) ⇒ cat (@)
(O) ⇒ clock (O)
(D) ⇒ cocktail (D)
:-S ⇒ confused :-S
:-? ⇒ confused :-?
:'-( ⇒ cry :'-(
(&) ⇒ dog (&)
:-$ ⇒ embarassed :-$
(E) ⇒ email (e)
() ⇒ film (~)
:-X ⇒ kiss :-X
(I) ⇒ lightbulb (i)
(L) ⇒ love (L)
(8) ⇒ note (8)
:-O ⇒ omg :-O
8-O ⇒ omg 8-O
(T) ⇒ phone (t)
(G) ⇒ present (g)
(F) ⇒ rose (f)
:-( ⇒ sad :-(
:( ⇒ sad :(
8-) ⇒ shades 8-)
:-) ⇒ smile :-)
:) ⇒ smile :)
=) ⇒ smile :)
(*) ⇒ star (*)
:-D ⇒ teeth :-D
(N) ⇒ thumbs_down (n)
(Y) ⇒ thumbs_up (y)
:-P ⇒ tongue :-P
(U) ⇒ unlove (u)
(W) ⇒ wilted_rose (w)
;-) ⇒ wink ;-)
2016-04-29

Footnotes

1) This is footnote text

.