--------------------------------------------------------------------------------
EDITING & CREATING PAGES, LINKS, IMAGES, and DRAWINGS

To edit a page, click "Edit (GUI)" or "Edit" at the top of the page.  Use the Preview button often.
"Preview" also saves a backup copy of your work.  When you are done, click "Save Changes".
Append ?action=raw to the URL of a page to read the bare code without opening the editor.

If you don't want it to be a link, prefix it with an exclamation point:  !CamelCase.
Two backticks can be used to add characters without creating a new page:  WikiNames
For page names with spaces, or without camel-case, use two brackets:  Some New Page
To create a sub-page, start the name with a slash:  Some Sub-Page

For links to other sites, you can just type the URL:  http://example.net
If you want different text, use brackets, and put the text after a pipe character.
This is also necessary if the URL includes spaces:  clickable text

To create an anchor (a linkable point on a page), use the Anchor macro:  <<Anchor(anchorname)>>
To link to an anchor on the same page:  #anchorname  or  clickable text

To add images (or other file types): {{attachment:image.png|alt text|width=100 height=150}}
Some files will be displayed with special formatting:  {{attachment:myfile.py}}

To provide a link to an attached file:  a file with blanks in its name.txt
To provide a link to an attached file on another page:  filename.ext
To use an image as a link:  {{attachment:imagefile.png|alt text|width=100}}

DRAWINGS:  {{drawing:mypic}} will start a Java applet for editing vector diagrams.
The applet will store three attachments: mypic.draw, mypic.png, mypic.map
After you have saved the drawing, it will be displayed where you type {{drawing:mypic}}.
The map file is used to activate parts of the image as links.

To edit a drawing after the first save, click on AttachFile and use the 
link that is displayed instead of [view] for the .draw attachment. You can also
click on the invisible 5 pixel border around the picture to reach the edit mode.

--------------------------------------------------------------------------------
BASIC FORMATTING

## Double-hash creates a single-line comment.
Blank lines create new paragraphs.  <<BR>> inserts a linebreak.
plain text  {{{plain text}}}  (To make an entire page plain text, use #format plain.)
''italic''  '''bold'''  __underline__  ~-smaller-~  ~+larger+~
super^script^  sub,,script,,  --(strike through)--

MATH FORMULAS:
INLINE (...):  r=\sqrt{{{x}^{2}}+{{y}^{2}}}
BLOCK (...):  x=\frac{-b\pm \sqrt{{{b}^{2}}-4ac}}{2a}

--------------------------------------------------------------------------------

Horizontal rules (<hr> from HTML) are created by four to ten hyphens at the beginning of a line.

#pragma section-numbers off  (No numbers for section headings.)
#pragma section-numbers on   (Number all section headings.)
#pragma section-numbers 2    (Number only section headings level 2 or 1.)

== Level 2 ==
=== Level 3 ===
==== Level 4 ====
===== Level 5 =====
====== Level 6 ======

--------------------------------------------------------------------------------
LISTS

To create a list, you simply indent by one or more spaces.
Each additional space creates a new sub-list.

Various kinds of lists are created by following the space with a specific character:
. Bare list item (no bullet or number).
* Bulleted list item.
1. Numbered item (You type 1. for every item: incrementing is automatic.)
1.#5 Numbered item (with 5 used as the starting number).
A. Uppercase letters.           a. Lowercase letters.
I. Uppercase Roman numerals.    i. Lowercase Roman numerals.

To display a new line of text at the same level:
* List item <<BR>> More text, horizontally aligned with "List item".
This will also work:
* List item <<BR>>
More text, horizontally aligned with "List item".

--------------------------------------------------------------------------------
TABLES

|| top left cell || top right cell ||
|| bottom left cell || bottom right cell ||

Table, row, and cell attributes can be changed with CSS
||<tablestyle="...">     use given style for table html
||<rowstyle="...">       use given style for row (tr) html
||<style="...">          use given style for cell (td) html
They can be included together in one tag:
||<tablestyle="..." rowstyle="...">

A few of the most useful CSS properties and values:
border: none;
text-align: left;              left|center|right
vertical-align: top;           top|bottom

background-color: #DDDDDD      #000000 to #FFFFFF
color: #FF0000;
font-weight: bold;

||||This cell will be two columns wide.||

||<rowspan=2>This cell will be two rows tall.||

||This cell will<<BR>>have two lines.||