Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision | |||
|
public:dojo:wiki:scc_reserve_bank_keys [2023/12/20 18:17] Nater Ormand removed |
— (current) | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | <alert type=" | ||
| - | |||
| - | **This is a standard center-aligned alert, of the " | ||
| - | |||
| - | This is a work in progress. | ||
| - | |||
| - | </ | ||
| - | |||
| - | ====== New Template ====== | ||
| - | |||
| - | This is a new general template which adds details on some of the newer plugins available to wiki editors. This page is as much an informational resource on the wiki's capabilities as it is an example of how to format your pages. | ||
| - | |||
| - | < | ||
| - | {{INLINETOC 2-4}} | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | <col md=" | ||
| - | < | ||
| - | < | ||
| - | {{INLINETOC 2-4}} | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | ===== The Standard Page Layout ===== | ||
| - | These bullet points represent the parts of a page from top to bottom. | ||
| - | * Any page-wide alerts if applicable | ||
| - | * The page title | ||
| - | * A summary of the page | ||
| - | * An inline Table of Contents if applicable | ||
| - | * The main content of the page. | ||
| - | |||
| - | ===== Standard Page Elements ===== | ||
| - | These elements are present in all pages, and represent the basic formatting options for the wiki. | ||
| - | |||
| - | ==== Title and Headers ==== | ||
| - | Headers can be used to create links to specific parts of a page, and will show up in the page's table of contents. Headers are created by surrounding text with '' | ||
| - | |||
| - | < | ||
| - | ====== Size 6 Header ====== | ||
| - | ===== Size 5 Header ===== | ||
| - | ==== Size 4 Header ==== | ||
| - | === Size 3 Header === | ||
| - | == Size 2 Header == | ||
| - | = Size 1 Header = | ||
| - | </ | ||
| - | |||
| - | ==== Text ==== | ||
| - | Text can be manipulated in all sorts of ways, from changing the alignment to manually setting sizes and colors. Here's some examples in action: | ||
| - | |||
| - | <TEXT align=" | ||
| - | **Bolded Text** - // | ||
| - | |||
| - | **// | ||
| - | |||
| - | - Here's an Ordered List Item | ||
| - | - Keep in mind these don't work nicely with text alignments other then left. | ||
| - | |||
| - | * This is a bullet point | ||
| - | * These also don't work with custom text alignments. | ||
| - | |||
| - | <fc # | ||
| - | |||
| - | <fs xx-small> | ||
| - | |||
| - | </ | ||
| - | |||
| - | < | ||
| - | <TEXT align=" | ||
| - | **Bolded Text** - // | ||
| - | |||
| - | **// | ||
| - | |||
| - | - Here's an Ordered List Item | ||
| - | - Keep in mind these don't work nicely with text alignments other then left. | ||
| - | |||
| - | * This is a bullet point | ||
| - | * These also don't work with custom text alignments. | ||
| - | |||
| - | <fc # | ||
| - | |||
| - | <fs xx-small> | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | |||
| - | ==== Columns ==== | ||
| - | A page can be split into a maximum of 12 columns through the '' | ||
| - | |||
| - | < | ||
| - | <col md=" | ||
| - | |||
| - | ^ Here's a size 1 column | ||
| - | |||
| - | </ | ||
| - | <col md=" | ||
| - | |||
| - | ^ Here's a size 2 column | ||
| - | |||
| - | </ | ||
| - | <col md=" | ||
| - | |||
| - | ^ Here's a size 3 (quarter page) column | ||
| - | |||
| - | </ | ||
| - | <col md=" | ||
| - | |||
| - | ^ Here's a size 6 (half page) column | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | < | ||
| - | <col md=" | ||
| - | |||
| - | ^ Here's a size 1 column | ||
| - | |||
| - | </ | ||
| - | <col md=" | ||
| - | |||
| - | ^ Here's a size 2 column | ||
| - | |||
| - | </ | ||
| - | <col md=" | ||
| - | |||
| - | ^ Here's a size 3 (quarter page) column | ||
| - | |||
| - | </ | ||
| - | <col md=" | ||
| - | |||
| - | ^ Here's a size 6 (half page) column | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | ===== Bootstrap Elements ===== | ||
| - | These are a very powerful set of plugins with a wide range of uses. One of constant things between them is the '' | ||
| - | |||
| - | <label type=" | ||
| - | |||
| - | Documentation on all the possible implementations of this wrapper can be found here: http:// | ||
| - | |||
| - | ==== Accordions ==== | ||
| - | Useful when a large amount of vertical space is needed for something, such as skillplans. Here's an example of it in action: | ||
| - | |||
| - | < | ||
| - | <panel title=" | ||
| - | |||
| - | Here's some hidden text. | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | < | ||
| - | <panel title=" | ||
| - | |||
| - | Here's some hidden text. | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | |||
| - | </ | ||
| - | |||
| - | ==== Alerts ==== | ||
| - | Alerts can be used when you want to draw attention to information on a page. Here's an example: | ||
| - | |||
| - | <alert type=" | ||
| - | |||
| - | **Look here! This is important!** | ||
| - | |||
| - | </ | ||
| - | |||
| - | < | ||
| - | <alert type=" | ||
| - | |||
| - | **Look here! This is important!** | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | |||
| - | ==== Buttons ==== | ||
| - | Buttons are basically nicer links. Their height, color, and length are all variable. Here's an example small, primary button which links to the wiki home page: | ||
| - | |||
| - | <btn type=" | ||
| - | [[https:// | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | <btn type=" | ||
| - | [[https:// | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | ==== Callouts ==== | ||
| - | Callouts are similar to alerts in that they make information on a page stand out, but they do it in a less aggressive way. Here's an example of a Danger Callout: | ||
| - | |||
| - | <callout title=" | ||
| - | Hey look, an example! | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | <callout title=" | ||
| - | Hey look, an example! | ||
| - | </ | ||
| - | </ | ||