m |
m |
||
(46 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | If you have questions related to the Stormwater Manual wiki, contact Mike Trojan | |
− | |||
− | == | + | This page provides some basic guidance for working in the wiki. It will be updated periodically. |
− | *Discuss with your supervisor and have them send me an email approving this. | + | |
+ | ==Why do you want to work in the Manual wiki?== | ||
+ | The Minnesota Stormwater Manual is a powerful online tool for disseminating information to stakeholders. Stakeholders include permittees, technical people, managers, educators, the general public, and more. As of this update, the Manual has nearly 26 million hits. | ||
+ | |||
+ | There are many reasons why you may want to work in the manual. Examples include the following. | ||
+ | *Delivering guidance to a specific or general audience | ||
+ | *Education and training for professionals, including Powerpoints, videos, fact sheets, and so on. | ||
+ | *Delivering or making tools accessible, such as models and spreadsheets | ||
+ | *Providing links to other resources and websites | ||
+ | *Providing resources such as images and photos, event notices, funding information, etc. | ||
+ | *Providing forms such as inspection sheets, and maintenance sheets | ||
+ | |||
+ | Staff within a specific program are encouraged to work in the wiki and bring their programmatic expertise and interests into the manual. | ||
+ | |||
+ | ==A few ground rules and responsibility== | ||
+ | Before you have wiki rights, you should understand the following. | ||
+ | *You are responsible for material you place on a page. The wiki records every edit made, including the date, time, and author. Misuse of the wiki will result in a loss of access rights. | ||
+ | *You must adhere to specific style guidelines, as specified on this page | ||
+ | *It is not necessary to check with me for minor edits. The following should be cleared with me. | ||
+ | **Creation of a new page | ||
+ | **Significant changes to an existing page | ||
+ | **Ideas for new materials, concepts, topic areas, etc. | ||
+ | |||
+ | It's not my goal to micromanage, but it is important that I am familiar with the contents of the wiki since questions about material in the manual are typically directed to me. | ||
+ | |||
+ | ==Getting started - getting rights and initial orientation== | ||
+ | *Discuss with your supervisor your desire to work in the wiki and have them send me (Mike Trojan) an email approving this. | ||
*You will be sent a username and password to access the wiki. When you get this, log in and then change your password. | *You will be sent a username and password to access the wiki. When you get this, log in and then change your password. | ||
*Set up a ½ hour session with me to go through the basics | *Set up a ½ hour session with me to go through the basics | ||
==Help== | ==Help== | ||
− | *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. | + | *Become familiar with the [https://stormwater.pca.state.mn.us/index.php?title=Help:Contents 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 [https://en.wikipedia.org/wiki/Wikipedia:Manual_of_Style Wikipedia Manual of Style] which we largely adhere to since the Manual wiki uses [https://www.mediawiki.org/wiki/MediaWiki Mediawiki] as its platform, which is the same platform used by Wikipedia. |
− | *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. | + | *Writing in the wiki utilizes a mix of [https://en.wikipedia.org/wiki/Help:Wikitext wiki] and [https://en.wikipedia.org/wiki/HTML html] coding. 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. |
*Ask someone familiar with coding in the wiki. It is possible that the issue you are trying to resolve has been encountered by others. | *Ask someone familiar with coding in the wiki. It is possible that the issue you are trying to resolve has been encountered by others. | ||
==Creating a test page== | ==Creating a test page== | ||
− | *Go | + | *Set up a test page. This is a page for you to practice on or to develop new material that is not yet ready to be placed in the manual. You may set up multiple test pages. |
− | + | *Every test page must have the following alert at the top of the page: | |
+ | {{alert|This page is an edit and testing page use by the wiki authors. It is not a content page for the Manual. Information on this page may not be accurate and should not be used as guidance in managing stormwater.|alert-danger}} | ||
+ | Go into edit mode and copy the coding for this alert onto your test page(s) | ||
+ | *To create a test page, [https://stormwater.pca.state.mn.us/index.php?title=Creating_test_pages go to this page], click on edit, and enter the code needed to create your page. The code is double brackets ([[), Name of the page, and close brackets. This creates a link shown in red text (see next bullet). Click on the link to go to your new test page. | ||
*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. | *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. | ||
− | ==Page | + | ==Html codes== |
− | *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. | + | Many commands in html utilize the following code<>. The command is then closed by </>. Examples include the following. |
− | *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 | + | *font size (e.g. between the less than and greater than signs, type ''font size=3'' for 3 point font. Once done, close with the following between the two signs: ''font size'') |
− | ==Soil== | + | *span - this command activates many other potential commands, typically related to styling, with the span command. [https://www.codecademy.com/forum_questions/502ad0ea558dfe0002026d69 Link here for more information] |
− | + | *p - starts or ends a paragraph | |
− | ===Soil infiltration=== | + | |
− | + | You can easily find information on different html commands on the internet ([http://www.transaction.net/web/tutor/cmdtable.html],[http://www.simplehtmlguide.com/cheatsheet.php], [https://www.math.uh.edu/~torok/math_6298/html/commands.html], [https://www.educba.com/html-commands/]). | |
+ | |||
+ | ==Page headers and subheaders (sections on a page)== | ||
+ | *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. | ||
+ | *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: ==Soil==, followed by some introductory text, and then the subfolder ===Soil infiltration===, followed by the text for that section | ||
*Each header and subheader should have some text below it, even if is just introductory, as shown above. | *Each header and subheader should have some text below it, even if is just introductory, as shown above. | ||
*Use sentence case in a header. For example, Soil infiltration, as shown above | *Use sentence case in a header. For example, Soil infiltration, as shown above | ||
*Never use a single = sign. | *Never use a single = sign. | ||
− | *With ascending headers, do not skip == signs | + | *With ascending headers, do not skip == signs, for example, going from 2 to 4 equal signs. It is acceptable to skip equal signs when going up the hierarchy, such as going from 4 to 2 equal signs. |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ==New paragraphs== | |
− | *Alternatives | + | *The preference for beginning a new paragraph is to use two hard returns. |
− | + | *Alternatives are the p command and the br command. The hard return method is preferred because it makes reading the code in edit mode easier. | |
− | |||
− | |||
− | |||
− | |||
==Images== | ==Images== | ||
− | *The coding is as follows: | + | *The coding is as follows: file:file name|300px|thumb|alt=image|caption text, surrounded by double brackets ([[) on both ends. The text should be in 3 point font. Font size is [https://stormwater.pca.state.mn.us/index.php?title=Guidance_for_wiki_editors#Html_codes set with html code]. |
*Must have the alt for ADA compliance | *Must have the alt for ADA compliance | ||
*Can deviate from 300 px if warranted. If an image is small, add the text “Click on image to enlarge” | *Can deviate from 300 px if warranted. If an image is small, add the text “Click on image to enlarge” | ||
− | *Include “left” if image is to be placed on left side of page | + | *Include “left” if image is to be placed on left side of page. Thumb automatically places the image on the right unless left is specified. |
− | * | + | *You can create a gallery when multiple images should go together. An example is shown below. To see the coding for this, make sure you are logged in and click edit for this section. |
<gallery caption="MIDS Calculator screen shots for inputs for bioretention without an underdrain (bioinfiltration). Click on an image for enlarged view." widths="140px"> | <gallery caption="MIDS Calculator screen shots for inputs for bioretention without an underdrain (bioinfiltration). Click on an image for enlarged view." widths="140px"> | ||
File:Watershed tab bioinfiltration example.png|alt=Screen shot showing Watershed tab for bioinfiltration|Screen shot showing Watershed tab for bioretention without an underdrain. See Step 6. | File:Watershed tab bioinfiltration example.png|alt=Screen shot showing Watershed tab for bioinfiltration|Screen shot showing Watershed tab for bioretention without an underdrain. See Step 6. | ||
Line 57: | Line 78: | ||
</gallery> | </gallery> | ||
*Provide credit(s) for the image in the caption when necessary. For example, “Image courtesy of Capital Region Watershed District”. | *Provide credit(s) for the image in the caption when necessary. For example, “Image courtesy of Capital Region Watershed District”. | ||
− | + | *We have the ability to create gif images. For an example, [https://stormwater.pca.state.mn.us/index.php?title=File:Infiltration_bmps.gif link here]. If you are interested in making a gif image, see me. | |
− | *We have the ability to create gif images. For an example, | + | *We can create links within images. For an example, [https://stormwater.pca.state.mn.us/index.php?title=10_Steps_to_Stormwater_Pollution_Prevention_on_Small_Residential_Construction_Sites link here]. If you are interested in this, see me. |
− | *We can create links within images. For an example, | ||
*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. | *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. | ||
*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. | *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. | ||
Line 65: | Line 85: | ||
==Tables== | ==Tables== | ||
*Tables can be done in two formats – html and wiki | *Tables can be done in two formats – html and wiki | ||
− | *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, | + | *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 [https://stormwater.pca.state.mn.us/index.php?title=Guidance_for_wiki_editors#Transclusions 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, [https://stormwater.pca.state.mn.us/index.php?title=Event_mean_concentrations_for_total_phosphorus go to this link]. To see the coding, make sure you are logged in and click on edit. |
− | **The table caption must have 3 point font for text. | + | **The table caption must have 3 point font for text. |
− | **All | + | **All table captions must create a link to the table. |
− | **All tables must be sortable. | + | **All tables must be sortable. |
− | *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. | + | **To see an example or see specific coding needed, [https://stormwater.pca.state.mn.us/index.php?title=Summary_of_horizontal_and_vertical_setback_distances here is an example]. After linking to this page, click on edit to observe the coding. |
+ | *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 this link], the summary table at the top of the page is an example of a wiki table. | ||
*Tables can include images. If you include an image, ensure it is sized properly. | *Tables can include images. If you include an image, ensure it is sized properly. | ||
Line 75: | Line 96: | ||
*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. | *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. | ||
*The coding for a transclusion is {{:page name}}. In this case, the information on page name is placed on the page you are editing. | *The coding for a transclusion is {{:page name}}. In this case, the information on page name is placed on the page you are editing. | ||
− | *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 | + | *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 [https://stormwater.pca.state.mn.us/index.php?title=Design_infiltration_rates exists on just one page]. Whenever we edit the information in this table, the table automatically updates at the 13 locations where it is transcluded. |
*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 <noinclude>text</noinclude> for text you do not want transcluded. | *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 <noinclude>text</noinclude> for text you do not want transcluded. | ||
Line 86: | Line 107: | ||
*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). | *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). | ||
− | ==[https://stormwater.pca.state.mn.us/index.php?title=Bioretention_combined#Terminology Alert boxes] | + | ==[https://stormwater.pca.state.mn.us/index.php?title=Bioretention_combined#Terminology Alert boxes]== |
*{{alert|text|alert-type}} | *{{alert|text|alert-type}} | ||
*Danger for permit requirements; warning for recommendations, important items, etc., info for information items; success for green infrastructure; under-review; under-construction | *Danger for permit requirements; warning for recommendations, important items, etc., info for information items; success for green infrastructure; under-review; under-construction | ||
Line 115: | Line 136: | ||
==Hiding text== | ==Hiding text== | ||
− | *If you want to hide text from the reader, use the following coding: <! | + | *If you want to hide text from the reader, use the following coding: <!--hidden text--> |
*Hiding text is useful when you have coded text that is not ready for display or that you want temporarily hidden from the reader. | *Hiding text is useful when you have coded text that is not ready for display or that you want temporarily hidden from the reader. | ||
Line 124: | Line 145: | ||
==The left toolbar== | ==The left toolbar== | ||
− | *Main page – links to the main page in the wiki | + | *[https://stormwater.pca.state.mn.us/index.php?title=Main_Page Main page] – links to the main page in the wiki |
− | *Table of Contents – links to the Table of Contents in the wiki | + | *[https://stormwater.pca.state.mn.us/index.php?title=Stormwater_Manual_Table_of_Contents Table of Contents] – links to the Table of Contents in the wiki |
− | *Index (Categories) – links to a list of categories (see discussion of Categories above) | + | *[https://stormwater.pca.state.mn.us/index.php?title=Special:Categories Index (Categories)] – links to a list of categories (see discussion of Categories above) |
*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 | *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 | ||
*Response to comments – location where I respond to comments submitted through the wiki | *Response to comments – location where I respond to comments submitted through the wiki | ||
Line 150: | Line 171: | ||
==Useful links== | ==Useful links== | ||
− | *Formatting | + | *[https://stormwater.pca.state.mn.us/index.php?title=Help:Formatting Formatting] |
− | *Wikipedia Manual of Style | + | *[https://en.wikipedia.org/wiki/Wikipedia:Manual_of_Style Wikipedia Manual of Style] |
− | *Wikipedia Manual of style – accessibility | + | *[https://en.wikipedia.org/wiki/Wikipedia:Manual_of_Style/Accessibility Wikipedia Manual of style – accessibility] |
− | *Contents | + | *[https://stormwater.pca.state.mn.us/index.php?title=Help:Contents Help contents] |
If you have questions related to the Stormwater Manual wiki, contact Mike Trojan
This page provides some basic guidance for working in the wiki. It will be updated periodically.
The Minnesota Stormwater Manual is a powerful online tool for disseminating information to stakeholders. Stakeholders include permittees, technical people, managers, educators, the general public, and more. As of this update, the Manual has nearly 26 million hits.
There are many reasons why you may want to work in the manual. Examples include the following.
Staff within a specific program are encouraged to work in the wiki and bring their programmatic expertise and interests into the manual.
Before you have wiki rights, you should understand the following.
It's not my goal to micromanage, but it is important that I am familiar with the contents of the wiki since questions about material in the manual are typically directed to me.
Go into edit mode and copy the coding for this alert onto your test page(s)
Many commands in html utilize the following code<>. The command is then closed by </>. Examples include the following.
You can easily find information on different html commands on the internet ([1],[2], [3], [4]).