Difference between revisions of "Demo page"

From LID SWM Planning and Design Guide
Jump to navigation Jump to search
 
(34 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)
<p>With minimal pretreatment (e.g., gravity filtration or first-flush diversion), the captured
 
rainwater can be used for outdoor non-potable water uses such as irrigation and
 
pressure washing, or in the building to flush toilets or urinals. It is estimated that these
 
applications alone can reduce household municipal water consumption by up to 55%
 
([[#References| Reid Homes, 2007]]). The capture and use of rainwater can, in turn, significantly reduce
 
stormwater runoff volume and pollutant load. By providing a reliable and renewable
 
source of water to end users, rainwater harvesting systems can also help reduce
 
demand on water resources (such as groundwater aquifers and reservoirs) from which
 
municipal water supplies are drawn. By reducing demand on water resources,
 
rainwater harvesting can result in significant cost savings due to:</p>
 
  
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>
 
<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>
 
</div>
 
</div>
 
<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
        <div class="modal-dialog modal-md">
 
          <div class="modal-content">
 
            <div class="modal-header">
 
              <div class="close" data-dismiss="modal" aria-hidden="true">×</div>
 
              <h4Blue>Figure 1</h4Blue>
 
            </div>
 
            <div class="modal-body">
 
              <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">
 
              <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>
 
            </div>
 
            <div class="modal-footer">
 
              </div>
 
            </div>
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
</div>
 
  
<div class="col-md-12">
+
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/]
  
<h3> References</h3>
+
----
<small>
+
 
<p><em>Reids Heritage Homes. 2007. Leeds Home Showcased Features.
+
===level 3 header uses three 'equals' signs===
http://www.ReidsHeritageHomes.com</em></p>
+
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