| Author | Dave Jarvis <email> |
|---|---|
| Date | 2015-01-04 18:24:07 GMT-0800 |
| Commit | 6e8b039392fe0c6078a65b850930e23e40f15a53 |
| Parent | 8a67fc3 |
| -<!DOCTYPE html> | ||
| -<html lang="en"> | ||
| -<head> | ||
| - <meta charset="utf-8"> | ||
| - <title>World Politics: A System for Rational, Moderated Debate</title> | ||
| - | ||
| - <link rel="stylesheet" media="screen,print" href="css/theme.css" /> | ||
| - <link rel="stylesheet" media="screen,print" href="css/account.css" /> | ||
| - <link rel="stylesheet" media="screen,print" href="css/table.css" /> | ||
| - <link rel="stylesheet" media="screen,print" href="tour/tour.css" /> | ||
| - | ||
| - <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| - <meta name="author" content="Dave Jarvis"> | ||
| - <meta name="description" content="A website for engaging the public about upcoming policies."> | ||
| - <meta name="robots" content="all"> | ||
| -</head> | ||
| -<body id="world-politics"> | ||
| - | ||
| -<div id="header" class="header"> | ||
| - <div id="account-reputation" class="account-reputation"> | ||
| - <b>11,319 reputation</b> | ||
| - </div> | ||
| -</div> | ||
| - | ||
| -<div id="main" class="main"> | ||
| - <div id="account-overview"> | ||
| - <div id="account-comments" class="account-comments"> | ||
| - <div id="account-menu" class="account-menu"> | ||
| - <a href="#account-comments">Comments</a> | | ||
| - <a class="account-details-link" href="#accounts-interests">Interests</a> | | ||
| - <a class="account-details-link" href="#accounts-edits">Edits</a> | | ||
| - <a class="account-details-link" href="#accounts-policies">Policies</a> | | ||
| - <a class="account-details-link" href="#accounts-votes">Votes</a> | | ||
| - <a class="account-details-link" href="#accounts-votes">Views</a> | ||
| - </div> | ||
| - <div> | ||
| - <table id="account-comment" class="bordered"> | ||
| - <thead> | ||
| - <tr> | ||
| - <th>Comment</th> | ||
| - <th>Policy</th> | ||
| - <th>Date</th> | ||
| - <th>Status</th> | ||
| - </tr> | ||
| - </thead> | ||
| - <tbody> | ||
| - <tr> | ||
| - <td> | ||
| - Simplify aquifer status and usage metrics collection. | ||
| - </td> | ||
| - <td class="policy"> | ||
| - Water Sustainability Act | ||
| - </td> | ||
| - <td class="date"> | ||
| - Jun 15, 2012 | ||
| - </td> | ||
| - <td class="hold"> | ||
| - Pending | ||
| - </td> | ||
| - </tr> | ||
| - <tr> | ||
| - <td> | ||
| - Data from well owners will improve understanding of how aquifers interact with lakes and streams. [ยง Groundwater, J.J. de Vries, Geology of the Netherlands, 2007] | ||
| - </td> | ||
| - <td class="policy"> | ||
| - Water Sustainability Act | ||
| - </td> | ||
| - <td class="date"> | ||
| - Jun 15, 2012 | ||
| - </td> | ||
| - <td class="hold"> | ||
| - ✔ | ||
| - </td> | ||
| - </tr> | ||
| - <tr> | ||
| - <td> | ||
| - Improve aquifer management. | ||
| - </td> | ||
| - <td class="policy"> | ||
| - Water Sustainability Act | ||
| - </td> | ||
| - <td class="date"> | ||
| - Apr 24, 2012 | ||
| - </td> | ||
| - <td class="hold"> | ||
| - <a href="">Conjecture</a> | ||
| - </td> | ||
| - </tr> | ||
| - <tr> | ||
| - <td> | ||
| - Small-volume license holders would be required to measure, record, and report water use in certain circumstances under the Area-Based Regulations Act. | ||
| - </td> | ||
| - <td class="policy"> | ||
| - Water Sustainability Act | ||
| - </td> | ||
| - <td class="date"> | ||
| - Aug 17, 2012 | ||
| - </td> | ||
| - <td class="hold"> | ||
| - ✔ | ||
| - </td> | ||
| - </tr> | ||
| - </tbody> | ||
| - <tfoot> | ||
| - </tfoot> | ||
| - </table> | ||
| - </div> | ||
| - </div> | ||
| - <div id="account-edits" class="account-edits"> | ||
| - </div> | ||
| - <div id="account-policies" class="account-policies"> | ||
| - </div> | ||
| - <div id="account-votes" class="account-votes"> | ||
| - </div> | ||
| - <div id="account-views" class="account-views"> | ||
| - </div> | ||
| - <div id="account-interests" class="account-interests"> | ||
| - </div> | ||
| - </div> | ||
| -</div> | ||
| - | ||
| -<div id="footer"> | ||
| - <p> </p> | ||
| - <p> </p> | ||
| -</div> | ||
| - | ||
| -<script | ||
| - src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | ||
| -<script type="text/javascript" src="tour/tour.js"></script> | ||
| -<script type="text/javascript" src="js/account.js"></script> | ||
| -</body> | ||
| -</html> | ||
| - | ||
| -div.account > div { | ||
| - display: inline-block; | ||
| -} | ||
| - | ||
| -table#account-comment { | ||
| - width: 100%; | ||
| -} | ||
| - | ||
| -table#account-comment th { | ||
| - text-align: center; | ||
| -} | ||
| - | ||
| -a.account-details-link { | ||
| - color: #888; | ||
| -} | ||
| - | ||
| -div.account-menu { | ||
| - padding: 0.5em; | ||
| -} | ||
| - | ||
| -div.account { | ||
| - position: relative; | ||
| - left: -4.25em; | ||
| -} | ||
| - | ||
| -div.policy-implication-vote-active { | ||
| - color: #46A5E5; | ||
| -} | ||
| - | ||
| -div.policy-implication-vote-inactive { | ||
| - color: #888; | ||
| -} | ||
| - | ||
| -div.policy-overview-text { | ||
| - border-top: 1px solid #182945; | ||
| - border-bottom: 1px solid #182945; | ||
| -} | ||
| - | ||
| -div.policy-implication { | ||
| - clear: both; | ||
| - padding-top: 1em; | ||
| -} | ||
| - | ||
| -div.policy-implication-tally { | ||
| - float: left; | ||
| - padding-right: 1em; | ||
| - line-height: 1em; | ||
| - vertical-align: middle; | ||
| -} | ||
| - | ||
| -div.policy-implication-text { | ||
| - display: inline-block; | ||
| - width: 85%; | ||
| -} | ||
| - | ||
| -div.policy-implication-type { | ||
| - float: left; | ||
| - padding-right: 1em; | ||
| -} | ||
| - | ||
| -div.policy-implication-type-pro, | ||
| -div.policy-implication-type-con { | ||
| - font-size: 10pt; | ||
| -} | ||
| - | ||
| -div.policy-implication-type-pro { | ||
| - color: #A1C436; | ||
| -} | ||
| - | ||
| -div.policy-implication-type-con { | ||
| - color: #A50E19; | ||
| -} | ||
| - | ||
| -div.policy-implication-text p { | ||
| - margin: 0; | ||
| - padding: 0; | ||
| -} | ||
| - | ||
| -.policy-implication-type-flag, a.policy-implication-counter-flag { | ||
| - color: #888; | ||
| - font-size: 10pt; | ||
| - font-weight: normal; | ||
| -} | ||
| - | ||
| -div.policy-implication-counter { | ||
| - padding-top: 0.5em; | ||
| -} | ||
| - | ||
| -div.policy-implication-counter-mark { | ||
| - float: left; | ||
| - margin-right: 1em; | ||
| - font-weight: bold; | ||
| - font-size: 10pt; | ||
| -} | ||
| - | ||
| -div.policy-implication-counter { | ||
| - display: inline-block; | ||
| - width: 85%; | ||
| -} | ||
| - | ||
| -div.policy-implication-counter-text p { | ||
| - display: inline-block; | ||
| - width: 85%; | ||
| -} | ||
| - | ||
| -a.doi-external-link { | ||
| - color: #FF7343; | ||
| -} | ||
| - | ||
| -div.main { } | ||
| - | ||
| -div.policy { | ||
| - clear: both; | ||
| - padding-top: 15px; | ||
| -} | ||
| - | ||
| -div.tally-panel, div.policy-views, div.policy-votes, div.policy-tags { | ||
| - float: left; | ||
| -} | ||
| - | ||
| -div.tally-panel { | ||
| - font-size: 9pt; | ||
| - text-align: center; | ||
| -} | ||
| - | ||
| -div.policy-votes, div.policy-views { | ||
| - margin-right: 1em; | ||
| -} | ||
| - | ||
| -h1.policy-title, div.policy-tags { | ||
| - padding-left: 5px; | ||
| - font-size: 16pt; | ||
| -} | ||
| - | ||
| -div.activation { | ||
| - color: #666666; | ||
| - font-size: 8pt; | ||
| -} | ||
| - | ||
| -div.policy-tag { | ||
| - display: inline; | ||
| - color: #B93507; | ||
| -} | ||
| - | ||
| -.interest-extreme { | ||
| - color: #000000 !important; | ||
| -} | ||
| - | ||
| -.interest-high { | ||
| - color: #222222 !important; | ||
| -} | ||
| - | ||
| -.interest-moderate { | ||
| - color: #444444 !important; | ||
| -} | ||
| - | ||
| -.interest-slight { | ||
| - color: #666666 !important; | ||
| -} | ||
| - | ||
| -.interest-low { | ||
| - color: #888888 !important; | ||
| -} | ||
| - | ||
| -h1.policy-title { | ||
| - padding-right: 1em; | ||
| - float: left; | ||
| - margin: 0.1em; | ||
| -} | ||
| - | ||
| -div.policy-vote-calc { | ||
| - text-align: right; | ||
| -} | ||
| - | ||
| -div.policy-vote-calc-pro, div.tally-vote-pro { | ||
| - color: #A1C436; | ||
| -} | ||
| - | ||
| -h2.policy-pro-title { | ||
| - color: black; | ||
| -} | ||
| - | ||
| -div.policy-vote-calc-con, h2.policy-con-title { | ||
| - color: #A50E19; | ||
| -} | ||
| - | ||
| -div.tally-vote-con { | ||
| - color: #888; | ||
| -} | ||
| - | ||
| -div.tally-vote-pro, div.tally-vote-con { | ||
| - font-size: 14pt; | ||
| - text-align: center; | ||
| - padding-top: 1em; | ||
| -} | ||
| - | ||
| -div.policy-summary { | ||
| - clear: both; | ||
| -} | ||
| - | ||
| -div.policy-overview { | ||
| - border-top: 1px solid #182945; | ||
| - border-bottom: 1px solid #182945; | ||
| - overflow: hidden; | ||
| - width: 100%; | ||
| - padding-bottom: 0.5em; | ||
| -} | ||
| - | ||
| -div.policy-votes, div.policy-overview-text { | ||
| - float: left; | ||
| - padding-bottom: 500em; | ||
| - margin-bottom: -500em; | ||
| -} | ||
| - | ||
| -div.policy-votes { | ||
| - width: 8%; | ||
| -} | ||
| - | ||
| -div.policy-overview-text { | ||
| - width: 78%; | ||
| - margin-right: -1px; | ||
| -} | ||
| - | ||
| -/** Remove the horizontal separator. */ | ||
| -div.policy-tag::after { content: ""; } | ||
| - | ||
| -div.policy-tags { | ||
| - float: right; | ||
| -} | ||
| - | ||
| -div.policy-tag { | ||
| - margin-top: 0.5em; | ||
| -} | ||
| - | ||
| -div.policy-proposals { | ||
| - float: left; | ||
| -} | ||
| - | ||
| -div.policy-feedback { | ||
| - float: right; | ||
| -} | ||
| - | ||
| -div.policy-overview-links { | ||
| - clear: left; | ||
| - font-size: 16pt; | ||
| -} | ||
| - | ||
| -a.proposal, a.policy-feedback-link { | ||
| - text-decoration: none; | ||
| -} | ||
| - | ||
| -a.policy-feedback-link { | ||
| - font-size: 14pt; | ||
| - color: #999; | ||
| -} | ||
| - | ||
| -div.policy-implications-pro { | ||
| - width: 100%; | ||
| -} | ||
| - | ||
| -h2.policy-pro-title, h2.policy-con-title { | ||
| - border-bottom: 1px solid #182945; | ||
| - text-align: center; | ||
| - margin: 0; | ||
| - padding-top: 0.5em; | ||
| - padding-bottom: 0.5em; | ||
| -} | ||
| - | ||
| -ul.policy-implication li { | ||
| - padding-bottom: 0.5em; | ||
| -} | ||
| - | ||
| -div.policy-title { | ||
| - padding-bottom: 0.5em; | ||
| -} | ||
| - | ||
| -div.support { | ||
| - border-top: 1px solid #182945; | ||
| - border-bottom: 1px solid #182945; | ||
| -} | ||
| - | ||
| -div.support-votes { | ||
| - float: left; | ||
| -} | ||
| - | ||
| -div.support-container { | ||
| - display: inline-block; | ||
| - width: 85%; | ||
| -} | ||
| - | ||
| -div.support-votes { | ||
| - margin-top: 0.5em; | ||
| - padding-right: 1em; | ||
| - text-align: center; | ||
| - font-size: 16pt; | ||
| -} | ||
| - | ||
| -h2.support-title { | ||
| - margin: 0; | ||
| - padding: 0; | ||
| - margin-top: 0.5em; | ||
| -} | ||
| - | ||
| -div.support-vote-pro { | ||
| - color: #A1C436; | ||
| -} | ||
| - | ||
| -div.support-vote-con { | ||
| - color: #888; | ||
| -} | ||
| - | ||
| -div.support-feedback { | ||
| - float: right; | ||
| - padding-top: 0.5em; | ||
| -} | ||
| - | ||
| -a.support-feedback-link { | ||
| - color: #888; | ||
| - font-size: 12pt; | ||
| -} | ||
| - | ||
| -table { | ||
| - *border-collapse: collapse; /* IE7 and lower */ | ||
| - border-spacing: 0; | ||
| - width: 100%; | ||
| -} | ||
| - | ||
| -.bordered td.date, .bordered td.hold, .bordered td.policy { | ||
| - white-space: nowrap; | ||
| -} | ||
| - | ||
| -.bordered td.hold { | ||
| - text-align: center; | ||
| -} | ||
| - | ||
| -.bordered { | ||
| - border: solid #ccc 1px; | ||
| - -moz-border-radius: 6px; | ||
| - -webkit-border-radius: 6px; | ||
| - border-radius: 6px; | ||
| - -webkit-box-shadow: 0 1px 1px #ccc; | ||
| - -moz-box-shadow: 0 1px 1px #ccc; | ||
| - box-shadow: 0 1px 1px #ccc; | ||
| -} | ||
| - | ||
| -.bordered tr:hover { | ||
| - background: #fbf8e9; | ||
| - -o-transition: all 0.1s ease-in-out; | ||
| - -webkit-transition: all 0.1s ease-in-out; | ||
| - -moz-transition: all 0.1s ease-in-out; | ||
| - -ms-transition: all 0.1s ease-in-out; | ||
| - transition: all 0.1s ease-in-out; | ||
| -} | ||
| - | ||
| -.bordered td, .bordered th { | ||
| - border-left: 1px solid #ccc; | ||
| - border-top: 1px solid #ccc; | ||
| - padding: 10px; | ||
| - text-align: left; | ||
| - font-size: 10pt; | ||
| - vertical-align: top; | ||
| -} | ||
| - | ||
| -.bordered th { | ||
| - background-color: #dce9f9; | ||
| - background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9)); | ||
| - background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9); | ||
| - background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9); | ||
| - background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9); | ||
| - background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9); | ||
| - background-image: linear-gradient(top, #ebf3fc, #dce9f9); | ||
| - -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; | ||
| - -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; | ||
| - box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; | ||
| - border-top: none; | ||
| - text-shadow: 0 1px 0 rgba(255,255,255,.5); | ||
| -} | ||
| - | ||
| -.bordered td:first-child, .bordered th:first-child { | ||
| - border-left: none; | ||
| -} | ||
| - | ||
| -.bordered th:first-child { | ||
| - -moz-border-radius: 6px 0 0 0; | ||
| - -webkit-border-radius: 6px 0 0 0; | ||
| - border-radius: 6px 0 0 0; | ||
| -} | ||
| - | ||
| -.bordered th:last-child { | ||
| - -moz-border-radius: 0 6px 0 0; | ||
| - -webkit-border-radius: 0 6px 0 0; | ||
| - border-radius: 0 6px 0 0; | ||
| -} | ||
| - | ||
| -.bordered th:only-child{ | ||
| - -moz-border-radius: 6px 6px 0 0; | ||
| - -webkit-border-radius: 6px 6px 0 0; | ||
| - border-radius: 6px 6px 0 0; | ||
| -} | ||
| - | ||
| -.bordered tr:last-child td:first-child { | ||
| - -moz-border-radius: 0 0 0 6px; | ||
| - -webkit-border-radius: 0 0 0 6px; | ||
| - border-radius: 0 0 0 6px; | ||
| -} | ||
| - | ||
| -.bordered tr:last-child td:last-child { | ||
| - -moz-border-radius: 0 0 6px 0; | ||
| - -webkit-border-radius: 0 0 6px 0; | ||
| - border-radius: 0 0 6px 0; | ||
| -} | ||
| - | ||
| -/*----------------------*/ | ||
| - | ||
| -.zebra td, .zebra th { | ||
| - padding: 10px; | ||
| - border-bottom: 1px solid #f2f2f2; | ||
| -} | ||
| - | ||
| -.zebra tbody tr:nth-child(even) { | ||
| - background: #f5f5f5; | ||
| - -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; | ||
| - -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; | ||
| - box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; | ||
| -} | ||
| - | ||
| -.zebra th { | ||
| - text-align: left; | ||
| - text-shadow: 0 1px 0 rgba(255,255,255,.5); | ||
| - border-bottom: 1px solid #ccc; | ||
| - background-color: #eee; | ||
| - background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee)); | ||
| - background-image: -webkit-linear-gradient(top, #f5f5f5, #eee); | ||
| - background-image: -moz-linear-gradient(top, #f5f5f5, #eee); | ||
| - background-image: -ms-linear-gradient(top, #f5f5f5, #eee); | ||
| - background-image: -o-linear-gradient(top, #f5f5f5, #eee); | ||
| - background-image: linear-gradient(top, #f5f5f5, #eee); | ||
| -} | ||
| - | ||
| -.zebra th:first-child { | ||
| - -moz-border-radius: 6px 0 0 0; | ||
| - -webkit-border-radius: 6px 0 0 0; | ||
| - border-radius: 6px 0 0 0; | ||
| -} | ||
| - | ||
| -.zebra th:last-child { | ||
| - -moz-border-radius: 0 6px 0 0; | ||
| - -webkit-border-radius: 0 6px 0 0; | ||
| - border-radius: 0 6px 0 0; | ||
| -} | ||
| - | ||
| -.zebra th:only-child{ | ||
| - -moz-border-radius: 6px 6px 0 0; | ||
| - -webkit-border-radius: 6px 6px 0 0; | ||
| - border-radius: 6px 6px 0 0; | ||
| -} | ||
| - | ||
| -.zebra tfoot td { | ||
| - border-bottom: 0; | ||
| - border-top: 1px solid #fff; | ||
| - background-color: #f1f1f1; | ||
| -} | ||
| - | ||
| -.zebra tfoot td:first-child { | ||
| - -moz-border-radius: 0 0 0 6px; | ||
| - -webkit-border-radius: 0 0 0 6px; | ||
| - border-radius: 0 0 0 6px; | ||
| -} | ||
| - | ||
| -.zebra tfoot td:last-child { | ||
| - -moz-border-radius: 0 0 6px 0; | ||
| - -webkit-border-radius: 0 0 6px 0; | ||
| - border-radius: 0 0 6px 0; | ||
| -} | ||
| - | ||
| -.zebra tfoot td:only-child{ | ||
| - -moz-border-radius: 0 0 6px 6px; | ||
| - -webkit-border-radius: 0 0 6px 6px | ||
| - border-radius: 0 0 6px 6px | ||
| -} | ||
| - | ||
| -/* http://www.colourlovers.com/web/trends/websites/7856/LivingSocial */ | ||
| -/* http://www.colourlovers.com/palette/2720424/chipocludo_7 */ | ||
| -/* http://www.colourlovers.com/palette/3106618/Izaguirre */ | ||
| -/* http://www.colourlovers.com/palette/2232464/MadaLaksmi_Satu */ | ||
| - | ||
| -body { | ||
| - font-family: Arial, sans-serif; | ||
| - color: #182945; | ||
| - margin: 0px auto; | ||
| - width: 850px; | ||
| - padding-top: 1em; | ||
| -} | ||
| - | ||
| -div.account { | ||
| - position: relative; | ||
| - left: -4.75em; | ||
| -} | ||
| - | ||
| -a.account { | ||
| - padding: 4px; | ||
| - border-radius: 4px; | ||
| - border: 1px solid #182945; | ||
| - background-color: rgba(251, 246, 206, 0.3); | ||
| -} | ||
| - | ||
| -h1.policy-title { | ||
| - display: inline; | ||
| -} | ||
| - | ||
| -a.policy-title { | ||
| - color: #46A5E5; | ||
| - text-decoration: none; | ||
| -} | ||
| - | ||
| -div.policy-tag { | ||
| - color: #888; | ||
| - font-size: 10pt; | ||
| -} | ||
| - | ||
| -/** Separate tags using horizontal bars. */ | ||
| -div.policy-tag::after { content: " |"; } | ||
| -div.policy-tag:last-child:after { content: ""; } | ||
| - | ||
| -a { | ||
| - text-decoration: none; | ||
| - color: #46A5E5; | ||
| -} | ||
| - | ||
| -a:hover { | ||
| - text-decoration: underline; | ||
| -} | ||
| - | ||
| -a.external-link { | ||
| - color: #FF7343; | ||
| -} | ||
| - | ||
| -<!DOCTYPE html> | ||
| -<html lang="en"> | ||
| -<head> | ||
| - <meta charset="utf-8"> | ||
| - <title>World Politics: A System for Rational, Moderated Debate</title> | ||
| - | ||
| - <link rel="stylesheet" media="screen,print" type="text/css" | ||
| - href="http://cdn.aloha-editor.org/latest/css/aloha.css" /> | ||
| - | ||
| - <link rel="stylesheet" media="screen,print" href="css/theme.css" /> | ||
| - <link rel="stylesheet" media="screen,print" href="css/discuss.css"> | ||
| - <link rel="stylesheet" media="screen,print" href="tour/tour.css" /> | ||
| - | ||
| - <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| - <meta name="author" content="Dave Jarvis"> | ||
| - <meta name="description" content="A website for engaging the public about upcoming policies."> | ||
| - <meta name="robots" content="all"> | ||
| -</head> | ||
| -<body id="world-politics"> | ||
| - | ||
| -<div id="main" class="main"> | ||
| - <div id="policy-header" class="policy-header"> | ||
| - <h1 id="policy-title" class="policy-title">Water Sustainability Act</h1> | ||
| - </div> | ||
| - | ||
| - <div id="policy-summary" class="policy-summary"> | ||
| - <div id="policy-overview" class="policy-overview"> | ||
| - <div id="policy-overview-text" class="policy-overview-text"> | ||
| -<p> | ||
| -We all need water for drinking, washing, cooking, and growing food. Water supports every aspect of a <a class="internal-link" href="">healthy environment</a>, a <a class="internal-link" href="">growing economy</a>, and <a class="internal-link" href="">prosperous communities</a>. | ||
| -</p> | ||
| -<p> | ||
| -While British Columbia has almost 300 unique watersheds (fish-bearing rivers, spectacular lakes, and exceptional wetlands), our water supply is finite. Under growing <a class="internal-link" href="">population pressures</a>, a <a class="internal-link" href="">changing climate</a>, and expanding development, we must ensure that fresh, clean water is sustainably managed for today's needs and for future generations. | ||
| -</p> | ||
| -<p> | ||
| -The Water Sustainability Act replaces the existing <a class="external-link" href="http://www.bclaws.ca/Recon/document/ID/freeside/00_96483_01">Water Act</a>. | ||
| -</p> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div id="policy-implications" class="policy-implications"> | ||
| - <div class="policy-implication"> | ||
| - <div class="policy-implication-tally"> | ||
| - <div class="policy-implication-vote-active"> | ||
| - ▲ | ||
| - </div> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▼ | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-implication-text"> | ||
| - <p> | ||
| - Simplify aquifer <a class="internal-support-link" href="support.html">status and usage</a> metrics collection. | ||
| - </p> | ||
| - <p class="policy-implication-type-flag"> | ||
| - flag | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div class="policy-implication"> | ||
| - <div class="policy-implication-tally"> | ||
| - <div class="policy-implication-vote-active"> | ||
| - ▲ | ||
| - </div> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▼ | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-implication-text"> | ||
| - <p> | ||
| - Well owner data will <a href="">improve understanding</a> of | ||
| - aquifer interactions with lakes and streams. | ||
| - [<a class="doi-external-link" href="http://www.groundwatergovernance.org/fileadmin/user_upload/groundwatergovernance/docs/Hague/Readings/Groundwater_De_Vries.pdf">§ Groundwater, J.J. de Vries, Geology of the Netherlands, 2007</a>] | ||
| - </p> | ||
| - <p class="policy-implication-type-flag"> | ||
| - flag | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div class="policy-implication"> | ||
| - <div class="policy-implication-tally"> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▲ | ||
| - </div> | ||
| - <div class="policy-implication-vote-active"> | ||
| - ▼ | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-implication-text"> | ||
| - <p> | ||
| - Improve aquifer management. | ||
| - </p> | ||
| - <p class="policy-implication-type-flag"> | ||
| - flag | ||
| - </p> | ||
| - | ||
| - <div class="policy-implication-counter"> | ||
| - <div class="policy-implication-counter-mark"> | ||
| - <p> | ||
| - [Counter]<br /> | ||
| - </p> | ||
| - </div> | ||
| - <div class="policy-implication-counter-text"> | ||
| - <p> | ||
| - Hypothesis requires further research to quantify | ||
| - economic improvement claims. | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div class="policy-implication-counter"> | ||
| - <div class="policy-implication-counter-mark"> | ||
| - <p> | ||
| - [Counter]<br /> | ||
| - </p> | ||
| - </div> | ||
| - <div class="policy-implication-counter-text"> | ||
| - <p> | ||
| - Cite source. | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div class="policy-implication"> | ||
| - <div class="policy-implication-tally"> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▲ | ||
| - </div> | ||
| - <div class="policy-implication-vote-active"> | ||
| - ▼ | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-implication-text"> | ||
| - <p> | ||
| - Short-term increased tax-payer costs to | ||
| - <a href="">implement infrastructure</a> for trend analysis. | ||
| - </p> | ||
| - <p class="policy-implication-type-flag"> | ||
| - flag | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div class="policy-implication"> | ||
| - <div class="policy-implication-tally"> | ||
| - <div class="policy-implication-vote-active"> | ||
| - ▲ | ||
| - </div> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▼ | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-implication-text"> | ||
| - <p> | ||
| - Small-volume license holders would be required to measure, | ||
| - record, and report water use in <a href="">certain circumstances</a> | ||
| - under the <a href="">Area-Based Regulations Act</a>. | ||
| - </p> | ||
| - <p class="policy-implication-type-flag"> | ||
| - flag | ||
| - </p> | ||
| - | ||
| - <div class="policy-implication-counter"> | ||
| - <div class="policy-implication-counter-mark"> | ||
| - [Counter]<br /> | ||
| - </div> | ||
| - <div class="policy-implication-counter-text"> | ||
| - <p> | ||
| - Long-term cost savings of improved infrastructure will be | ||
| - ear-marked for installation of | ||
| - <a href="">automatic recording devices</a> to reduce impact | ||
| - on small-volume license holders and help homogeneous data | ||
| - collection. | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div class="policy-implication"> | ||
| - <div class="policy-implication-tally"> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▲ | ||
| - </div> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▼ | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-implication-text"> | ||
| - <p> | ||
| - Increase <a href="">water use efficiency</a>. | ||
| - </p> | ||
| - <p class="policy-implication-type-flag"> | ||
| - flag | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div class="policy-implication"> | ||
| - <div class="policy-implication-tally"> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▲ | ||
| - </div> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▼ | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-implication-text"> | ||
| - <p> | ||
| - Protect <a href="">critical environment flows</a> to ensure water | ||
| - availability for essential household use. | ||
| - </p> | ||
| - <p class="policy-implication-type-flag"> | ||
| - flag | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div class="policy-implication"> | ||
| - <div class="policy-implication-tally"> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▲ | ||
| - </div> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▼ | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-implication-text"> | ||
| - <p> | ||
| - Provide area-based approach for <a href="">effective management</a> | ||
| - of low streamflows and high water demand. | ||
| - </p> | ||
| - <p class="policy-implication-type-flag"> | ||
| - flag | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div class="policy-implication"> | ||
| - <div class="policy-implication-tally"> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▲ | ||
| - </div> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▼ | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-implication-text"> | ||
| - <p> | ||
| - <a href="">Increased certainty</a> of water availability, especially | ||
| - in areas of intensive water use subject to chronic water scarcity. | ||
| - </p> | ||
| - <p class="policy-implication-type-flag"> | ||
| - flag | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div class="policy-implication"> | ||
| - <div class="policy-implication-tally"> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▲ | ||
| - </div> | ||
| - <div class="policy-implication-vote-inactive"> | ||
| - ▼ | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-implication-text"> | ||
| - <p> | ||
| - Wider <a href="">participation</a> in decisions and water governance | ||
| - approaches. | ||
| - </p> | ||
| - <p class="policy-implication-type-flag"> | ||
| - flag | ||
| - </p> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| -</div> | ||
| - | ||
| -<div id="footer"> | ||
| - | ||
| -</div> | ||
| - | ||
| -<script type="text/javascript" | ||
| - src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | ||
| - | ||
| -<script type="text/javascript" src="tour/tour.js"></script> | ||
| -<script type="text/javascript" src="js/discuss.js"></script> | ||
| -</body> | ||
| -</html> | ||
| - | ||
| -Reasons to put a comment on hold: | ||
| - | ||
| -( ) Duplicate... | ||
| - A similar comment has already been made | ||
| -( ) Irrelevant | ||
| - Comments must be on topic for the discussion | ||
| -( ) Unclear | ||
| - Understanding the comment is difficult | ||
| -( ) Unsolicited | ||
| - Comments may not contain advertising | ||
| -( ) Conjecture | ||
| - Comments must be supported by evidence or well-articulated arguments | ||
| -( ) Privacy | ||
| - Comments may not include personally identifiable information | ||
| -( ) Fallacy... | ||
| - [ ] Appeal to authority - Assertion from non-subject-matter expert | ||
| - [ ] Argument from ignorance - Assertion from lack of falsification | ||
| - [ ] Begging the question - Assertion from the conclusion | ||
| - [ ] Burden of proof - Whomever asserts a fact must provide evidence | ||
| - [ ] Cherry picking - Assertion with incomplete evidence | ||
| - [ ] Circular reasoning - The conclusion is a premise | ||
| - [ ] Equivocation - Misleading terminology use | ||
| - [ ] False cause - Correlation does not imply causation | ||
| - [ ] False dilemma - Too few alternatives are considered | ||
| - [ ] Personal attacks - Assertion by critiquing authors | ||
| - [ ] Slippery slope - Assertion by extrapolating future causality | ||
| - [ ] Special pleading - Assertion by unjustified exemption | ||
| - [ ] Straw man - Assertion by misrepresenting contrary position | ||
| - [ ] Other (http://en.wikipedia.org/wiki/List_of_fallacies) | ||
| - | ||
| -<!DOCTYPE html> | ||
| -<html lang="en"> | ||
| -<head> | ||
| - <meta charset="utf-8"> | ||
| - <title>World Politics: A System for Rational, Moderated Debate</title> | ||
| - | ||
| - <link rel="stylesheet" media="screen,print" href="css/theme.css" /> | ||
| - <link rel="stylesheet" media="screen,print" href="css/interest.css" /> | ||
| - <link rel="stylesheet" media="screen,print" href="tour/tour.css" /> | ||
| - | ||
| - <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| - <meta name="author" content="Dave Jarvis"> | ||
| - <meta name="description" content="A website for engaging the public about upcoming policies."> | ||
| - <meta name="robots" content="all"> | ||
| -</head> | ||
| -<body id="world-politics"> | ||
| - | ||
| -<div id="main" class="main"> | ||
| - <div id="policies" class="policies"> | ||
| - <div class="policy"> | ||
| - <div class="tally-panel"> | ||
| - <div class="policy-votes interest-extreme"> | ||
| - <div class="vote-tally">80k</div> | ||
| - <div class="vote-text">votes</div> | ||
| - </div> | ||
| - <div class="policy-views interest-extreme"> | ||
| - <div class="view-tally">190k</div> | ||
| - <div class="view-text">views</div> | ||
| - </div> | ||
| - <div class="activation"> | ||
| - <div class="activation-date">Jan 1, 2017</div> | ||
| - <div class="activation-time">11:30am</div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-summary"> | ||
| - <div class="policy-title"> | ||
| - <a href="summary.html" class="policy-title"><h1 class="policy-title">Water Sustainability Act</h1></a> | ||
| - </div> | ||
| - <div class="policy-tags"> | ||
| - <div class="policy-tag">Act</div> | ||
| - <div class="policy-tag">BC</div> | ||
| - <div class="policy-tag">Environment</div> | ||
| - <div class="policy-tag">Water</div> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy"> | ||
| - <div class="tally-panel"> | ||
| - <div class="policy-votes interest-slight"> | ||
| - <div class="vote-tally">300</div> | ||
| - <div class="vote-text">votes</div> | ||
| - </div> | ||
| - <div class="policy-views interest-moderate"> | ||
| - <div class="view-tally">1k</div> | ||
| - <div class="view-text">views</div> | ||
| - </div> | ||
| - <div class="activation"> | ||
| - <div class="activation-date">Feb 12, 2017</div> | ||
| - <div class="activation-time">3:15pm</div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-summary"> | ||
| - <div class="policy-title"> | ||
| - <a href=""><h1 class="policy-title">Digital Freedom Act</h1></a> | ||
| - </div> | ||
| - <div class="policy-tags"> | ||
| - <div class="policy-tag">Act</div> | ||
| - <div class="policy-tag">Copyright</div> | ||
| - <div class="policy-tag">Criminal Code</div> | ||
| - <div class="policy-tag">Digital Rights</div> | ||
| - <div class="policy-tag">Internet</div> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy"> | ||
| - <div class="tally-panel"> | ||
| - <div class="policy-votes interest-low"> | ||
| - <div class="vote-tally">85</div> | ||
| - <div class="vote-text">votes</div> | ||
| - </div> | ||
| - <div class="policy-views interest-slight"> | ||
| - <div class="view-tally">100</div> | ||
| - <div class="view-text">views</div> | ||
| - </div> | ||
| - <div class="activation"> | ||
| - <div class="activation-date">Apr 21, 2017</div> | ||
| - <div class="activation-time">1:45pm</div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-summary"> | ||
| - <div class="policy-title"> | ||
| - <a href=""><h1 class="policy-title">Omnibus Crime Bill</h1></a> | ||
| - </div> | ||
| - <div class="policy-tags"> | ||
| - <div class="policy-tag">Bill</div> | ||
| - <div class="policy-tag">Criminal Code</div> | ||
| - <div class="policy-tag">Education</div> | ||
| - <div class="policy-tag">Environment</div> | ||
| - <div class="policy-tag">Internet</div> | ||
| - <div class="policy-tag">Women's Rights</div> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy"> | ||
| - <div class="tally-panel"> | ||
| - <div class="policy-votes interest-extreme"> | ||
| - <div class="vote-tally">182k</div> | ||
| - <div class="vote-text">votes</div> | ||
| - </div> | ||
| - <div class="policy-views interest-extreme"> | ||
| - <div class="view-tally">420k</div> | ||
| - <div class="view-text">views</div> | ||
| - </div> | ||
| - <div class="activation"> | ||
| - <div class="activation-date">Sep 22, 2014</div> | ||
| - <div class="activation-time">4:20pm</div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-summary"> | ||
| - <div class="policy-title"> | ||
| - <a href=""><h1 class="policy-title">Marijuana Legalization Act</h1></a> | ||
| - </div> | ||
| - <div class="policy-tags"> | ||
| - <div class="policy-tag">Act</div> | ||
| - <div class="policy-tag">Criminal Code</div> | ||
| - <div class="policy-tag">Drug</div> | ||
| - <div class="policy-tag">Medicine</div> | ||
| - <div class="policy-tag">Marijuana</div> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy"> | ||
| - <div class="tally-panel"> | ||
| - <div class="policy-votes interest-moderate"> | ||
| - <div class="vote-tally">2k</div> | ||
| - <div class="vote-text">votes</div> | ||
| - </div> | ||
| - <div class="policy-views interest-high"> | ||
| - <div class="view-tally">20k</div> | ||
| - <div class="view-text">views</div> | ||
| - </div> | ||
| - <div class="activation"> | ||
| - <div class="activation-date">Aug 15, 2018</div> | ||
| - <div class="activation-time">12:25pm</div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-summary"> | ||
| - <div class="policy-title"> | ||
| - <a href=""><h1 class="policy-title">First Nations Land Use Bill</h1></a> | ||
| - </div> | ||
| - <div class="policy-tags"> | ||
| - <div class="policy-tag">Bill</div> | ||
| - <div class="policy-tag">Environment</div> | ||
| - <div class="policy-tag">First Nations</div> | ||
| - <div class="policy-tag">Pipeline</div> | ||
| - <div class="policy-tag">Property</div> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy"> | ||
| - | ||
| - </div> | ||
| - </div> | ||
| -</div> | ||
| - | ||
| -<div id="footer"> | ||
| - <a href="account.html">Account</a> | ||
| -</div> | ||
| - | ||
| -<script | ||
| - src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | ||
| -<script type="text/javascript" src="tour/tour.js"></script> | ||
| -<script type="text/javascript" src="js/interest.js"></script> | ||
| -</body> | ||
| -</html> | ||
| - | ||
| -var index = 0; | ||
| -var tours = [ | ||
| - { | ||
| - "a": 55, | ||
| - "d": 5, | ||
| - "e": "div.policy-implication-vote-active:first", | ||
| - "t": 'Users can express agreement with implications; the highest-rated implications are displayed on the summary page.' | ||
| - }, | ||
| - { | ||
| - "a": 145, | ||
| - "d": -5, | ||
| - "e": "div.policy-implication-tally:first", | ||
| - "t": 'Users can express disagreement with benefits. Users can always change their opinion.' | ||
| - }, | ||
| - { | ||
| - "a": 105, | ||
| - "d": -30, | ||
| - "e": "div.policy-implication-text:first", | ||
| - "t": 'Discussion points are succinctly summarized.' | ||
| - }, | ||
| - { | ||
| - "a": 45, | ||
| - "d": 35, | ||
| - "e": "div.policy-implication-counter-mark:first", | ||
| - "t": 'Multiple counter-points can be raised.' | ||
| - }, | ||
| - { | ||
| - "a": 45, | ||
| - "d": 35, | ||
| - "e": "div.policy-implication-counter-text:first", | ||
| - "t": 'Points and counter-points can be improved by editing them inline. All changes are moderated. Users involved in the discussion are notified of changes.' | ||
| - }, | ||
| - { | ||
| - "a": 135, | ||
| - "d": -5, | ||
| - "e": "a.doi-external-link", | ||
| - "t": 'Users cite peer-reviewed articles to support claims.' | ||
| - }, | ||
| - { | ||
| - "a": 135, | ||
| - "d": -5, | ||
| - "e": "a.internal-support-link", | ||
| - "t": 'All discussion points link to supporting information. Select this link to view an example support page.' | ||
| - }, | ||
| -]; | ||
| - | ||
| -function nextTour() { | ||
| - $(tours[index].e).grumble({ | ||
| - text: tours[index].t, | ||
| - angle: tours[index].a, | ||
| - distance: tours[index].d, | ||
| - hideOnClick: true, | ||
| - onHide: function( grumble, button ) { | ||
| - index++; | ||
| - | ||
| - if( index < tours.length ) { | ||
| - nextTour(); | ||
| - } | ||
| - } | ||
| - }); | ||
| -} | ||
| - | ||
| -$(document).ready( function() { | ||
| - nextTour(); | ||
| -}); | ||
| -var index = 0; | ||
| -var tours = [ | ||
| - { | ||
| - "a": 85, | ||
| - "e": "body", | ||
| - "t": 'This site demonstrates a policy discussion concept. Click each bubble to advance the tour.' | ||
| - }, | ||
| - { | ||
| - "a": 180, | ||
| - "e": "div.main", | ||
| - "t": 'The front page lists upcoming policies.' | ||
| - }, | ||
| - { | ||
| - "a": 115, | ||
| - "d": 15, | ||
| - "e": "div.vote-tally:first", | ||
| - "t": 'Policies include the number of people who have voted on it.' | ||
| - }, | ||
| - { | ||
| - "a": 115, | ||
| - "d": 15, | ||
| - "e": "div.view-tally:first", | ||
| - "t": 'Policies include the number of people who have visited its summary page.' | ||
| - }, | ||
| - { | ||
| - "a": 95, | ||
| - "d": -165, | ||
| - "e": "div.policy-title:first", | ||
| - "t": 'Policy titles link to a summary page.' | ||
| - }, | ||
| - { | ||
| - "a": 215, | ||
| - "e": "div.policy-tags:first", | ||
| - "t": 'Policies are assigned multiple categories (called tags), which users can filter.' | ||
| - }, | ||
| - { | ||
| - "a": 120, | ||
| - "e": "div.activation:last", | ||
| - "t": 'Policies can have an activation date.' | ||
| - }, | ||
| - { | ||
| - "a": 85, | ||
| - "d": 120, | ||
| - "e": "a.policy-title:first", | ||
| - "t": 'Click the policy title to view its summary page.' | ||
| - }, | ||
| -]; | ||
| - | ||
| -function nextTour() { | ||
| - $(tours[index].e).grumble({ | ||
| - text: tours[index].t, | ||
| - angle: tours[index].a, | ||
| - distance: tours[index].d, | ||
| - hideOnClick: true, | ||
| - onHide: function( grumble, button ) { | ||
| - index++; | ||
| - | ||
| - if( index < tours.length ) { | ||
| - nextTour(); | ||
| - } | ||
| - } | ||
| - }); | ||
| -} | ||
| - | ||
| -$(document).ready( function() { | ||
| - nextTour(); | ||
| -}); | ||
| -var index = 0; | ||
| -var tours = [ | ||
| - { | ||
| - "a": 269, | ||
| - "d": -365, | ||
| - "e": "div.policy-vote-calc-pro", | ||
| - "t": 'Percentage who agree with the policy.' | ||
| - }, | ||
| - { | ||
| - "a": 268, | ||
| - "d": -375, | ||
| - "e": "div.policy-vote-calc-con", | ||
| - "t": 'Percentage who disagree with the policy.' | ||
| - }, | ||
| - { | ||
| - "a": 90, | ||
| - "d": 20, | ||
| - "e": "div.tally-vote-pro", | ||
| - "t": 'Agreement vote tally; users click the arrow to express agreement.' | ||
| - }, | ||
| - { | ||
| - "a": 90, | ||
| - "d": 20, | ||
| - "e": "div.tally-vote-con", | ||
| - "t": 'Disagreement vote tally; users click the arrow to express disagreement.' | ||
| - }, | ||
| - { | ||
| - "a": 180, | ||
| - "d": -120, | ||
| - "e": "div.policy-overview-text", | ||
| - "t": 'Introductory text explains why the policy is needed. Users can directly edit the text to propose changes (subject to moderation).' | ||
| - }, | ||
| - { | ||
| - "a": 180, | ||
| - "d": -10, | ||
| - "e": "div.policy-overview-text a.internal-link:first", | ||
| - "t": 'Internal links to more information.' | ||
| - }, | ||
| - { | ||
| - "a": 180, | ||
| - "d": -10, | ||
| - "e": "div.policy-overview-text a.external-link:first", | ||
| - "t": 'External links to more information.' | ||
| - }, | ||
| - { | ||
| - "a": 180, | ||
| - "d": -5, | ||
| - "e": "a#policy-feedback-flag", | ||
| - "t": 'Users can raise issues with the introductory text that require moderator attention or intervention.' | ||
| - }, | ||
| - { | ||
| - "a": 180, | ||
| - "d": -5, | ||
| - "e": "div.policy-implications ul.policy-implication li:first", | ||
| - "t": 'The highest-rated implications from the discussion page.' | ||
| - }, | ||
| - { | ||
| - "a": 180, | ||
| - "d": -5, | ||
| - "e": "a#policy-proposal", | ||
| - "t": 'Provides the complete proposal text. Legislative text is presented alongside its layperson translation.' | ||
| - }, | ||
| - { | ||
| - "a": 180, | ||
| - "d": -5, | ||
| - "e": "a#policy-hypothesis", | ||
| - "t": 'Describes the measurable goals of the policy used to ascertain its effectiveness.' | ||
| - }, | ||
| - { | ||
| - "a": 180, | ||
| - "d": -5, | ||
| - "e": "a#policy-resources", | ||
| - "t": 'Information about the types and amounts of resources required to implement (enact) the policy.' | ||
| - }, | ||
| - { | ||
| - "a": 180, | ||
| - "d": -5, | ||
| - "e": "a#policy-feedback-discuss", | ||
| - "t": 'Link to the discussion page where all implications are listed. Click the discuss link to continue.' | ||
| - }, | ||
| -]; | ||
| - | ||
| -function nextTour() { | ||
| - $(tours[index].e).grumble({ | ||
| - text: tours[index].t, | ||
| - angle: tours[index].a, | ||
| - distance: tours[index].d, | ||
| - hideOnClick: true, | ||
| - onHide: function( grumble, button ) { | ||
| - index++; | ||
| - | ||
| - if( index < tours.length ) { | ||
| - nextTour(); | ||
| - } | ||
| - } | ||
| - }); | ||
| -} | ||
| - | ||
| -$(document).ready( function() { | ||
| - nextTour(); | ||
| -}); | ||
| - | ||
| -var index = 0; | ||
| -var tours = [ | ||
| - { | ||
| - "a": 150, | ||
| - "d": -35, | ||
| - "e": "div.support-vote-pro", | ||
| - "t": 'Users can vote to agree with a supporting statement.' | ||
| - }, | ||
| - { | ||
| - "a": 150, | ||
| - "d": -5, | ||
| - "e": "div.support-vote-con", | ||
| - "t": 'Users can vote to disagree with a supporting statement.' | ||
| - }, | ||
| - { | ||
| - "a": 135, | ||
| - "d": -5, | ||
| - "e": "a.definition", | ||
| - "t": 'Users can select hyperlinked definitions to learn contextual meaning.' | ||
| - }, | ||
| - { | ||
| - "a": 135, | ||
| - "d": -5, | ||
| - "e": "a.video", | ||
| - "t": 'Links can trigger embedded videos.' | ||
| - }, | ||
| - { | ||
| - "a": -15, | ||
| - "d": 10, | ||
| - "e": "#support-feedback-discuss", | ||
| - "t": 'Returns user to discussion page.' | ||
| - }, | ||
| - { | ||
| - "a": -15, | ||
| - "d": 10, | ||
| - "e": "#support-feedback-edit", | ||
| - "t": 'Users can suggest edits to supporting text (subject to moderation).' | ||
| - }, | ||
| - { | ||
| - "a": -15, | ||
| - "d": 10, | ||
| - "e": "#support-feedback-flag", | ||
| - "t": 'Users can bring support page content to the attention of moderators.' | ||
| - }, | ||
| - { | ||
| - "a": 120, | ||
| - "d": 10, | ||
| - "e": "a.account", | ||
| - "t": 'Select the Account link to view an example account.' | ||
| - }, | ||
| -]; | ||
| - | ||
| -function nextTour() { | ||
| - $(tours[index].e).grumble({ | ||
| - text: tours[index].t, | ||
| - angle: tours[index].a, | ||
| - distance: tours[index].d, | ||
| - hideOnClick: true, | ||
| - onHide: function( grumble, button ) { | ||
| - index++; | ||
| - | ||
| - if( index < tours.length ) { | ||
| - nextTour(); | ||
| - } | ||
| - } | ||
| - }); | ||
| -} | ||
| - | ||
| -$(document).ready( function() { | ||
| - nextTour(); | ||
| -}); | ||
| - | ||
| -<!DOCTYPE html> | ||
| -<html lang="en"> | ||
| -<head> | ||
| - <meta charset="utf-8"> | ||
| - <title>World Politics: A System for Rational, Moderated Debate</title> | ||
| - | ||
| - <link rel="stylesheet" media="screen,print" href="css/theme.css" /> | ||
| - <link rel="stylesheet" media="screen,print" href="css/summary.css"> | ||
| - <link rel="stylesheet" media="screen,print" href="tour/tour.css" /> | ||
| - | ||
| - <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| - <meta name="author" content="Dave Jarvis"> | ||
| - <meta name="description" content="A website for engaging the public about upcoming policies."> | ||
| - <meta name="robots" content="all"> | ||
| -</head> | ||
| -<body id="world-politics"> | ||
| - | ||
| -<div id="main" class="main"> | ||
| - <div id="policy-header" class="policy-header"> | ||
| - <h1 id="policy-title" class="policy-title">Water Sustainability Act</h1> | ||
| - <div id="policy-vote-calc" class="policy-vote-calc"> | ||
| - <div id="policy-vote-calc-pro" class="policy-vote-calc-pro"> | ||
| - 92.6% | ||
| - ✔ | ||
| - </div> | ||
| - <div id="policy-vote-calc-con" class="policy-vote-calc-con"> | ||
| - 7.4% | ||
| - ✗ | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div id="policy-summary" class="policy-summary"> | ||
| - <div id="policy-overview" class="policy-overview"> | ||
| - <div id="policy-votes" class="policy-votes"> | ||
| - <div id="tally-vote-pro" class="tally-vote-pro"> | ||
| - 74,089<br /> | ||
| - ▲ | ||
| - </div> | ||
| - <div id="tally-vote-con" class="tally-vote-con"> | ||
| - ▼<br /> | ||
| - 5,911 | ||
| - </div> | ||
| - </div> | ||
| - <div id="policy-overview-text" class="policy-overview-text editable"> | ||
| -<p> | ||
| -Everyone needs water for drinking, washing, cooking, and growing food. Water supports every aspect of a <a class="internal-link" href="">healthy environment</a>, a <a class="internal-link" href="">growing economy</a>, and <a class="internal-link" href="">prosperous communities</a>. | ||
| -</p> | ||
| -<p> | ||
| -While British Columbia has almost 300 unique watersheds (fish-bearing rivers, spectacular lakes, and exceptional wetlands), our water supply is finite. Under growing <a class="internal-link" href="">population pressures</a>, a <a class="internal-link" href="">changing climate</a>, and expanding development, we must ensure that fresh, clean water is sustainably managed for today's needs and for future generations. | ||
| -</p> | ||
| -<p> | ||
| -The Water Sustainability Act replaces the existing <a class="external-link" href="http://www.bclaws.ca/Recon/document/ID/freeside/00_96483_01">Water Act</a>. | ||
| -</p> | ||
| - <div id="policy-overview-links" class="policy-overview-links"> | ||
| - <div id="policy-feedback" class="policy-feedback"> | ||
| - <a id="policy-proposal" class="policy-feedback-link" href="proposal.html">proposal</a> | | ||
| - <a id="policy-hypothesis" class="policy-feedback-link" href="hypothesis.html">hypothesis</a> | | ||
| - <a id="policy-resources" class="policy-feedback-link" href="resources.html">resources</a> | | ||
| - <a id="policy-feedback-discuss" class="policy-feedback-link" href="discuss.html">discuss</a> | | ||
| - <a id="policy-feedback-flag" class="policy-feedback-link" href="">flag</a> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - <div class="policy-tags"> | ||
| - <div class="policy-tag">Act</div> | ||
| - <div class="policy-tag">BC</div> | ||
| - <div class="policy-tag">Environment</div> | ||
| - <div class="policy-tag">Water</div> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div id="policy-implications" class="policy-implications"> | ||
| - <div id="policy-implications-pro" class="policy-implications-pro"> | ||
| - <h2 id="policy-pro-title" class="policy-pro-title">Implications</h2> | ||
| - | ||
| - <ul class="policy-implication"> | ||
| - <li> | ||
| - Increase <a href="">water use efficiency</a>. | ||
| - </li> | ||
| - <li> | ||
| - Well owner information will <a href="">improve understanding</a> of | ||
| - how aquifers interact with lakes and streams. | ||
| - </li> | ||
| - <li> | ||
| - Protect <a href="">critical environment flows</a> to ensure water | ||
| - availability for essential household use. | ||
| - </li> | ||
| - <li> | ||
| - Short-term increased tax-payer costs to <a href="">implement | ||
| - infrastructure</a> for trend analysis. | ||
| - </li> | ||
| - <li> | ||
| - Small-volume license holders would be required to measure, | ||
| - record, and report water use in <a href="">certain circumstances</a> | ||
| - under the <a href="">Area-Based Regulations Act</a>. | ||
| - </li> | ||
| - <li> | ||
| - Wider <a href="">participation</a> in decisions and water governance | ||
| - approaches. | ||
| - </li> | ||
| - <li> | ||
| - <a href="">Increased certainty</a> of water availability, especially | ||
| - in areas of intensive water use subject to chronic water scarcity. | ||
| - </li> | ||
| - </ul> | ||
| - </div> | ||
| - </div> | ||
| -</div> | ||
| - | ||
| -<div id="footer"> | ||
| -</div> | ||
| - | ||
| -<script type="text/javascript" | ||
| - src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | ||
| - | ||
| -<script type="text/javascript" src="tour/tour.js"></script> | ||
| -<script type="text/javascript" src="js/summary.js"></script> | ||
| -</body> | ||
| -</html> | ||
| - | ||
| -<!DOCTYPE html> | ||
| -<html lang="en"> | ||
| -<head> | ||
| - <meta charset="utf-8"> | ||
| - <title>World Politics: A System for Rational, Moderated Debate</title> | ||
| - | ||
| - <link rel="stylesheet" media="screen,print" href="css/theme.css" /> | ||
| - <link rel="stylesheet" media="screen,print" href="css/support.css" /> | ||
| - <link rel="stylesheet" media="screen,print" href="tour/tour.css" /> | ||
| - | ||
| - <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| - <meta name="author" content="Dave Jarvis"> | ||
| - <meta name="description" content="A website for engaging the public about upcoming policies."> | ||
| - <meta name="robots" content="all"> | ||
| -</head> | ||
| -<body id="world-politics"> | ||
| - | ||
| -<div id="main" class="main"> | ||
| - <div id="policies" class="policies"> | ||
| - <div class="policy"> | ||
| - <div class="policy-support"> | ||
| - <div class="policy-title"> | ||
| - <h1 class="policy-title">Water Sustainability Act</h1> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div id="support" class="support"> | ||
| - <div id="support-votes" class="support-votes"> | ||
| - <div id="support-vote-pro" class="support-vote-pro"> | ||
| - 4,253<br /> | ||
| - ▲ | ||
| - </div> | ||
| - <br /> | ||
| - <div id="support-vote-con" class="support-vote-con"> | ||
| - ▼<br /> | ||
| - 701 | ||
| - </div> | ||
| - </div> | ||
| - <div id="support-container" class="support-container"> | ||
| - <h2 id="support-title" class="support-title"> | ||
| - Simplify aquifer status and usage metrics collection. | ||
| - </h2> | ||
| - <p> | ||
| - <a class="definition" href="">Large water</a> users would be required to measure and | ||
| - report on water use. Regulations would detail the requirements and who | ||
| - would be responsible for reporting. | ||
| - </p> | ||
| - <p> | ||
| - Good business sense implies improving efficiency to maximise the | ||
| - use of limited water resources. Although many | ||
| - <a href="">licence holders</a> have improved their water use efficiency, | ||
| - mechanisms in the <a class="external-link" href="">Water Act</a> to | ||
| - allow them to make better use of their water savings should be | ||
| - reviewed. In addition, there are many benefits to thinking differently | ||
| - about how we design water related infrastructure to reduce costs and | ||
| - seek future benefits like making energy from waste, recycling water or | ||
| - reusing <a class="internal-link video" href="">waste water</a> for other | ||
| - purposes. | ||
| - </p> | ||
| - <p> | ||
| - Measuring water use encourages efficiency, establishes compliance, | ||
| - helps identify leaks, and can optimize water use practices. This | ||
| - information could be shared on a watershed basis. Identifying and | ||
| - communicating water savings has potential to: | ||
| - </p> | ||
| - <ul> | ||
| - <li>bring more lands into production;</li> | ||
| - <li>restore ecological health;</li> | ||
| - <li>allow for other economic activities in the community; or</li> | ||
| - <li>adapt to changing stream flow conditions.</li> | ||
| - </ul> | ||
| - </div> | ||
| - </div> | ||
| - | ||
| - <div id="support-feedback" class="support-feedback"> | ||
| - <a id="support-feedback-discuss" class="support-feedback-link" href="discuss.html">discuss</a> | | ||
| - <a id="support-feedback-edit" class="support-feedback-link" href="">edit</a> | | ||
| - <a id="support-feedback-flag" class="support-feedback-link" href="">flag</a> | ||
| - </div> | ||
| -</div> | ||
| - | ||
| -<div id="footer"> | ||
| - <p> </p> | ||
| - <p> </p> | ||
| -</div> | ||
| - | ||
| -<script | ||
| - src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | ||
| -<script type="text/javascript" src="tour/tour.js"></script> | ||
| -<script type="text/javascript" src="js/support.js"></script> | ||
| -</body> | ||
| -</html> | ||
| - | ||
| -/** (c) 2011 James Cryer, Huddle (www.huddle.com) */ | ||
| -/** http://jamescryer.github.com/grumble.js/ */ | ||
| - | ||
| -(function($, window){ | ||
| - | ||
| - var defaults = { | ||
| - type: '', | ||
| - text: '', | ||
| - top: 0, | ||
| - left: 0, | ||
| - angle: 45, | ||
| - size: 50, | ||
| - distance: 50, | ||
| - template: '<div class="grumble" style="display:none;filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\'auto expand\')"> </div>', | ||
| - textTemplate: '<div class="grumble-text" style="display:none;"><div class="outer"><div class="inner">{text}</div></div></div>', | ||
| - context: null | ||
| - }; | ||
| - | ||
| - window.GrumbleBubble = function(options){ | ||
| - | ||
| - this.options = $.extend({},defaults,options); | ||
| - this.context = $(this.options.context || $('body')); | ||
| - this.css = {}; | ||
| - this.create(); | ||
| - }; | ||
| - | ||
| - window.GrumbleBubble.prototype = { | ||
| - | ||
| - create: function(){ | ||
| - var tmpl = window.GrumbleBubble.prototype.tmpl; | ||
| - this.bubble = $( tmpl(this.options.template) ); | ||
| - this.text = $( tmpl(this.options.textTemplate, { text:this.options.text })); | ||
| - this.prepare(); | ||
| - }, | ||
| - | ||
| - /* | ||
| - the rotation is adjusted because the background image defaults to what would look like 45 degrees | ||
| - I dont like this, the code should be agnostic of the image and style | ||
| - */ | ||
| - setBubbleRotation: function(){ | ||
| - this.rotateDeg = this.options.angle - 45; | ||
| - if( this.rotateDeg < 0 ){ | ||
| - this.rotateDeg += 360; | ||
| - } | ||
| - }, | ||
| - | ||
| - prepare: function(){ | ||
| - var isAlreadyInserted = this.bubble.get(0).parentNode; | ||
| - | ||
| - this.setBubbleRotation(); | ||
| - | ||
| - this.applyStyles(); | ||
| - | ||
| - if( isAlreadyInserted !== this.context){ | ||
| - this.append(); | ||
| - } | ||
| - | ||
| - this.rotate(); | ||
| - }, | ||
| - | ||
| - applyStyles: function(){ | ||
| - | ||
| - this.setPosition(); | ||
| - | ||
| - this.css.width = this.options.size; | ||
| - this.css.height = this.options.size; | ||
| - | ||
| - this.text | ||
| - .css(this.css) | ||
| - .addClass('grumble-text'+this.options.size); | ||
| - | ||
| - this.bubble | ||
| - .css(this.css) | ||
| - .addClass(this.options.type+'grumble'+this.options.size); | ||
| - | ||
| - // remember calculated position for use by external components | ||
| - this.realLeft = this.css.left; | ||
| - this.realTop = this.css.top; | ||
| - }, | ||
| - | ||
| - setPosition: function(){ | ||
| - var ratio = this.options.angle/-360, | ||
| - xRadius = Math.cos(ratio*2*Math.PI), | ||
| - yRadius = Math.sin(ratio*2*Math.PI), | ||
| - halfSize = this.options.size/2, | ||
| - sizeSquared = this.options.size*this.options.size, | ||
| - halfedHypotenuse = Math.sqrt(sizeSquared + sizeSquared)/2, | ||
| - top = (this.options.top+halfSize) - xRadius * (this.options.distance + halfedHypotenuse), | ||
| - left = (this.options.left-halfSize) - yRadius * (this.options.distance + halfedHypotenuse); | ||
| - | ||
| - this.css.top = top - this.options.size; | ||
| - this.css.left = left; | ||
| - }, | ||
| - | ||
| - append: function(){ | ||
| - var body = this.context; | ||
| - this.bubble.appendTo(body); | ||
| - this.text.appendTo(body); | ||
| - }, | ||
| - | ||
| - rotate: function(){ | ||
| - if(navigator.appName === 'Microsoft Internet Explorer' && window.document.documentMode < 10){ | ||
| - this.ieRotate(); | ||
| - } else { | ||
| - this.cssRotate(); | ||
| - } | ||
| - }, | ||
| - | ||
| - cssRotate: function(){ | ||
| - this.bubble.css({ | ||
| - '-moz-transform': 'rotate('+this.rotateDeg+'deg)', | ||
| - '-webkit-transform': 'rotate('+this.rotateDeg+'deg)', | ||
| - '-o-transform': 'rotate('+this.rotateDeg+'deg)', | ||
| - 'transform': 'rotate('+this.rotateDeg+'deg)' | ||
| - }); | ||
| - }, | ||
| - | ||
| - ieRotate: function(){ | ||
| - var deg = this.rotateDeg, | ||
| - deg2radians = Math.PI * 2 / 360, | ||
| - rad = deg * deg2radians, | ||
| - costheta = Math.cos(rad), | ||
| - sintheta = Math.sin(rad), | ||
| - element = this.bubble.get(0), | ||
| - width, height; | ||
| - | ||
| - // use Matrix filter | ||
| - element.filters.item(0).M11 = costheta; | ||
| - element.filters.item(0).M12 = -sintheta; | ||
| - element.filters.item(0).M21 = sintheta; | ||
| - element.filters.item(0).M22 = costheta; | ||
| - | ||
| - width = this.bubble.width(); | ||
| - height = this.bubble.height(); | ||
| - | ||
| - // adjust position, IE rotates from center but also increases the width and height | ||
| - this.bubble.css({ | ||
| - left: this.css.left - ((width - this.options.size)/2), | ||
| - top: this.css.top - ((height - this.options.size)/2) | ||
| - }); | ||
| - }, | ||
| - | ||
| - adjust: function(options){ | ||
| - $.extend(this.options,options); | ||
| - this.prepare(); | ||
| - }, | ||
| - | ||
| - tmpl: function(template, obj, escapeContent) { | ||
| - for (var key in obj) { | ||
| - if (obj[key] === null) obj[key] = ''; | ||
| - if (typeof (obj[key]) === 'object' && obj[key].length) { obj[key] = obj[key].join(', '); } | ||
| - template = template.replace(new RegExp('{' + key + '}', 'g'), escapeContent ? escape(obj[key]) : obj[key]); | ||
| - } | ||
| - return template; | ||
| - } | ||
| - | ||
| - }; | ||
| -}($, window)); | ||
| -/** (c) 2011 James Cryer, Huddle (www.huddle.com) */ | ||
| -/** http://jamescryer.github.com/grumble.js/ */ | ||
| - | ||
| -.grumble{ | ||
| - position:absolute; | ||
| - background-image: url(bubble-sprite.png); | ||
| - background-repeat: no-repeat; | ||
| - z-index: 99999; | ||
| - } | ||
| - | ||
| - .grumble-text { | ||
| - position:absolute; | ||
| - text-align:center; | ||
| - z-index: 99999; | ||
| - display: table; | ||
| - overflow:hidden; | ||
| - /*text-transform:uppercase;*/ | ||
| - font-size: 14px; | ||
| - line-height: 14px; | ||
| - } | ||
| - .ie7 .grumble-text, | ||
| - .ie6 .grumble-text { | ||
| - display:block; | ||
| - } | ||
| - .grumble-text .outer { | ||
| - display: table-cell; | ||
| - vertical-align: middle; | ||
| - color:white; | ||
| - } | ||
| - .ie7 .grumble-text .outer, | ||
| - .ie6 .grumble-text .outer { | ||
| - display: block; | ||
| - width: 85%; | ||
| - position: absolute; | ||
| - top: 48%; | ||
| - left: 0; | ||
| - } | ||
| - .ie7 .inner, | ||
| - .ie6 .inner { | ||
| - position: relative; | ||
| - top: -50% | ||
| - } | ||
| - | ||
| - .grumble-text50 .outer{padding:6px;} | ||
| - .grumble-text100 .outer{padding:8px;} | ||
| - .grumble-text150 .outer{padding:10px;} | ||
| - .grumble-text200 .outer{padding:12px;} | ||
| - | ||
| - .grumble50 {background-position: 0 0;} | ||
| - .grumble100 {background-position: 0 -50px; } | ||
| - .grumble150 {background-position: 0 -150px;} | ||
| - .grumble200 {background-position: 0 -300px; } | ||
| - | ||
| - .alt-grumble50 {background-position: -200px 0;} | ||
| - .alt-grumble100 { background-position: -200px -50px; } | ||
| - .alt-grumble150 {background-position: -200px -150px;} | ||
| - .alt-grumble200 {background-position: -200px -300px; } | ||
| - | ||
| - .grumble-button { | ||
| - position: absolute; | ||
| - width: 20px; | ||
| - height: 12px; | ||
| - | ||
| - -moz-border-radius: 3px; | ||
| - border-radius: 3px; | ||
| - | ||
| - background: #FF5C00; | ||
| - color: #fff; | ||
| - text-align:center; | ||
| - font-size: .8em; | ||
| - line-height: .9em; | ||
| - | ||
| - -moz-box-shadow: 1px 1px 1px #ccc; | ||
| - -webkit-box-shadow: 1px 1px 1px #ccc; | ||
| - box-shadow: 1px 1px 1px #ccc; | ||
| - | ||
| - cursor: pointer; | ||
| - | ||
| - z-index: 99999; | ||
| - } | ||
| -(function(a,k){var m={type:"",text:"",top:0,left:0,angle:45,size:50,distance:50,template:'<div class="grumble" style="display:none;filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\'auto expand\')"> </div>',textTemplate:'<div class="grumble-text" style="display:none;"><div class="outer"><div class="inner">{text}</div></div></div>',context:null};k.GrumbleBubble=function(d){this.options=a.extend({},m,d);this.context=a(this.options.context||a("body"));this.css={};this.create()};k.GrumbleBubble.prototype= | ||
| -{create:function(){var d=k.GrumbleBubble.prototype.tmpl;this.bubble=a(d(this.options.template));this.text=a(d(this.options.textTemplate,{text:this.options.text}));this.prepare()},setBubbleRotation:function(){this.rotateDeg=this.options.angle-45;this.rotateDeg<0&&(this.rotateDeg+=360)},prepare:function(){var d=this.bubble.get(0).parentNode;this.setBubbleRotation();this.applyStyles();d!==this.context&&this.append();this.rotate()},applyStyles:function(){this.setPosition();this.css.width=this.options.size; | ||
| -this.css.height=this.options.size;this.text.css(this.css).addClass("grumble-text"+this.options.size);this.bubble.css(this.css).addClass(this.options.type+"grumble"+this.options.size);this.realLeft=this.css.left;this.realTop=this.css.top},setPosition:function(){var d=this.options.angle/-360,a=this.options.size/2,j=this.options.size*this.options.size,j=Math.sqrt(j+j)/2,f=this.options.left-a-Math.sin(d*2*Math.PI)*(this.options.distance+j);this.css.top=this.options.top+a-Math.cos(d*2*Math.PI)*(this.options.distance+ | ||
| -j)-this.options.size;this.css.left=f},append:function(){var d=this.context;this.bubble.appendTo(d);this.text.appendTo(d)},rotate:function(){navigator.appName==="Microsoft Internet Explorer"&&k.document.documentMode<10?this.ieRotate():this.cssRotate()},cssRotate:function(){this.bubble.css({"-moz-transform":"rotate("+this.rotateDeg+"deg)","-webkit-transform":"rotate("+this.rotateDeg+"deg)","-o-transform":"rotate("+this.rotateDeg+"deg)",transform:"rotate("+this.rotateDeg+"deg)"})},ieRotate:function(){var d= | ||
| -this.rotateDeg*(Math.PI*2/360),a=Math.cos(d),d=Math.sin(d),j=this.bubble.get(0);j.filters.item(0).M11=a;j.filters.item(0).M12=-d;j.filters.item(0).M21=d;j.filters.item(0).M22=a;a=this.bubble.width();d=this.bubble.height();this.bubble.css({left:this.css.left-(a-this.options.size)/2,top:this.css.top-(d-this.options.size)/2})},adjust:function(d){a.extend(this.options,d);this.prepare()},tmpl:function(a,h,j){for(var f in h)h[f]===null&&(h[f]=""),typeof h[f]==="object"&&h[f].length&&(h[f]=h[f].join(", ")), | ||
| -a=a.replace(RegExp("{"+f+"}","g"),j?escape(h[f]):h[f]);return a}}})($,window);(function(a,k){function m(a,d){var g,c;d?(c=Number(a.css("margin-top").replace("px",""))||0,g=a.position(),g.top+=c+d.scrollTop()+a.height()):(g=a.offset(),g.top+=a.height());g.left+=a.width()/2;return g}function d(f,h,g){var c=a('<div style="position:absolute;visibility:hidden;width:'+f+'px;">'+g+"</div>").appendTo(a(document.body)),j=c.outerHeight()*2+f*0.2,b=a.inArray(f,h);c.remove();return j>=f&&h[++b]?d(h[b],h,g):f}var h=[],j=navigator.appName==="Microsoft Internet Explorer"&&window.document.documentMode< | ||
| -10;a.fn.grumble=function(f,p){return typeof f==="string"?(this.trigger({type:f+".bubble",adjustments:p}),this):this.each(function(){var g=a(this),c=a.extend({},a.fn.grumble.defaults,f,g.data("grumble")||{}),l=d(c.size,c.sizeRange,c.text),b,e,i,o,n;c.useRelativePositioning&&(n=g.offsetParent());o=m(g,n);c.top=o.top;c.left=o.left;if(a.data(this,"hazGrumble"))return g.grumble("adjust",f),g.grumble("show"),!0;else a.data(this,"hazGrumble",!0);i={init:function(){b=new k({text:c.text,top:c.top,left:c.left, | ||
| -angle:c.angle,size:l,distance:c.distance,type:c.type,context:n});c.hasHideButton&&this.addButton();h.push({grumble:b,button:e,onHide:function(){i.isVisible=!1;a(document.body).unbind("click.bubble");i.doOnBeginHideCallback();i.doOnHideCallback()}});this.showBubble();this.prepareEvents()},addButton:function(){var q=k.prototype.tmpl;e=a(q(c.buttonTemplate,{hideText:c.buttonHideText})).css({left:b.realLeft+l-10,top:b.realTop+l-10}).insertAfter(b.text)},rePositionButton:function(){e&&e.css({left:b.realLeft+ | ||
| -l-10,top:b.realTop+l-10})},createFxQueue:function(){b.bubble.queue("fx");b.text.queue("fx");b.bubble.delay(c.showAfter);b.text.delay(c.showAfter);e&&e.delay(c.showAfter)},showBubble:function(){i.isVisible!=!0&&(c.showAfter&&i.createFxQueue(),j?(b.bubble.queue("fx",function(a){b.bubble.show();a()}),b.text.queue("fx",function(a){b.text.show();a()}),e&&e.queue("fx",function(a){e.show();a()})):(b.bubble.fadeTo("fast",1),b.text.fadeTo("fast",1),e&&e.fadeTo("fast",1)),b.bubble.queue("fx",function(a){i.isVisible= | ||
| -!0;(c.hideOnClick||c.hasHideButton)&&i.hideOnClick();i.doOnShowCallback();a()}),c.hideAfter&&i.hideBubble())},hideBubble:function(){b.bubble.delay(c.hideAfter);b.text.delay(c.hideAfter);b.bubble.queue("fx",function(a){i.doOnBeginHideCallback();a()});j?(b.bubble.queue("fx",function(a){b.bubble.hide();a()}),b.bubble.queue("fx",function(a){b.text.hide();a()}),e&&e.queue("fx",function(a){e.hide();a()})):(b.bubble.fadeOut(),b.text.fadeOut(),e&&e.fadeOut());b.bubble.queue("fx",function(a){i.isVisible=!1; | ||
| -i.doOnHideCallback();a()})},doOnBeginHideCallback:function(){c.onBeginHide(b,e)},doOnHideCallback:function(){c.onHide(b,e)},doOnShowCallback:function(){c.onShow(b,e)},hideOnClick:function(){setTimeout(function(){var c=function(){i.hideBubble(b,e);a(document.body).unbind("click.bubble",c)};a(document.body).bind("click.bubble",c)},1E3)},prepareEvents:function(){a(window).bind("resize.bubble",function(){var a;a=m(g,n);b.adjust({top:a.top,left:a.left});i.rePositionButton()});g.bind("hide.bubble",function(){i.hideBubble(b, | ||
| -e)});g.bind("adjust.bubble",function(a){a.adjustments&&typeof a.adjustments==="object"&&b.adjust(a.adjustments)});g.bind("show.bubble",function(){i.showBubble(b,e)});g.bind("delete.bubble",function(){b.bubble.hide().remove();b.text.hide().remove();e&&e.hide().remove();for(var a=h.length,c=0;c<a;c++)if(b===h[c].grumble){h.splice(c,1);break}g.removeData("hazGrumble")})}};i.init()})};a.fn.grumble.defaults={text:"",angle:45,size:50,sizeRange:[50,100,150,200],distance:0,type:"",useRelativePositioning:!1, | ||
| -showAfter:0,hideAfter:!1,hideOnClick:!1,hasHideButton:!1,buttonTemplate:'<div class="grumble-button" style="display:none" title="{hideText}">x</div>',buttonHideText:"Hide",onHide:function(){},onShow:function(){},onBeginHide:function(){}};a(document).bind("keyup.bubble",function(d){d.keyCode===27&&a.each(h,function(a,d){d.grumble.bubble.clearQueue().hide();d.grumble.text.clearQueue().hide();d.button&&d.button.clearQueue().hide();d.onHide()})})})(jQuery,GrumbleBubble); | ||
| Delta | 0 lines added, 1948 lines removed, 1948-line decrease |
|---|