Difference between revisions of "Main Page"

From LID SWM Planning and Design Guide
Jump to navigation Jump to search
Line 47: Line 47:
 
<div class="thumbnail">http://mediawiki.trca.info/images/b/be/IMG_2457_750X500.jpg</div>
 
<div class="thumbnail">http://mediawiki.trca.info/images/b/be/IMG_2457_750X500.jpg</div>
 
</div>
 
</div>
 +
 +
<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 class="panel-remove">
 +
                                <div class="pointer"><i class="fa fa-times"></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">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-12">
 
<div class="col-md-12">
Line 62: Line 146:
 
                             <div class="panel-expand">
 
                             <div class="panel-expand">
 
                                 <div class="pointer"><i class="fa fa-chevron-down"></i></div>
 
                                 <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>

Revision as of 16:13, 16 February 2017


<textdanger>THIS WEBSITE IS UNDER CONSTRUCTION. DO NOT REFERENCE CONTENT PRESENTED ON THIS WEBSITE UNTIL THIS MESSAGE HAS BEEN REMOVED.</textdanger>

    ◀︎
    ▶︎
  • DESIGN.jpg

    DESIGN

    Our most popular skin, only better! With a new range of custom plugins aimed at wiki communities.

  • CONSTRUCTION.jpg

    CONSTRUCTION

    2.0 includes an Android app that includes latest news & Mediawiki New Articles

  • MAINTENANCE.jpg

    MAINTENANCE

    Enterprise level Mediawiki solutions from Anthom.

Welcome to the Low Impact Development Stormwater Management Practice Planning and Design 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:

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.

<btnPrimary>Read more ..</btnPrimary>

IMG_2457_750X500.jpg

Portlet Overview

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.

As to portlet functionality note how they can be dragged and dropped to different locations, if you select the it will close the portlet, selecting the will remove a portlet, whereas the will close the porlet. Panels can also be set to the desired potion, either open or closed on page load.

Bootstrap Portlet 2

Bootstrap Portlet 3

CONTENTS

INTRODUCTION TO THE LOW IMPACT DEVELOPMENT PLANNING AND DESIGN GUIDE

INTEGRATING STORMWATER MANAGEMENT INTO THE PLANNING PROCESS

THE LOW IMPACT DEVELOPMENT APPROACH

DESIGN OF STRUCTURAL LOW IMPACT DEVELOPMENT PRACTICES FOR STORMWATER MANAGEMENT

MONITORING

TOOLS

HOT TOPICS

<h4Blue>Common concerns about groundwater interaction</h4Blue>

Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.

<btnPrimary>Read more ...</btnPrimary>

<h4Blue>Infiltration on tight soils: it's possible!</h4Blue>

Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.

<btnPrimary>Read more ...</btnPrimary>

<h4Blue>Water-loving perennials</h4Blue>

Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.

<btnPrimary>Read more ...</btnPrimary>

<h4Blue>Budgeting for a BMP's life cycle</h4Blue>

Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.

<btnPrimary>Read more ..</btnPrimary>

<h4Blue>Tendering for LIDs</h4Blue>

Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.

<btnPrimary>Read more ..</btnPrimary>

<h4Blue>Maintaining BMPs</h4Blue>

Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.

<btnPrimary>Read more ..</btnPrimary>

BEST MANAGEMENT PRACTICES


  SEND US YOUR FEEDBACK ABOUT THIS PAGE