Dave Jarvis' Repositories

git clone https://repo.autonoma.ca/repo/delibero.git
delibero / Commits / 1dacd77

Started account pages.

AuthorDave Jarvis <email>
Date2013-11-17 23:28:31 GMT-0800
Commit1dacd7754b26677963a861f425551850fea860ec
Parentb58dce8
account.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" href="css/theme.css" />
+ <link rel="stylesheet" media="screen" href="css/account.css" />
+ <link rel="stylesheet" media="screen" href="css/table.css" />
+ <link rel="stylesheet" media="screen" 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>
+
+<div id="main" class="main">
+ <div id="account" class="account">
+ <div id="account-name" class="account-name">
+ Sarah Jane
+ </div>
+ <div id="account-reputation" class="account-reputation">
+ <b>11,319 reputation</b>
+ </div>
+ </div>
+ <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-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">
+ &#x2714;
+ </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">
+ &#x2714;
+ </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>&nbsp;</p>
+ <p>&nbsp;</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>
+
css/account.css
+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;
+}
+
css/discuss.css
+div.account {
+ position: relative;
+ left: -4.25em;
+}
+
div.policy-implication-vote-active {
color: #46A5E5;
css/interest.css
clear: both;
position: absolute;
- top: 1em;
+ top: 3em;
right: 1em;
}
css/table.css
+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
+}
+
css/theme.css
}
+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;
discuss.html
<body id="world-politics">
-<div id="header">
+<div id="header" class="header">
+ <div id="account" class="account">
+ <a href="account.html" class="account">Account</a>
+ </div>
</div>
hold.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)
+
index.html
<body id="world-politics">
-<div id="header">
+<div id="header" class="header">
+ <div id="account" class="account">
+ <a href="account.html" class="account">Account</a>
+ </div>
</div>
js/support.js
"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.'
+ },
];
summary.html
<body id="world-politics">
-<div id="header">
+<div id="header" class="header">
+ <div id="account" class="account">
+ <a href="account.html" class="account">Account</a>
+ </div>
</div>
support.html
<body id="world-politics">
-<div id="header">
+<div id="header" class="header">
+ <div id="account" class="account">
+ <a href="account.html" class="account">Account</a>
+ </div>
</div>
Delta389 lines added, 5 lines removed, 384-line increase