Difference between revisions of "Main Page"

From LID SWM Planning and Design Guide
Jump to navigation Jump to search
 
(202 intermediate revisions by 7 users not shown)
Line 1: Line 1:
__NOTOC__
+
<div class="mainpage_pagetitle">'''LOW IMPACT DEVELOPMENT STORMWATER MANAGEMENT PLANNING AND DESIGN GUIDE'''
 +
</div>
 +
{| role="presentation" class="mainpage_layouttable mainpage_middleblock"
  
<table class="table table-hover table-condensed table-bordered">
+
| class="mainpage_hubbox_left" |
<td class="text-center"><strong><h3><textdanger><em>THIS WEBSITE IS UNDER CONSTRUCTION. DO NOT REFERENCE CONTENT PRESENTED ON THIS WEBSITE UNTIL THIS MESSAGE HAS BEEN REMOVED.</em></textdanger></h3></strong></td>
+
<div class="mainpage_boxtitle">'''{{Main page/include|left box title|{{{1|}}}}}'''</div>
<tr>
+
<div class="mainpage_boxcontents">
</table>
 
  
<div class="col-sm-12">
+
<gallery mode="packed-overlay" heights=170px>
<div class="orbit float-left" role="region" aria-label="" data-orbit style="margin-bottom:2.5rem;">
+
File:Factsheet LIDBMPS.png|[[LID BMP Fact Sheets]]|link= LID BMP Fact Sheets
  <ul class="orbit-container" style="margin-left:0;">
+
File:Upflow MTD.jpg|[[Filtration Manufactured Treatment Devices]]|link=Filtration Manufactured Treatment Devices
    <div class="orbit-previous">◀︎</div>
+
O connor Park Bioretention.JPG|[[Bioretention|Bioretention]]|link=Bioretention
    <div class="orbit-next">▶︎</div>
+
Construction page lead photo.jpg|[[Construction]]|link=Construction
<li class="orbit-slide">
+
OGS example.jpg|[[Oil and Grit Separator|OGS]]|link=Oil and Grit Separator
  <div>http://mediawiki.trca.info/images/0/0e/DESIGN.jpg</div>
+
YorkU1.jpg|[[Green roofs]]|link=Green roofs
  <div class="orbit-caption"><p><h2>DESIGN</h2>Our most popular skin, only better! With a new range of custom plugins aimed at wiki communities.</p></div>
+
Image from StormTech.jpg|[[Infiltration chambers]]|link=Infiltration chambers
</li>
+
Infiltration Testing 2.jpeg |[[Design infiltration rate|Design infiltration rate]]|link=Design infiltration rate
<li class="orbit-slide">
+
Clogged pipe.JPG|[[Inspections and Maintenance |Inspection and maintenance]]|link=Inspections and maintenance
  <div>http://mediawiki.trca.info/images/2/29/CONSTRUCTION.jpg</div>
+
Construction Breakdown Bio Full Infil.PNG|[[Low Impact Development Life Cycle Costing Tool]]|link=Low Impact Development Life Cycle Costing Tool
  <div class="orbit-caption"><p><h2>CONSTRUCTION</h2>2.0 includes an Android app that includes latest news & Mediawiki New Articles</p></div>
+
LIDTTT.png|[[Low impact development treatment train tool|Low Impact Development Treatment Train Tool]]|link=Low impact development treatment train tool
</li>
+
PaveDrain.jpg|[[Permeable pavements|Permeable pavements]]|link=Permeable pavements
<li class="orbit-slide">
+
File:Plants page title.JPG|[[Plants]]|link=Plants
  <div>http://mediawiki.trca.info/images/2/25/MAINTENANCE.jpg</div>
+
Site Conditions Road Right of Way Cover.jpg|[[Screening LID options|Site assessment]]|link=Screening LID options
  <div class="orbit-caption"><p><h2>MAINTENANCE</h2>Enterprise level Mediawiki solutions from Anthom.</p></div>
+
LSRCA planters.jpg|[[Stormwater planters|Stormwater planters]]|link=Stormwater planters
</li>
+
File:Central Parkway - soil cell, stormwater planter.JPG|[[Stormwater Tree Trenches|Stormwater tree trenches]]|link=Stormwater Tree Trenches
</ul>
+
TRCA YorkU grass swale 3.jpg|[[Swales]]|link=swales
 +
Snow piles.jpg|[[Winter Management|Winter management]]|link=Winter
 +
</gallery>
 
</div>
 
</div>
<div class="clearfix"></div>
+
We have many more articles. If you don't see what you're looking for, please check the '''[[Table of contents|contents]]''' page or use the search bar.
<div class="col-md-12">
+
| class="mainpage_hubbox" |
<div class="subtitle-black"></div>
+
<div class="mainpage_boxtitle">'''{{Main page/include|right box title|{{{1|}}}}}'''</div>
 +
<div class="mainpage_boxcontents">
 +
'''Welcome user! We have been looking forward to your arrival.'''
  
</div>
+
In anticipation we have prepared a short printable form to help direct your critique of the wiki.
<h3 Class="title-black"><strong><center>Welcome to the Low Impact Development Stormwater Management Practice Planning and Design Guide</center></strong></h3>
 
<div class="col-md-6">
 
<p>The Low Impact Development Stormwater Management Planning and Design Guide
 
(LID SWM Guide) has been developed by Credit Valley Conservation (CVC) and
 
Toronto and Region Conservation Authority (TRCA) as a tool to help developers,
 
consultants, municipalities and landowners understand and implement more sustainable
 
stormwater management planning and design practices in their watersheds. Many
 
jurisdictions have defined the term low impact development. For this document, the
 
following definition, adapted from the United States Environmental Protection Agency
 
(U.S. EPA, 2007) will be used:
 
  
{{TextBox|1=Low impact development (LID) is a stormwater management strategy that seeks to mitigate the impacts of increased runoff and stormwater pollution by managing runoff as close to its source as possible. LID comprises a set of site design strategies that minimize runoff and distributed, small scale structural practices that mimic natural or predevelopment hydrology through the processes of infiltration, evapotranspiration, harvesting, filtration and detention of stormwater. These practices can effectively remove nutrients, pathogens and metals from runoff, and they reduce the volume and intensity of stormwater flows.}}</p>
+
{{Clickable button|[[Media:Comments.pdf|Download pdf feedback form]]}}
<btnPrimary>Read more ..</btnPrimary>
 
</div>
 
<div class="col-md-6">
 
<div class="thumbnail">http://mediawiki.trca.info/images/b/be/IMG_2457_750X500.jpg</div>
 
</div>
 
  
<div class="col-md-12">
+
If you have a shorter comment or observation please use the anonymous feedback box at the bottom of every page.
<h4 class="subtitle-black">CONTENTS</h4>
 
</div>
 
  
<div class="col-md-12 column pull-right">
+
{{Clickable button|[[Table of Contents]]}}
            <div class="portlet">
 
                <div class="panel panel-primary-light-border">
 
                    <div class="panel-heading clearfix">
 
                        <div class="panel-caption">
 
                            <h4 class="panel-title">INTRODUCTION TO THE LOW IMPACT DEVELOPMENT PLANNING AND DESIGN GUIDE</h4>
 
                        </div>
 
                        <div class="panel-options dark">
 
                            <div class="panel-expand">
 
                                <div class="pointer"><i class="fa fa-chevron-down"></i></div>
 
                            </div>
 
<div class="panel-expand">
 
                                <div class="pointer"><i class="fa fa-times"></i></div>
 
                            </div>
 
                      </div>
 
                    </div>
 
                    <div style="display: none;" class="panel-body">
 
                    <p class="justify">
 
  
<ul class="fa-ul">
+
*[[Definition of Low Impact Development|What is low impact development?]]
<li><i class="fa-li fa fa-plus-square"></i>About this Document</li>
+
*[[Terminology | Glossary of terms]]
<li><i class="fa-li fa fa-square-o"></i>&nbsp;&nbsp;&nbsp;Acknowledgements</li>
+
*[[Photographs]]
<li><i class="fa-li fa fa-square-o"></i>&nbsp;&nbsp;&nbsp;Definition of Low Impact Development and Related Terminology</li>
+
*[[Wander_lonely_as_a_cloud|Browse random pages!]]
<li><i class="fa-li fa fa-square"></i>[[History_and_Context|History and Context]]</li> 
+
*[[Acknowledgements]]
<li><i class="fa-li fa fa-square"></i>Legislative Framework</li>
+
*[[Updates|Subscribe to updates]]
<li><i class="fa-li fa fa-square"></i>The Evolution of Stormwater Management</li> 
+
*[[How to contribute| Email us]]
</ul>
 
</p>
 
                    </div>
 
                </div>
 
            </div>
 
            <div class="portlet">
 
                <div class="panel panel-primary-light-border">
 
                    <div class="panel-heading clearfix">
 
                        <div class="panel-caption">
 
                            <h4 class="panel-title">INTEGRATING STORMWATER MANAGEMENT INTO THE PLANNING PROCESS</h4>
 
                        </div>
 
                        <div class="panel-options dark">
 
                            <div class="panel-expand">
 
                                <div class="pointer"><i class="fa fa-chevron-down"></i></div>
 
                            </div>
 
                      </div>
 
                    </div>
 
                    <div style="display: none;" class="panel-body">
 
                    <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
 
    small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
 
    Personally I prefer porlets to tabs.</p>
 
    <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
 
    you select the <i class="fa fa-chevron-up"></i> it will close the portlet, selecting the <i class="fa fa-times"></i>  will remove a portlet, whereas the <i class="fa fa-chevron-down"></i> will close the porlet. Panels can also be set to the
 
    desired potion, either open or closed on page load.</p>
 
                    </div>
 
                </div>
 
            </div>
 
            <div class="portlet">
 
                <div class="panel panel-primary-light-border">
 
                    <div class="panel-heading clearfix">
 
                        <div class="panel-caption">
 
                            <h4 class="panel-title">THE LOW IMPACT DEVELOPMENT APPROACH</h4>
 
                        </div>
 
                        <div class="panel-options dark">
 
                            <div class="panel-expand">
 
                                <div class="pointer"><i class="fa fa-chevron-down"></i></div>
 
                            </div>
 
                      </div>
 
                    </div>
 
                    <div style="display: none;" class="panel-body">
 
                    <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
 
    small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
 
    Personally I prefer porlets to tabs.</p>
 
    <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
 
    you select the <i class="fa fa-chevron-up"></i> it will close the portlet, selecting the <i class="fa fa-times"></i>  will remove a portlet, whereas the <i class="fa fa-chevron-down"></i> will close the porlet. Panels can also be set to the
 
    desired potion, either open or closed on page load.</p>
 
                    </div>
 
                </div>
 
            </div>
 
            <div class="portlet">
 
                <div class="panel panel-primary-light-border">
 
                    <div class="panel-heading clearfix">
 
                        <div class="panel-caption">
 
                            <h4 class="panel-title">DESIGN OF STRUCTURAL LOW IMPACT DEVELOPMENT PRACTICES FOR STORMWATER MANAGEMENT</h4>
 
                        </div>
 
                        <div class="panel-options dark">
 
                            <div class="panel-expand">
 
                                <div class="pointer"><i class="fa fa-chevron-down"></i></div>
 
                            </div>
 
                      </div>
 
                    </div>
 
                    <div style="display: none;" class="panel-body">
 
                    <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
 
    small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
 
    Personally I prefer porlets to tabs.</p>
 
    <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
 
    you select the <i class="fa fa-chevron-up"></i> it will close the portlet, selecting the <i class="fa fa-times"></i>  will remove a portlet, whereas the <i class="fa fa-chevron-down"></i> will close the porlet. Panels can also be set to the
 
    desired potion, either open or closed on page load.</p>
 
                    </div>
 
                </div>
 
            </div>
 
<div class="portlet">
 
                <div class="panel panel-primary-light-border">
 
                    <div class="panel-heading clearfix">
 
                        <div class="panel-caption">
 
                            <h4 class="panel-title">MONITORING</h4>
 
                        </div>
 
                        <div class="panel-options dark">
 
                            <div class="panel-expand">
 
                                <div class="pointer"><i class="fa fa-chevron-down"></i></div>
 
                            </div>
 
                      </div>
 
                    </div>
 
                    <div style="display: none;" class="panel-body">
 
                    <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
 
    small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
 
    Personally I prefer porlets to tabs.</p>
 
    <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
 
    you select the <i class="fa fa-chevron-up"></i> it will close the portlet, selecting the <i class="fa fa-times"></i>  will remove a portlet, whereas the <i class="fa fa-chevron-down"></i> will close the porlet. Panels can also be set to the
 
    desired potion, either open or closed on page load.</p>
 
                    </div>
 
                </div>
 
            </div>
 
            <div class="portlet">
 
                <div class="panel panel-primary-light-border">
 
                    <div class="panel-heading clearfix">
 
                        <div class="panel-caption">
 
                            <h4 class="panel-title">TOOLS</h4>
 
                        </div>
 
                        <div class="panel-options dark">
 
                            <div class="panel-expand">
 
                                <div class="pointer"><i class="fa fa-chevron-down"></i></div>
 
                            </div>
 
                      </div>
 
                    </div>
 
                    <div style="display: none;" class="panel-body">
 
                    <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
 
    small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
 
    Personally I prefer porlets to tabs.</p>
 
    <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
 
    you select the <i class="fa fa-chevron-up"></i> it will close the portlet, selecting the <i class="fa fa-times"></i>  will remove a portlet, whereas the <i class="fa fa-chevron-down"></i> will close the porlet. Panels can also be set to the
 
    desired potion, either open or closed on page load.</p>
 
                    </div>
 
                    </div>
 
                    </div>
 
                </div>
 
            </div>
 
  
<div class="col-md-12">
 
<h4 class="subtitle-black">HOT TOPICS</h4>
 
</div>
 
 
<div class="col-md-2">
 
<h4Blue>Common concerns about groundwater interaction</h4Blue>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
 
<btnPrimary>Read more ...</btnPrimary>
 
</div>
 
<div class="col-md-2">
 
<h4Blue>Infiltration on tight soils: it's possible!</h4Blue>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
 
<btnPrimary>Read more ...</btnPrimary>
 
</div>
 
<div class="col-md-2">
 
<h4Blue>Water-loving perennials</h4Blue>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
 
<btnPrimary>Read more ...</btnPrimary>
 
</div>
 
<div class="col-md-2">
 
<h4Blue>Budgeting for a BMP's life cycle</h4Blue>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
 
<btnPrimary>Read more ..</btnPrimary>
 
</div>
 
<div class="col-md-2">
 
<h4Blue>Tendering for LIDs</h4Blue>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
 
<btnPrimary>Read more ..</btnPrimary>
 
</div>
 
<div class="col-md-2">
 
<h4Blue>Maintaining BMPs</h4Blue>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
 
<btnPrimary>Read more ..</btnPrimary>
 
</div>
 
  
<div class="col-md-12">
 
<h4 class="subtitle-black">BEST MANAGEMENT PRACTICES</h4>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/2/20/RAINWATER_HARVESTING_TANK_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>[[Rainwater_Harvesting|RAINWATER HARVESTING]]</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/2/24/Green_Roof_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>GREEN ROOFS</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/0/06/Wheelwright_Aug_15_2012_%2814%29_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>DOWNSPOUT DISCONNECTION</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/7/73/Cultec_infiltration_chamber_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>SOAKAWAYS, INFILTRATION TRENCHES AND CHAMBERS</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/4/4c/Bioretention_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>BIORETENTION</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/a/a0/P7270012_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>VEGETATED FILTER STRIPS AND SOIL AMENDMENTS</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/e/e8/ER_parking_008_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>PERMEABLE PAVEMENT</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/7/7f/DAA_Grass_swales_1_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>ENHANCED GRASS SWALES</h5>
 
</div>
 
</div>
 
 
</div>
 
</div>
</div>
+
|}
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/d/d9/20161024_100338_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>DRY SWALES</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/9/96/Perforated_Pipe_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>PERFORATED PIPES</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/e/e8/St-patricks-parade-8-1024.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>POLLUTION PREVENTION</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 mwbs-color-darker">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="thumbnail">http://mediawiki.trca.info/images/3/39/IMG_1349_550x550.jpg
 
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
<div class="carousel-caption">
 
<h5>STORMWATER PLANTERS AND SOIL CELLS</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="clearfix"></div>
 
 
 
  
<table class="table table-hover table-condensed table-bordered">
+
[[File:Toronto-and-Region-Conservation-Authority-logo.png|200px|link=http://trca.on.ca]]
<td class="text-center"><i class="fa fa-envelope-open-o"></i>&nbsp;&nbsp;[[Special:SpecialContact|<strong>SEND US YOUR FEEDBACK ABOUT THIS PAGE</strong>]]</td>
+
[[File:CVClogo.jpg|150px|link=http://cvc.ca]]
<tr>
+
[[File:LSRCAlogo.png|150px|link=http://lsrca.on.ca]]
</table>
 

Latest revision as of 13:56, 17 May 2024

LOW IMPACT DEVELOPMENT STORMWATER MANAGEMENT PLANNING AND DESIGN GUIDE

Toronto-and-Region-Conservation-Authority-logo.png CVClogo.jpg LSRCAlogo.png