483
edits
Changes
Jump to navigation
Jump to search
Line 20:
Line 20: − Welcome to the Low Impact Development Stormwater Management Practice Planning and Design Guide − 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. Line 60:
Line 58: − + − + − + − + + + + + + + + + + Line 71:
Line 78: − + − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + − + − + − + − + − + − + − + − + − + Line 133:
Line 321: − = About the Low Impact Development Planning and Design Wiki Guide = − − − − {{TextBox|1=Consult the [//meta.wikimedia.org/wiki/Help:Contents User's Guide] for information on using the wiki software.}} − == About the Contents of this Guide == − − 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.}}
no edit summary
</div>
</div>
<div class="clearfix"></div>
<div class="clearfix"></div>
<div class="col-md-12">
<div class="col-md-12">
</div>
</div>
<div class="col-md-6">
<div class="col-md-6">
<h4 Class="title-red">Installation</h4>
<h3 Class="title-black"><strong>Welcome to the Low Impact Development Stormwater Management Practice Planning and Design Guide</strong></h3>
<p>To remove the Mediawiki page title, we can do this very simply by adding the following to Mediawiki:Common.css, replacing Bootstrapskin_News with your page title.</p>
<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>Thats it, simply copy and paste the code at the bottom of the page to create a multi-purpose template that can be used to display wiki content professionally.</p>
<p>The Low Impact Development Stormwater Management Planning and Design Guide
<p><div class="btn btn-midnight btn-lg">[[#|<span style="color:#fff;"> Demo button</span>]]</div></p>
(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>
<btnPrimary>Read more ..</btnPrimary>
</div>
</div>
<div class="col-md-6">
<div class="col-md-6">
<div class="subtitle-black"></div>
<div class="subtitle-black"></div>
</div>
</div>
<div class="col-md-3">
<h4Blue>Some Title</h4Blue>
<div class="col-md-12 column sortable ui-sortable pull-right">
<div class="portlet">
<div class="panel panel-primary-light-border">
<div class="panel-heading clearfix">
<div class="panel-caption">
<h3 class="panel-title">Portlet Overview</h3>
</div>
<div class="panel-options dark">
<div class="panel-collapse">
<div class="pointer"><i class="fa fa-chevron-up"></i></div>
</div>
</div>
</div>
<div style="display: block;" 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">
<h3 class="panel-title">Portlet Overview</h3>
</div>
<div class="panel-options dark">
<div class="panel-collapse">
<div class="pointer"><i class="fa fa-chevron-up"></i></div>
</div>
</div>
</div>
<div style="display: block;" 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">
<h3 class="panel-title">Portlet Overview</h3>
</div>
<div class="panel-options dark">
<div class="panel-collapse">
<div class="pointer"><i class="fa fa-chevron-up"></i></div>
</div>
</div>
</div>
<div style="display: block;" 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">
<h3 class="panel-title">Portlet Overview</h3>
</div>
<div class="panel-options dark">
<div class="panel-collapse">
<div class="pointer"><i class="fa fa-chevron-up"></i></div>
</div>
</div>
</div>
<div style="display: block;" 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">
<h3 class="panel-title">Portlet Overview</h3>
</div>
<div class="panel-options dark">
<div class="panel-collapse">
<div class="pointer"><i class="fa fa-chevron-up"></i></div>
</div>
</div>
</div>
<div style="display: block;" 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 class="portlet">
<div class="panel panel-primary-light-border">
<div class="panel-heading clearfix">
<div class="panel-caption">
<h3 class="panel-title">Bootstrap Portlet 2</h3>
</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-remove">
<div class="pointer"><i class="fa fa-times"></i></div>
</div>
</div>
</div>
<div style="display: none;" class="panel-body">
<p class="justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper
dolor ut urna consectetur, id interdum purus pellentesque. Suspendisse fringilla
nunc erat, nec consectetur nisi tristique nec. Etiam dignissim hendrerit vehicula.
Cras eu dui vel nulla cursus feugiat. Suspendisse sem purus, molestie quis diam ac,
facilisis hendrerit elit. Morbi molestie ligula ut volutpat commodo. Donec ultrices,
metus a adipiscing ultrices, risus nibh rutrum nibh, vel interdum quam justo nec
nibh. Maecenas non orci a metus sollicitudin sollicitudin.
</p>
</div>
</div>
</div>
<div class="portlet">
<div class="panel panel-primary-light-border">
<div class="panel-heading clearfix">
<div class="panel-caption">
<h3 class="panel-title">Bootstrap Portlet 3</h3>
</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-remove">
<div class="pointer"><i class="fa fa-times"></i></div>
</div>
</div>
</div>
<div style="display: none;" class="panel-body">
<p class="justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper
dolor ut urna consectetur, id interdum purus pellentesque. Suspendisse fringilla
nunc erat, nec consectetur nisi tristique nec. Etiam dignissim hendrerit vehicula.
Cras eu dui vel nulla cursus feugiat. Suspendisse sem purus, molestie quis diam ac,
facilisis hendrerit elit. Morbi molestie ligula ut volutpat commodo. Donec ultrices,
metus a adipiscing ultrices, risus nibh rutrum nibh, vel interdum quam justo nec
nibh. Maecenas non orci a metus sollicitudin sollicitudin.
</p>
</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>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
<btnDanger>Read more ...</btnDanger>
<btnPrimary>Read more ..</btnPrimary>
</div>
</div>
<div class="col-md-3">
<div class="col-md-2">
<h4Blue>Some Tile</h4Blue>
<h4Blue>Design of Structural LID Practices for Stormwater Management</h4Blue>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
<btnWarning>Read more ..</btnWarning>
<btnPrimary>Read more ..</btnPrimary>
</div>
</div>
<div class="col-md-3">
<div class="col-md-2">
<h4Blue>Some Tile</h4Blue>
<h4Blue>Monitoring of LID Practices</h4Blue>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
<btnPrimary>Read more ..</btnPrimary>
<btnPrimary>Read more ..</btnPrimary>
</div>
</div>
<div class="col-md-3">
<div class="col-md-2">
<h4Blue>Some Tile</h4Blue>
<h4Blue>Tools</h4Blue>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p>
<btnSuccess>Read more ..</btnSuccess>
<btnPrimary>Read more ..</btnPrimary>
</div>
</div>
<div class="col-md-12">
<div class="col-md-12">
</div>
</div>
<div class="clearfix"></div>
<div class="clearfix"></div>
The LID SWM Guide provides information and direction to assist engineers, ecologists
The LID SWM Guide provides information and direction to assist engineers, ecologists