Difference between revisions of "Main Page"

From LID SWM Planning and Design Guide
Jump to navigation Jump to search
 
(219 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
__NOTOC__
+
<div class="mainpage_pagetitle">'''LOW IMPACT DEVELOPMENT STORMWATER MANAGEMENT PLANNING AND DESIGN GUIDE'''
−
<div class="col-sm-12">
 
−
<div class="orbit float-left" role="region" aria-label="" data-orbit style="margin-bottom:2.5rem;">
 
−
  <ul class="orbit-container" style="margin-left:0;">
 
−
    <div class="orbit-previous">◀︎</div>
 
−
    <div class="orbit-next">▶︎</div>
 
−
<li class="orbit-slide">
 
−
  <div>https://res.cloudinary.com/anthom/image/upload/v1466059664/orbit_1.jpg</div>
 
−
  <div class="orbit-caption"><p><h2>Bootstrapskin 2.0</h2>Our most popular skin, only better! With a new range of custom plugins aimed at wiki communities.</p></div>
 
−
</li>
 
−
<li class="orbit-slide">
 
−
  <div>https://res.cloudinary.com/anthom/image/upload/v1466059671/orbit_2.jpg</div>
 
−
  <div class="orbit-caption"><p><h2>Android Ready</h2>2.0 includes an Android app that includes latest news & Mediawiki New Articles</p></div>
 
−
</li>
 
−
<li class="orbit-slide">
 
−
  <div>https://res.cloudinary.com/anthom/image/upload/v1466059926/orbit_3.jpg</div>
 
−
  <div class="orbit-caption"><p><h2>Enterprise</h2>Enterprise level Mediawiki solutions from Anthom.</p></div>
 
−
</li>
 
−
</ul>
 
 
</div>
 
</div>
−
<div class="clearfix"></div>
+
{| role="presentation" class="mainpage_layouttable mainpage_middleblock"
  
 +
| class="mainpage_hubbox_left" |
 +
<div class="mainpage_boxtitle">'''{{Main page/include|left box title|{{{1|}}}}}'''</div>
 +
<div class="mainpage_boxcontents">
 +
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
 +
<gallery mode="packed-overlay" heights=170px>
 +
Community planning.jpg|[[Better site design]]|link=Better site design
 +
O connor Park Bioretention.JPG|[[Bioretention|Bioretention]]|link=Bioretention
 +
calculator.jpg|[[Cost analysis resources]]|link=Cost analysis resources
 +
Curb inlet grade.jpg|[[Curb cuts|Curb inlets]]|link=Curb cuts
 +
Gravel_diaphragm.png|[[Gravel diaphragms|Gravel diaphragms]]|link=Gravel diaphragms
 +
YorkU1.jpg|[[Green roofs]]|link=Green roofs
 +
Image from StormTech.jpg|[[Infiltration chambers|Infiltration Chambers]]|link=Infiltration chambers
 +
Infiltration Testing 2.jpeg |[[Design infiltration rate|Infiltration testing]]|link=Design infiltration rate
 +
Clogged pipe.JPG|[[Inspections and Maintenance]]|link=Inspections and maintenance
 +
LIDTTT.png|[[Low impact development treatment train tool|Low Impact Development Treatment Train Tool]]|link=Low impact development treatment train tool
 +
PaveDrain.jpg|[[Permeable pavements|Permeable pavements]]|link=Permeable pavements
 +
Green raindrops (2650764957).jpg|[[Plants]]|link=Plants
 +
Site Conditions Road Right of Way Cover.jpg|[[Screening LID options|Site assessment]]|link=Screening LID options
 +
LSRCA planters.jpg|[[Stormwater planters|Stormwater planters]]|link=Stormwater planters
 +
TRCA YorkU grass swale 3.jpg|[[Swales]]|link=swales
 +
Pipe with connector.jpg|[[Underdrains|Underdrains]]|link=Underdrains
 +
Snow piles.jpg|[[Winter|Winter]]|link=Winter
 +
</gallery>
 +
</div>
 +
 +
| class="mainpage_hubbox" |
 +
<div class="mainpage_boxtitle">'''{{Main page/include|right box title|{{{1|}}}}}'''</div>
 +
<div class="mainpage_boxcontents">
 +
'''Welcome reviewer! We have been looking forward to your arrival.'''
  
−
<div class="col-md-12">
+
In anticipation we have prepared a short printable form to help direct your critique of the wiki.
−
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 
−
          <div class="carousel-inner">
 
−
            <div class="item">
 
−
              <div class="">https://lydiafmartinblog.files.wordpress.com/2013/09/img_4247.jpg</div>
 
−
              <div class="col-md-12"><div class="carousel-caption">
 
−
                <h4>First Thumbnail label</h4>
 
−
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at
 
−
                eget metus.</p></div>
 
−
              </div>
 
−
            </div>
 
−
            <div class="item active">
 
−
              <div class="">https://lydiafmartinblog.files.wordpress.com/2013/09/img_4247.jpg</div>
 
−
              <div class="carousel-caption">
 
−
                <h4>Second Thumbnail label</h4>
 
−
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at
 
−
                eget metus.</p>
 
−
              </div>
 
−
            </div>
 
−
            <div class="item">
 
−
              <div class="">https://lydiafmartinblog.files.wordpress.com/2013/09/img_4247.jpg</div>
 
−
              <div class="carousel-caption">
 
−
                <h4>Third Thumbnail label</h4>
 
−
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at
 
−
                eget metus.</p>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
  
−
<div class="col-md-12">
+
{{Clickable button|[[Media:Comments.pdf|Download pdf feedback form]]}}
−
<div class="subtitle-black"></div>
 
−
</div>
 
−
<div class="col-md-6">
 
−
<h3 Class="title-black"><strong>Welcome to the Low Impact Development Stormwater Management Practice Planning and Design Guide</strong></h3>
 
−
<p>This website was developed using Mediawiki, a wiki application that allows for easy editing and that has powerful search abilities. See Introduction to the wiki for more information.</p>
 
−
<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>
+
If you have a shorter comment or observation please use the anonymous feedback box at the bottom of every page.  
−
<btnPrimary>Read more ..</btnPrimary>
 
−
</div>
 
−
<div class="col-md-6">
 
−
<div class="thumbnail">https://placehold.it/750x500.jpg</div>
 
−
</div>
 
−
<div class="col-md-12">
 
−
<div class="subtitle-black"></div>
 
−
</div>
 
  
−
<div class="col-md-12 column sortable ui-sortable 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>
 
−
                    </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> 
+
*[[Photographs]]
−
<li><i class="fa-li fa fa-square-o"></i>Acknowledgements</li>
+
*[[Wander_lonely_as_a_cloud|Browse random pages!]]
−
<li><i class="fa-li fa fa-square-o"></i>Definition of Low Impact Development and Related Terminology</li>
+
*[[Acknowledgements]]
−
<li><i class="fa-li fa fa-square"></i>[[History_and_Context|History and Context]]</li> 
+
*[[Updates|Subscribe to updates]]
−
<li><i class="fa-li fa fa-square"></i>Legislative Framework</li>
+
*[[How to contribute| email us]]
−
<li><i class="fa-li fa fa-square"></i>The Evolution of Stormwater Management</li> 
 
−
</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-2">
 
−
<h4Blue>Introduction to the LID Planning and Design Guide</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>Integrating Stormwater Management into the Planning Process</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>The LID Approach</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>Design of Structural LID Practices for Stormwater Management</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>Monitoring of LID Practices</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>Tools</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">Recent projects</h4>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg</div>
 
−
</div>
 
−
<div class="col-md-3 mwbs-color-darker">
 
−
      <div class="thumbnail lighter-background">https://res.cloudinary.com/anthom/image/upload/v1461970405/anthom_home_7.jpg
 
−
      <div class="caption">
 
−
        <h3>Thumbnail label</h3>
 
−
        <p class="text-justify">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at
 
−
        eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 
−
      </div></div>
 
−
    </div>
 
−
<div class="col-md-3 mwbs-color-darker">
 
−
<div class="carousel-inner">
 
−
<div class="item active">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg
 
−
<div id="mycarousel" class="carousel slide" data-ride="carousel">
 
−
<div class="carousel-caption">
 
−
<h4>Thumbnail label</h4>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg</div>
 
−
</div>
 
−
<div class="clearfix"></div>
 
−
<div class="col-md-3">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg</div>
 
−
</div>
 
−
<div class="clearfix"></div>
 
−
<div class="col-md-3">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="thumbnail">https://placehold.it/550x550.jpg</div>
 
 
</div>
 
</div>
−
<div class="clearfix"></div>
+
|}
  
−
{{Special:SpecialContact}}
+
[[File:CVClogo.jpg|150px|link=http://cvc.ca]]
 +
[[File:LSRCAlogo.png|150px|link=http://lsrca.on.ca]]
 +
[[File:Toronto-and-Region-Conservation-Authority-logo.png|200px|link=http://trca.on.ca]]

Latest revision as of 13:11, 6 August 2020

LOW IMPACT DEVELOPMENT STORMWATER MANAGEMENT PLANNING AND DESIGN GUIDE

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

Retrieved from "https://wiki.trca.io/index.php?title=Main_Page&oldid=11649"