|
|
| (35 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | <HalfLeft>
| + | See how the contents list is populated with the headers automatically. I usually constrain them to level 2 headers (see the .docx file) |
| − | Rainwater harvesting is the ancient practice of collecting and storing rainwater for later use. Roof runoff is directed into a rain barrel Figure 1 or underground storage tank (i.e. cistern) via downspouts from eavestroughs or roof drains and used for purposes not requiring potable water (e.g. garden irrigation, outdoor/vehicle washing, toilet flushing, fire suppression).
| |
| | | | |
| − | Rainwater harvesting reduces the volume of water that enters the municipal storm sewer system during wet weather, which frees up capacity for conveyance, storage and treatment in downstream stormwater infrastructure. It also conserves treated drinking water which provides cost savings to municipalities through reduced demand for municipally-supplied water and to property owners through lower water bills.
| + | ==level 2 header with 'edit' uses two 'equals' signs== |
| | + | *bullet item 1 |
| | + | *bullet item 2 |
| | | | |
| − | Rainwater is a better water source for irrigating vegetable gardens and landscaping because it does not contain residual chlorine and disinfection by-products found in municipally supplied drinking water. To maximize the runoff reduction and water conservation benefits it is best to substantially or fully drain rain barrels and cisterns between storms.
| + | The level 3 header is further down (to demonstrate the function of the 'edit') |
| − | </HalfLeft>
| + | #numbered list item 1 |
| | + | **level 1A |
| | + | **level 1B |
| | + | #numbered list item 2 |
| | | | |
| − | <HalfRight> | + | ''italics'' <br> |
| − | <youtube>scJ__GWKXfE</youtube>
| |
| − | </HalfRight>
| |
| | | | |
| − | <clearFix></clearFix>
| + | '''bold text used a header for links section''' |
| | | | |
| − | <div class="col-md-3">
| + | [[Swales]] |
| − | <panelinfo>
| |
| − | <panelHeading>[[Rainwater_Harvesting|<font color="#000000">RAINWATER HARVESTING]]</font></panelHeading>
| |
| − | <panelBody>http://mediawiki.trca.info/images/thumb/6/68/RainBarrel.jpg/450px-RainBarrel.jpg</panelBody>
| |
| − | </panelinfo>
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <panelsuccess>
| |
| − | <panelHeading>[[Rainwater_Harvesting|<font color="#000000">RAINWATER HARVESTING]]</font></panelHeading>
| |
| − | <panelBody>Rainwater harvesting is the ancient practice of collecting and storing rainwater for later use. Roof runoff is directed into a rain barrel Figure 1 or underground storage tank (i.e. cistern) via downspouts from eavestroughs or roof drains and used for purposes not requiring potable water (e.g. garden irrigation, outdoor/vehicle washing, toilet flushing, fire suppression).</panelBody>
| |
| − | </panelsuccess>
| |
| − | </div>
| |
| − | <div class="col-md-6">
| |
| − | <paneldanger>
| |
| − | <panelHeading>[[Rainwater_Harvesting|<font color="#000000">RAINWATER HARVESTING]]</font></panelHeading>
| |
| − | <panelBody>Rainwater harvesting reduces the volume of water that enters the municipal storm sewer system during wet weather, which frees up capacity for conveyance, storage and treatment in downstream stormwater infrastructure. It also conserves treated drinking water which provides cost savings to municipalities through reduced demand for municipally-supplied water and to property owners through lower water bills.</panelBody>
| |
| − | </paneldanger>
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <panelwarning>
| |
| − | <panelHeading>[[Rainwater_Harvesting|<font color="#000000">RAINWATER HARVESTING]]</font></panelHeading>
| |
| − | <panelBody>Rainwater is a better water source for irrigating vegetable gardens and landscaping because it does not contain residual chlorine and disinfection by-products found in municipally supplied drinking water. To maximize the runoff reduction and water conservation benefits it is best to substantially or fully drain rain barrels and cisterns between storms.</panelBody></panelwarning>
| |
| − | </div>
| |
| | | | |
| − | <clearFix></clearFix>
| + | [[Swales|I'm a link to the wiki page 'swales']] |
| | | | |
| − | <div class="col-md-4">
| + | [http://www.sustainabletechnologies.ca/wp/ I'm a link to the external page "http://www.sustainabletechnologies.ca/wp/"] |
| − | <div class="carousel-inner">
| + | |
| − | <span id="Figure_1"></span>
| + | The number 1 at the end of this line is also a link to sustainabletechnologies. Only I didn't give it alternative text to show you.[http://www.sustainabletechnologies.ca/wp/] |
| − | <div class="thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;cursor:pointer;" data-toggle="modal" data-target="#myModal1"> http://mediawiki.trca.info/images/4/4e/U_of_Guelph_supersize_rainbarrel.png
| + | |
| − | <div id="mycarousel" class="carousel slide" data-ride="carousel"><div class="carousel-caption">
| + | ---- |
| − | <strong>Figure 1</strong>
| + | |
| − | </div>
| + | ===level 3 header uses three 'equals' signs=== |
| − | </div>
| + | Click on the 'edit'. See how it breaks the page down into more manageable sections for editing! |
| − | </div>
| + | |
| − | <div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
| + | [[File:Bcpv sheep 04.jpg|thumb|I have no idea where this photo of the sheep came from.]] |
| − | <div class="modal-dialog modal-md">
| + | |
| − | <div class="modal-content">
| + | {|class="wikitable" |
| − | <div class="modal-header">
| + | |+ Caption for table |
| − | <div class="close" data-dismiss="modal" aria-hidden="true">×</div>
| + | |- |
| − | <h4Blue>Figure 1</h4Blue>
| + | !style="background: darkcyan; color: white"|Header 1 |
| − | </div>
| + | !style="background: darkcyan; color: white"|Header 2 |
| − | <div class="modal-body">
| + | !style="background: darkcyan; color: white"|Header 3 |
| − | <div class="col-md-6 pull-left thumbnail img-thumbnail color-border" style="overflow:hidden;margin:0 auto;cursor:pointer;">http://mediawiki.trca.info/images/4/4e/U_of_Guelph_supersize_rainbarrel.png</div>
| + | |- |
| − | <div class="col-md-6 pull-right">
| + | !Row leader 1 |
| − | <p>This is a rain barrel! It has a __ L capacity and is located in Toronto. To read more about this installation click here to visit the case study.</p>
| + | |Content under header 2||Content under header 3 |
| − | </div>
| + | |} |
| − | <div class="modal-footer">
| + | |
| − | </div>
| + | ---- |
| − | </div>
| + | |
| − | </div>
| + | <h3>level 3 (no edit section)</h3> |
| − | </div>
| + | |
| − | </div>
| + | {{textbox|1=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit nisl nisl, vitae luctus magna viverra eget. Curabitur sagittis massa sed nisl ultrices, in pulvinar arcu ullamcorper. Nulla tempus ligula non risus sodales congue. Suspendisse blandit ut est ut congue. Also: |
| − | </div>
| + | *Bullets in here too! |
| − | </div> | + | *And another one |
| | + | }} |
| | + | |
| | + | {{Clickable button|I'm a button! I could contain a link in here}} |
| | + | |
| | + | And finally I shall reference something<ref>Once overheard on the subway</ref> |
See how the contents list is populated with the headers automatically. I usually constrain them to level 2 headers (see the .docx file)
- bullet item 1
- bullet item 2
The level 3 header is further down (to demonstrate the function of the 'edit')
- numbered list item 1
- numbered list item 2
italics
bold text used a header for links section
Swales
I'm a link to the wiki page 'swales'
I'm a link to the external page "http://www.sustainabletechnologies.ca/wp/"
The number 1 at the end of this line is also a link to sustainabletechnologies. Only I didn't give it alternative text to show you.[1]
Click on the 'edit'. See how it breaks the page down into more manageable sections for editing!
I have no idea where this photo of the sheep came from.
Caption for table
| Header 1
|
Header 2
|
Header 3
|
| Row leader 1
|
Content under header 2 |
Content under header 3
|
level 3 (no edit section)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit nisl nisl, vitae luctus magna viverra eget. Curabitur sagittis massa sed nisl ultrices, in pulvinar arcu ullamcorper. Nulla tempus ligula non risus sodales congue. Suspendisse blandit ut est ut congue. Also:
- Bullets in here too!
- And another one
I'm a button! I could contain a link in here
And finally I shall reference something[1]
- ↑ Once overheard on the subway
