Difference between revisions of "Demo page"

From LID SWM Planning and Design Guide
Jump to navigation Jump to search
 
(36 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']]
 
[http://www.sustainabletechnologies.ca/wp/ 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.[http://www.sustainabletechnologies.ca/wp/]
 
----
 
===level 3 header uses three 'equals' signs===
Click on the 'edit'. See how it breaks the page down into more manageable sections for editing!
 
[[File:Bcpv sheep 04.jpg|thumb|I have no idea where this photo of the sheep came from.]]
 
{|class="wikitable"
|+ Caption for table
|-
!style="background: darkcyan; color: white"|Header 1
!style="background: darkcyan; color: white"|Header 2
!style="background: darkcyan; color: white"|Header 3
|-
!Row leader 1
|Content under header 2||Content under header 3
|}
 
----
 
<h3>level 3 (no edit section)</h3>
 
{{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:
*Bullets in here too!
*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>

Latest revision as of 18:40, 25 February 2022

See how the contents list is populated with the headers automatically. I usually constrain them to level 2 headers (see the .docx file)

level 2 header with 'edit' uses two 'equals' signs

  • bullet item 1
  • bullet item 2

The level 3 header is further down (to demonstrate the function of the 'edit')

  1. numbered list item 1
    • level 1A
    • level 1B
  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]


level 3 header uses three 'equals' signs

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]

  1. Once overheard on the subway