Guidance for Stormwater Manual wiki users
Contact: Mike Trojan
1) Working in the Minnesota Stormwater Manual
a) Discuss with your supervisor and have them send me an email approving this.
b) You will be sent a username and password to access the wiki. When you get this, log in and then change your password.
c) Set up a ½ hour session with me to go through the basics
a) Become familiar with the Help available in the wiki. It is not necessary to know specifics, but it is useful to have a general understanding of what help is available. On the left toolbar in the wiki, click on Help and review the contents. Note there is a Wikipedia Manual of Style which we largely adhere to since the Manual wiki uses Mediawiki as its platform, which is the same platform used by Wikipedia.
b) Writing in the wiki utilizes a mix of wiki and html. If you encounter an issue that is not discussed in the help section described above, a solution can generally be found on the internet. For example, if you wanted to use red font and cannot find help in the Manual wiki, do a Google search on red font html or red font wiki.
c) Ask someone familiar with coding in the wiki. It is possible that the issue you are trying to resolve has been encountered by others.
3) Creating a test page
a) go to https://stormwater.pca.state.mn.us/index.php?title=Creating_test_pages
b) Click on edit and enter the code needed to create your page. The code is Name of the page. For example John Doe test page creates a page called John Doe test page.
c) Note that a newly created page does not actually exist until you go to that page, edit it, and save your edit(s). If you see a link to a page and the link is in red font, that is a page that has not yet been saved in the wiki. Blue font indicates a page that has been created.
4) Page structure - Headers
a) Before the first header on a page, most pages should have a brief introduction explaining what is on the page and if appropriate introducing the topic.
b) Main headings are ==Header==, and subheadings get an additional = sign. For example, if the topic is soil and a subtopic is soil infiltration, you would use the following coding
c) Each header and subheader should have some text below it, even if is just introductory, as shown above.
d) Use sentence case in a header. For example, Soil infiltration, as shown above
e) Never use a single = sign.
f) With ascending headers, do not skip == signs. The example below shows an incorrect hierarchy, going from 2 to 4 equal signs
5) Page structure – new paragraphs
a) The preference for a new paragraph is to use two hard returns. The
commands also start new paragraphs, but the use of hard returns makes it easier to read the code when editing
b) Preferred (2 hard returns)
Paragraph 1 text
Paragraph 2 test
Paragraph 1 text
Paragraph 2 text
Paragraph 1 text
Paragraph 2 text
a) The coding is as follows:
b) Must have the alt for ADA compliance
c) Can deviate from 300 px if warranted. If an image is small, add the text “Click on image to enlarge”
d) Include “left” if image is to be placed on left side of page
e) Can create a gallery when multiple images should go together. You see an example at https://stormwater.pca.state.mn.us/index.php?title=Construction_stormwater_photo_gallery_-_Perimeter_control
- MIDS Calculator screen shots for inputs for bioretention without an underdrain (bioinfiltration). Click on an image for enlarged view.
Screen shot showing Watershed tab for bioretention without an underdrain. See Step 6.
Screen shot showing BMP Parameters tab for bioretention without an underdrain. See Step 7.
Screen shot of the BMP Summary tab for bioretention without an underdrain. See Step 8.
Screen shot of the Results tab for bioretention system without an underdrain. See Step 10.
f) Provide credit(s) for the image in the caption when necessary. For example, “Image courtesy of Capital Region Watershed District”.
g) Captions must have 3 point font for text. For example: Caption text
h) We have the ability to create gif images. For an example, link here - https://stormwater.pca.state.mn.us/index.php?title=File:Infiltration_bmps.gif. If you are interested in making a gif image, see me.
i) We can create links within images. For an example, link here - https://stormwater.pca.state.mn.us/index.php?title=10_Steps_to_Stormwater_Pollution_Prevention_on_Small_Residential_Construction_Sites. If you are interested in this, see me.
j) Note that images are actually on separate pages. Click on one in the wiki to see. The page housing the image can be edited. So if you have a lot of text you would like to explain an image, type in the caption “For more discussion, click on image”, and then add the extra text on the page that houses the image.
k) The primary purpose of an image is to provide information or explain a concept presented in the text. However, keep visual attractiveness in mind when using images on a page. Place images as necessary to avoid problems such as excess white space, inappropriate text wrapping, interference with alerts and bullets, etc. Group images into a gallery or use .gif images if images can be grouped.
a) Tables can be done in two formats – html and wiki
b) Html tables are preferred because they are composed on separate pages. The information in the table is embedded on other pages with specific coding (see Transclusions below). Unfortunately, html tables are time consuming and can be challenging. Certain components of an html table are required. For an example of an html table, go to this link - https://stormwater.pca.state.mn.us/index.php?title=Event_mean_concentrations_for_total_phosphorus. To see the coding, make sure you are logged in and click on edit.
i) The table caption must have 3 point font for text. Example: Caption text
ii) All tables must create a link to the table using the following coding: Link to this table. The page name must be exact and is case sensitive.
iii) All tables must be sortable. Example coding:
c) Wiki tables are created on the page where they will be housed and cannot be linked to other pages (cannot be transcluded; see below). They should therefore be created only when the information in the table is unique to the page on which the table is created. Wiki tables are easy to build using the toolbar in the edit mode within the wiki. If you go to https://stormwater.pca.state.mn.us/index.php?title=Event_mean_concentrations_of_total_and_dissolved_phosphorus_in_stormwater_runoff, the summary table at the top of the page is an example of a wiki table.
d) Tables can include images. If you include an image, ensure it is sized properly.
a) A transclusion is the inclusion of material from another page on the page you are editing. That is, the transclusion command tells the wiki to go grab information from another page and insert it on the page being edited.
b) The coding for a transclusion is Page name. In this case, the information on page name is placed on the page you are editing.
c) Transclusions are very useful for material that is used in multiple places in the wiki. For example, the table Design infiltration rates appears on 13 different pages in the wiki. The actual table exists on just one page - https://stormwater.pca.state.mn.us/index.php?title=Design_infiltration_rates. Whenever we edit the information in this table, the table automatically updates at the 13 locations where it is transcluded.
d) There may be material on a page that you do not want to be transcluded to another page. On the page to be transcluded, use text for text you do not want transcluded.
a) Link to other websites liberally, including reports/articles if they are available on the web.
b) Do not link to vendor sites unless justifiable. For example, when discussing structural soils for tree trenches, it is necessary to mention specific vendors. In this case, try to be inclusive and link to multiple vendors if appropriate. Place an alert (see below) at the top of the page that states: Reference to any specific commercial product, process, or service by trade name, trademark, service mark, manufacturer, or otherwise does not constitute or imply endorsement, recommendation, or favoring by the Minnesota Pollution Control Agency.
c) Links can be internal (to another location in the wiki) or external (to a location outside the wiki).
d) For external links the coding is [url text you want the reader to see]. Note the space between the url and the text you want the reader to see. In the following example, the link is to a Mediawiki site and the user sees the word Mediawiki highlighted in blue, indicating a link: Mediawiki.
e) Internal links can use the same coding as external links. You may also create internal links with the following coding: text. The page name must exactly match the page you want to link to.
f) Within the wiki, you can link to any header or subheader on a page. Just go to that section on a page and copy the url (each section on a page has its own url).
10) Alert boxes - https://stormwater.pca.state.mn.us/index.php?title=Bioretention_combined#Terminology
b) Danger for permit requirements; warning for recommendations, important items, etc., info for information items; success for green infrastructure; under-review; under-construction
11) File uploads
a) When you are logged in, you can upload files into the wiki. Click on Upload file in the left toolbar. On the upload page you will see the acceptable file types. File size is limited to 100 megabytes.
b) Click on the Choose file button and navigate to the file you are uploading. At the bottom of the page click on Upload file.
c) Occasionally you will get a message or warning about the file. Examples include duplicate files, replacing a file with the same name, or a message saying the file you are uploading is empty. In the case where a file is said to be empty, it typically means you are trying to load a Microsoft file created as a version that is not being read by the wiki. You should go back into the file and save it in a format compatible with the wiki (e.g. you may need to save the file as .docx rather than .doc). For other messages and warning, you will typically be given a menu of options for addressing the issue.
12) Inserting a document on a page
a) The coding for inserting a document (e.g. .docx, .pdf, .xlsx, .pptx) is File:Filename. It is best to describe the file to the reader outside of the link to the file. For example, “The document can be found at the following link – File:Filename”.
13) Hover boxes
a) A hover box allows the reader to see a definition or other information for a word or set of words by hovering their mouse over the word or words. The coding for this is page text . The page text is what the reader sees on the page and should be bolded so the reader knows there is hover text associated with the page text. When the reader hovers over the page text, they see the hover text.
b) Example: bioinfiltration. The reader will see the word bioinfiltration bolded on the page and when hovering over that word will see the definition.
c) There is a page in the wiki with hover box coding for several terms - https://stormwater.pca.state.mn.us/index.php?title=Hover_box_definitions. You can go to this page and copy the coding if you want to insert a hover box for that word on the page you are editing. Once you copy the coding, you can change the text the user sees if that is desired.
d) You can add new hover box definitions to the page indicated above if needed.
a) Popups are similar to hover boxes in that they display information when hovering over a word or set of words. However, they are most useful for explaining concepts rather than providing definitions. They contain a header with text below the header.
b) Coding: Text the reader sees on the page. The header text and Text are what the reader sees when hovering over the word.
c) Example: sizing
d) In this example, the reader sees the word sizing in bold. By hovering over the word, they see the header What is sizing? And the detailed discussion below the header.
15) Information boxes
a) Information boxes are actually wiki tables placed at specific locations on a page and intended to get the readers attention. The most useful application of these is as an overview or brief summary for a page that has a lot of content. This allows the reader to get the important points and not have to go through the entire page.
b) Use information boxes for pages or sections on pages with a lot of information or that have complex information. The objective is to provide quick access to information or simplify information for the reader.
16) Hiding text
a) If you want to hide text from the reader, use the following coding: <!—hidden text
b) Hiding text is useful when you have coded text that is not ready for display or that you want temporarily hidden from the reader.
a) Categories provide another way for readers to find material in the wiki. When different pages have a common theme, we can place those pages into a category named after the theme. For example, if we have pages on soil infiltration, measuring soil infiltration, and soil infiltration rates, we can put each of these pages into a category called Soil infiltration.
b) To place a page in a category, at the bottom of the page type. Note the use of noinclude, since we do not want this text to be copied to another page if we transclude the page.
c) To find thelist of categories, in the left toolbar click on Index (Categories)
18) The left toolbar
a) Main page – links to the main page in the wiki
b) Table of Contents – links to the Table of Contents in the wiki
c) Index (Categories) – links to a list of categories (see discussion of Categories above)
d) What’s New – If you create a new page or make significant changes to an existing page, you should add that change to the What’s New page
e) Response to comments – location where I respond to comments submitted through the wiki
f) Future updates – summary of anticipated changes in the manual
g) Events – contains a summary of future, ongoing, and past events
h) In the News – contains a list of interesting new items
i) Funding – provides funding information
j) Recent changes – provides a summary of recent changes to the wiki
k) Help – provides help information
l) Export to pdf – describes export options for the user
m) What links here – provides a list of pages that link to the page you are working on
n) Related changes – not used
o) Upload file – for uploading files (see discussion above)
p) Special pages – contains a wide variety of information about the wiki. You should go in to this and see what information is contained here. It includes a Gallery of files where you search for files uploaded to the wiki.
q) Printable version – provides a printable version of the page you are on
r) Permanent link – not used
s) Page information – provides information about the page you are on, including number of hits and last edits
t) Cite this page – provides several options for citing the page you are on
19) Page and edit history
a) The wiki maintains a copy of every edit made. You can thus find a specific version of the wiki. For example, if someone wanted a version of the wiki for January 11, 2018, you can find that version.
b) This edit history includes the person making edits and allows you to see what changes were made when comparing two versions of a page.
20) Useful links
b) Wikipedia Manual of Style
c) Wikipedia Manual of style – accessibility