Commit 0ebaa58c authored by Sacha's avatar Sacha
Browse files

minor design changes

parent 270bbc7d
......@@ -147,7 +147,7 @@ def register_anon():
@require_login
def account():
form = forms.Login()
if form.validate_on_submit():
if session['username'] != ANON_UNAME and form.validate_on_submit():
db.drop_account(session['username'])
flash('Account destroyed with vengeance!')
return logout()
......
......@@ -154,6 +154,7 @@ class Article(object):
})
# we'll split into paragraphs for easier reading if training
res = ('|*^*|' if training else ' ').join(p.text for p in body)
#res = ('|*^*|').join(p.text for p in body)
jar.clear()
return res
......
......@@ -16,7 +16,6 @@ def perform(keyword, training=False):
"""Provide ``keyword`` for content retrieval, scoring.
"""
articles = article_search(repr(keyword), training=training)
print('=================> (%s)' % repr(keyword))
if len(articles) == 0:
raise UsageError('no-articles', status_code=200)
......
......@@ -166,8 +166,7 @@ def controversy(articles, social_content, _filter=True):
sentiment_score, linguistic_score = 0, 0 # (entropy) score of the entire article
sentences = [] # scores & metadata for each sentence
# ``|*^*|`` is added by ``content.py`` to mark new paragraphs
# ... only in training
query = tokenizer.tokenize(articles[article_index].full.replace('|*^*|', ''))
query = tokenizer.tokenize(articles[article_index].full.replace('|*^*|', ' '))
# for every sentence in the article
for sentence in query:
......
......@@ -158,6 +158,16 @@ div#error {
::-moz-selection {
background: #fff49b;
}
@media (min-width: 700px) {
.mobile {
display: none;
}
}
@media (max-width: 700px) {
.desktop {
display: none;
}
}
@media (max-width: 400px) {
div#error, div#message {
font-size: smaller;
......
This diff is collapsed.
@import 'style';
@import 'home';
@import 'alert';
@import '../lib/css/loading-bar.min.css';
main { padding: 4em 1em; }
ul {
margin: 10px 10px 4em 10px;
......
This diff is collapsed.
html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:100%}body{font-family:"Libre Baskerville","Palatino","Garamond",serif;font-variant-numeric:slashed-zero;text-rendering:optimizeLegibility;font-size:.9em;word-wrap:break-word}.logo,h1,h2,h3,h4,h5{font-family:"Linux Biolinum","Zapf Humanist 601","Optima","Nunito Sans",sans-serif}.collective_logo{padding:2px;font-weight:bold}.collective_logo:hover{color:#fff;background:#ed0000;text-decoration:none;border:none}input,.sans{font-family:"Nunito Sans","Calibri",sans-serif}.logo,h1,h2,h3,h4,h5{font-weight:700 !important}h1,h2,h3,h4,h5{text-transform:uppercase}h1{font-size:130%}h2{font-size:110%}h3{font-size:90%}h4{font-size:75%}h5{font-size:60%}input{outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;margin:auto}a{-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit;border-bottom:1px dotted;line-height:130%;word-wrap:break-word}a:hover,a:active{color:#ed0000;border-bottom:1px solid;text-decoration:none}input.field{padding:6px 12px;color:#555;border-bottom:1px dashed #d9d9d9;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;margin:0 auto;margin-bottom:5px;height:20px;width:70%;text-align:center}input[type=submit],a.btn{cursor:pointer;min-width:100px;height:40px;color:#333;padding:4px;outline:0;border-radius:0;-webkit-appearance:none;-webkit-transition:all .15s ease-in-out 0s;-moz-transition:all .15s ease-in-out 0s;-ms-transition:all .15s ease-in-out 0s;transition:all .15s ease-in-out 0s;background-color:#e9e9e9;border:1px solid #c3c3c3}input[type=submit]:hover,a.btn:hover{border-color:#a3a3a3}input[type=submit]:focus,input[type=submit]:active,a.btn:focus,a.btn:active{outline:0}input[type=submit]:active,a.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}input[type=submit].small,a.btn.small{height:auto}a.btn{padding:.5px;min-width:0;max-height:500px;font-size:.75em;background:#fff;border-radius:2px;vertical-align:middle}input::-moz-focus-inner{border:0}footer{margin:5em 0 .5em 0;width:95%;color:#b0b0b0;font-size:12px;text-align:center}footer p{padding-top:10px;line-height:150%}div#message,div#error{position:fixed;line-height:1.3;font-size:90%;overflow:hidden;padding:3px;top:0;background-color:#a3a3a3;color:#fff;text-align:center;width:100%}div#message a,div#error a{color:#fff}div#error{background-color:#edb43a}.ns{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}::selection{background:#fff49b}::-moz-selection{background:#fff49b}@media(max-width: 400px){div#error,div#message{font-size:smaller;opacity:.9}}ul#tweets,ul#articles{list-style:none}ul#tweets li,ul#articles li{page-break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;break-inside:avoid-column}ul#tweets li div.tweet,ul#articles li div.article{background-color:#fff;border:2px solid #efefef;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}ul#articles{-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-webkit-column-width:350px;-moz-column-width:350px;column-width:350px}ul#articles li{width:100%;margin-bottom:2em}ul#articles li div.article p{padding:5px}ul#articles li div.article a.title{padding:3px 5px 5px 5px;margin-top:5px;margin-bottom:2px;font-size:28px;display:block;border-bottom:none}ul#articles li div.article a.title:hover{color:#000}ul#articles li div.article p.url{margin:0;padding:0;border-top:1px solid #ddd;font-style:italic;text-align:right;background:#eee}ul#articles li div.article p.url a{padding:5px 0;width:100%;display:block;border-bottom:none}ul#articles li div.article p.url a:after{padding-right:5px;content:"read →"}ul#articles li div.article img{width:100%}ul#tweets{margin-top:2em;-webkit-column-width:150px;-moz-column-width:150px;column-width:150px;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}ul#tweets li{width:100%;margin-bottom:5px}ul#tweets li div.tweet{padding:2px;overflow:hidden}ul#tweets li div.tweet a{color:inherit;text-decoration:none}ul#tweets li div.mad{border:2px solid #f90101}ul#tweets li div.happy{border:2px solid #00933b}footer{display:none}header{z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;width:100%;height:55px;line-height:55px;background:#fff;border-bottom:1px solid #efefef;position:fixed}header a{-webkit-touch-callout:none}header > div{padding:0 15px 0 5px;display:inline}header > div a:not(.sans){font-size:12px}header > div > a.mini{display:none}header > div h1{text-align:left;display:inline;font-size:1.2em}header > div span#subtitle{color:#888;padding-left:5px;font-size:smaller;font-style:italic}header > div .sans{font-size:14px}header > div span#right-header{font-size:12px;float:right;padding-right:10px}header > div span#article_title{font-style:italic}header > div form{display:inline}header > div > form input{padding:6px 12px;line-height:1.5;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border-bottom:1px solid #d9d9d9;margin:0 auto;height:20px;width:30%}header input[type=text].top_loading{background:url("../img/loading.gif") no-repeat;background-position:98% 50%;background-size:20px 20px}header#sub{height:25px;line-height:25px;overflow:auto;white-space:nowrap;overflow-y:hidden;position:fixed;top:56px;min-width:100%;text-align:center;font-size:12px;font-style:italic;border-bottom:1px dashed #efefef;color:#888}main{padding:4em 1em}main input.loading{background:url("../img/loading.gif") no-repeat;background-size:20px 20px;padding:10px 10px 10px 36px;background-position:10% 50%}main > form{margin-bottom:10px;text-align:center}main > form input[type=text]{margin-bottom:10px;width:275px;border-bottom:1px solid #d9d9d9}main div.featured_keywords{display:table;padding-bottom:1em;margin:0 auto}main div.featured_keywords dl.left{float:left;width:50%}main div.featured_keywords dl.right{float:right;width:50%}main div.featured_keywords dt{float:left;width:7.5em;padding:1ex .5em 0 .5em;text-align:right;font-weight:bold}main div.featured_keywords dd{margin:0 0 0 8.5em;padding:1ex .5em;text-align:left;border-left:1px solid #888}main div.featured_keywords dd span{white-space:nowrap}main ul.details{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;list-style:none;margin:0 0 10px 0;padding:0}main ul.details li{display:inline}main ul.details li > span{line-height:30px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border:1px solid #d9d9d9;padding:2px}main article{text-align:justify;line-height:150%}main article a:hover,main article a:active,main article a{border-bottom:none;color:#fff;background-color:#d53f3f}main article a{text-decoration:none;font-weight:700}main article a:hover,main article a:active{background-color:#bf3636}main article + p{-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;opacity:.6}main article + p img{width:20px;vertical-align:bottom}main article + p:hover{opacity:1}main mark{line-height:25px;color:#ed0000;background:#ffecec;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;padding:2px}main .disabled{cursor:not-allowed;background-color:#f9f9f9}main .disabled:active{color:#fff;background-color:#edb43a}span.danger{color:#fff;background-color:#d43f3a;padding:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}figcaption{margin:10px 0 10px 0}@media(max-width: 700px){header#sub{font-size:10px;top:41px}.non-essentials{display:none}header{height:40px;line-height:40px}header h1{font-size:.7em}}@media(max-width: 620px){main div.featured_keywords dt{writing-mode:vertical-rl}}@media(max-width: 520px){main div.featured_keywords dl.left,main div.featured_keywords dl.right{float:none}span.danger{display:block}input[type=text].top_loading{height:40px}}@media(max-width: 415px){header > div > a.mini{display:inline}header > div > a.lg{display:none}}/*# sourceMappingURL=home.css.map */
html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:100%}body{font-family:"Libre Baskerville","Palatino","Garamond",serif;font-variant-numeric:slashed-zero;text-rendering:optimizeLegibility;font-size:.9em;word-wrap:break-word}.logo,h1,h2,h3,h4,h5{font-family:"Linux Biolinum","Zapf Humanist 601","Optima","Nunito Sans",sans-serif}.collective_logo{padding:2px;font-weight:bold}.collective_logo:hover{color:#fff;background:#ed0000;text-decoration:none;border:none}input,.sans{font-family:"Nunito Sans","Calibri",sans-serif}.logo,h1,h2,h3,h4,h5{font-weight:700 !important}h1,h2,h3,h4,h5{text-transform:uppercase}h1{font-size:130%}h2{font-size:110%}h3{font-size:90%}h4{font-size:75%}h5{font-size:60%}input{outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;margin:auto}a{-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit;border-bottom:1px dotted;line-height:130%;word-wrap:break-word}a:hover,a:active{color:#ed0000;border-bottom:1px solid;text-decoration:none}input.field{padding:6px 12px;color:#555;border-bottom:1px dashed #d9d9d9;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;margin:0 auto;margin-bottom:5px;height:20px;width:70%;text-align:center}input[type=submit],a.btn{cursor:pointer;min-width:100px;height:40px;color:#333;padding:4px;outline:0;border-radius:0;-webkit-appearance:none;-webkit-transition:all .15s ease-in-out 0s;-moz-transition:all .15s ease-in-out 0s;-ms-transition:all .15s ease-in-out 0s;transition:all .15s ease-in-out 0s;background-color:#e9e9e9;border:1px solid #c3c3c3}input[type=submit]:hover,a.btn:hover{border-color:#a3a3a3}input[type=submit]:focus,input[type=submit]:active,a.btn:focus,a.btn:active{outline:0}input[type=submit]:active,a.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}input[type=submit].small,a.btn.small{height:auto}a.btn{padding:.5px;min-width:0;max-height:500px;font-size:.75em;background:#fff;border-radius:2px;vertical-align:middle}input::-moz-focus-inner{border:0}footer{margin:5em 0 .5em 0;width:95%;color:#b0b0b0;font-size:12px;text-align:center}footer p{padding-top:10px;line-height:150%}div#message,div#error{position:fixed;line-height:1.3;font-size:90%;overflow:hidden;padding:3px;top:0;background-color:#a3a3a3;color:#fff;text-align:center;width:100%}div#message a,div#error a{color:#fff}div#error{background-color:#edb43a}.ns{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}::selection{background:#fff49b}::-moz-selection{background:#fff49b}@media(min-width: 700px){.mobile{display:none}}@media(max-width: 700px){.desktop{display:none}}@media(max-width: 400px){div#error,div#message{font-size:smaller;opacity:.9}}ul#tweets,ul#articles{list-style:none}ul#tweets li,ul#articles li{page-break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;break-inside:avoid-column}ul#tweets li div.tweet,ul#articles li div.article{background-color:#fff;border:2px solid #efefef;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}ul#articles{-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-webkit-column-width:350px;-moz-column-width:350px;column-width:350px}ul#articles li{width:100%;margin-bottom:2em}ul#articles li div.article p{padding:5px}ul#articles li div.article a.title{padding:3px 5px 5px 5px;margin-top:5px;margin-bottom:2px;font-size:28px;display:block;border-bottom:none}ul#articles li div.article a.title:hover{color:#000}ul#articles li div.article p.url{margin:0;padding:0;border-top:1px solid #ddd;font-style:italic;text-align:right;background:#eee}ul#articles li div.article p.url a{padding:5px 0;width:100%;display:block;border-bottom:none}ul#articles li div.article p.url a:after{padding-right:5px;content:"read →"}ul#articles li div.article img{width:100%}ul#tweets{margin-top:2em;-webkit-column-width:150px;-moz-column-width:150px;column-width:150px;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}ul#tweets li{width:100%;margin-bottom:5px}ul#tweets li div.tweet{padding:2px;overflow:hidden}ul#tweets li div.tweet a{color:inherit;text-decoration:none}ul#tweets li div.mad{border:2px solid #f90101}ul#tweets li div.happy{border:2px solid #00933b}footer{display:none}header{z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;width:100%;height:55px;line-height:55px;background:#fff;border-bottom:1px solid #efefef;position:fixed}header a{-webkit-touch-callout:none}header > div{padding:0 15px 0 5px;display:inline}header > div a:not(.sans){font-size:12px}header > div > a.mini{display:none}header > div h1{text-align:left;display:inline;font-size:1.2em}header > div span#subtitle{color:#888;padding-left:5px;font-size:smaller;font-style:italic}header > div .sans{font-size:14px}header > div span#right-header{font-size:12px;float:right;padding-right:10px}header > div span#article_title{font-style:italic}header > div form{display:inline}header > div > form input{padding:6px 12px;line-height:1.5;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border-bottom:1px solid #d9d9d9;margin:0 auto;height:20px;width:30%}header input[type=text].top_loading{background:url("../img/loading.gif") no-repeat;background-position:98% 50%;background-size:20px 20px}header#sub{height:25px;line-height:25px;overflow:auto;white-space:nowrap;overflow-y:hidden;position:fixed;top:56px;min-width:100%;text-align:center;font-size:12px;font-style:italic;border-bottom:1px dashed #efefef;color:#888}main{padding:4em 1em}main input.loading{background:url("../img/loading.gif") no-repeat;background-size:20px 20px;padding:10px 10px 10px 36px;background-position:10% 50%}main > form{margin-bottom:10px;text-align:center}main > form input[type=text]{margin-bottom:10px;width:275px;border-bottom:1px solid #d9d9d9}main div.featured_keywords{display:table;padding-bottom:1em;margin:0 auto}main div.featured_keywords dl.left{float:left;width:50%}main div.featured_keywords dl.right{float:right;width:50%}main div.featured_keywords dt{float:left;width:7.5em;padding:1ex .5em 0 .5em;text-align:right;font-weight:bold}main div.featured_keywords dd{margin:0 0 0 8.5em;padding:1ex .5em;text-align:left;border-left:1px solid #888}main div.featured_keywords dd span{white-space:nowrap}main ul.details{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;list-style:none;margin:0 0 10px 0;padding:0}main ul.details li{display:inline}main ul.details li > span{line-height:30px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border:1px solid #d9d9d9;padding:2px}main article{text-align:justify;line-height:150%}main article a:hover,main article a:active,main article a{border-bottom:none;color:#fff;background-color:#d53f3f}main article a{text-decoration:none;font-weight:700}main article a:hover,main article a:active{background-color:#bf3636}main article + p{-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;opacity:.6}main article + p img{width:20px;vertical-align:bottom}main article + p:hover{opacity:1}main mark{line-height:25px;color:#ed0000;background:#ffecec;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;padding:2px}main .disabled{cursor:not-allowed;background-color:#f9f9f9}main .disabled:active{color:#fff;background-color:#edb43a}span.danger{color:#fff;background-color:#d43f3a;padding:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}figcaption{margin:10px 0 10px 0}@media(max-width: 700px){header#sub{font-size:10px;top:41px}.non-essentials{display:none}header{height:40px;line-height:40px}header h1{font-size:.7em}}@media(max-width: 620px){main div.featured_keywords dt{writing-mode:vertical-rl}}@media(max-width: 520px){main div.featured_keywords dl.left,main div.featured_keywords dl.right{float:none}span.danger{display:block}input[type=text].top_loading{height:40px}}@media(max-width: 415px){header > div > a.mini{display:inline}header > div > a.lg{display:none}}/*# sourceMappingURL=home.css.map */
......@@ -201,7 +201,6 @@ figcaption { margin:10px 0 10px 0; }
font-size: 10px;
top: $mobile_header_height + 1;
}
.non-essentials { display: none; }
header {
height: $mobile_header_height;
line-height: $mobile_header_height;
......
html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:100%}body{font-family:"Libre Baskerville","Palatino","Garamond",serif;font-variant-numeric:slashed-zero;text-rendering:optimizeLegibility;font-size:.9em;word-wrap:break-word}.logo,h1,h2,h3,h4,h5{font-family:"Linux Biolinum","Zapf Humanist 601","Optima","Nunito Sans",sans-serif}.collective_logo{padding:2px;font-weight:bold}.collective_logo:hover{color:#fff;background:#ed0000;text-decoration:none;border:none}input,.sans{font-family:"Nunito Sans","Calibri",sans-serif}.logo,h1,h2,h3,h4,h5{font-weight:700 !important}h1,h2,h3,h4,h5{text-transform:uppercase}h1{font-size:130%}h2{font-size:110%}h3{font-size:90%}h4{font-size:75%}h5{font-size:60%}input{outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;margin:auto}a{-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit;border-bottom:1px dotted;line-height:130%;word-wrap:break-word}a:hover,a:active{color:#ed0000;border-bottom:1px solid;text-decoration:none}input.field{padding:6px 12px;color:#555;border-bottom:1px dashed #d9d9d9;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;margin:0 auto;margin-bottom:5px;height:20px;width:70%;text-align:center}input[type=submit],a.btn{cursor:pointer;min-width:100px;height:40px;color:#333;padding:4px;outline:0;border-radius:0;-webkit-appearance:none;-webkit-transition:all .15s ease-in-out 0s;-moz-transition:all .15s ease-in-out 0s;-ms-transition:all .15s ease-in-out 0s;transition:all .15s ease-in-out 0s;background-color:#e9e9e9;border:1px solid #c3c3c3}input[type=submit]:hover,a.btn:hover{border-color:#a3a3a3}input[type=submit]:focus,input[type=submit]:active,a.btn:focus,a.btn:active{outline:0}input[type=submit]:active,a.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}input[type=submit].small,a.btn.small{height:auto}a.btn{padding:.5px;min-width:0;max-height:500px;font-size:.75em;background:#fff;border-radius:2px;vertical-align:middle}input::-moz-focus-inner{border:0}footer{margin:5em 0 .5em 0;width:95%;color:#b0b0b0;font-size:12px;text-align:center}footer p{padding-top:10px;line-height:150%}div#message,div#error{position:fixed;line-height:1.3;font-size:90%;overflow:hidden;padding:3px;top:0;background-color:#a3a3a3;color:#fff;text-align:center;width:100%}div#message a,div#error a{color:#fff}div#error{background-color:#edb43a}.ns{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}::selection{background:#fff49b}::-moz-selection{background:#fff49b}@media(max-width: 400px){div#error,div#message{font-size:smaller;opacity:.9}}div.login_alert{position:fixed;bottom:.5em;right:.5em;min-width:90px;max-width:315px;padding:1em 1.25em;background:#fff;border:1px solid #e7e7e5;font-size:.75rem;line-height:1.5;z-index:2}div.login_alert span.close,div.login_alert div.close{cursor:pointer;position:absolute;top:0;right:0;padding:.5em .75em;line-height:1;font-size:1.25rem;text-align:center}div.login_alert div.body{margin-top:.5em}div.login_alert div.title{font-weight:bold}div.login_alert.dangerous{color:#fff;background:#ed0000}html{border-top:3px solid #ed0000}body{line-height:1.4}div#login{padding:1px 5px 20px 5px;text-align:center;-webkit-box-shadow:0 1px 2px 2px #eee;-moz-box-shadow:0 1px 2px 2px #eee;-ms-box-shadow:0 1px 2px 2px #eee;box-shadow:0 1px 2px 2px #eee;width:450px;margin:3em auto 0 auto}div#login form{margin-top:10px}div#login center{margin-top:1em}div#login div.g-recaptcha{display:table;margin:0 auto}div#login h1{font-weight:400 !important;text-transform:none;margin:20px 0 5px 0}div#login h1 b{text-transform:uppercase}@media(max-width: 520px){div#login{width:350px}div#login input[type=submit]{height:35px}footer,div#login{font-size:smaller}footer tt{font-size:12px}}@media(max-width: 390px){div#login{width:320px;margin-top:2em}}@media(max-width: 320px){div#login{width:290px;margin:1em auto}html,body{margin:0}}/*# sourceMappingURL=login.css.map */
html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:100%}body{font-family:"Libre Baskerville","Palatino","Garamond",serif;font-variant-numeric:slashed-zero;text-rendering:optimizeLegibility;font-size:.9em;word-wrap:break-word}.logo,h1,h2,h3,h4,h5{font-family:"Linux Biolinum","Zapf Humanist 601","Optima","Nunito Sans",sans-serif}.collective_logo{padding:2px;font-weight:bold}.collective_logo:hover{color:#fff;background:#ed0000;text-decoration:none;border:none}input,.sans{font-family:"Nunito Sans","Calibri",sans-serif}.logo,h1,h2,h3,h4,h5{font-weight:700 !important}h1,h2,h3,h4,h5{text-transform:uppercase}h1{font-size:130%}h2{font-size:110%}h3{font-size:90%}h4{font-size:75%}h5{font-size:60%}input{outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;margin:auto}a{-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit;border-bottom:1px dotted;line-height:130%;word-wrap:break-word}a:hover,a:active{color:#ed0000;border-bottom:1px solid;text-decoration:none}input.field{padding:6px 12px;color:#555;border-bottom:1px dashed #d9d9d9;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;margin:0 auto;margin-bottom:5px;height:20px;width:70%;text-align:center}input[type=submit],a.btn{cursor:pointer;min-width:100px;height:40px;color:#333;padding:4px;outline:0;border-radius:0;-webkit-appearance:none;-webkit-transition:all .15s ease-in-out 0s;-moz-transition:all .15s ease-in-out 0s;-ms-transition:all .15s ease-in-out 0s;transition:all .15s ease-in-out 0s;background-color:#e9e9e9;border:1px solid #c3c3c3}input[type=submit]:hover,a.btn:hover{border-color:#a3a3a3}input[type=submit]:focus,input[type=submit]:active,a.btn:focus,a.btn:active{outline:0}input[type=submit]:active,a.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}input[type=submit].small,a.btn.small{height:auto}a.btn{padding:.5px;min-width:0;max-height:500px;font-size:.75em;background:#fff;border-radius:2px;vertical-align:middle}input::-moz-focus-inner{border:0}footer{margin:5em 0 .5em 0;width:95%;color:#b0b0b0;font-size:12px;text-align:center}footer p{padding-top:10px;line-height:150%}div#message,div#error{position:fixed;line-height:1.3;font-size:90%;overflow:hidden;padding:3px;top:0;background-color:#a3a3a3;color:#fff;text-align:center;width:100%}div#message a,div#error a{color:#fff}div#error{background-color:#edb43a}.ns{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}::selection{background:#fff49b}::-moz-selection{background:#fff49b}@media(min-width: 700px){.mobile{display:none}}@media(max-width: 700px){.desktop{display:none}}@media(max-width: 400px){div#error,div#message{font-size:smaller;opacity:.9}}div.login_alert{position:fixed;bottom:.5em;right:.5em;min-width:90px;max-width:315px;padding:1em 1.25em;background:#fff;border:1px solid #e7e7e5;font-size:.75rem;line-height:1.5;z-index:2}div.login_alert span.close,div.login_alert div.close{cursor:pointer;position:absolute;top:0;right:0;padding:.5em .75em;line-height:1;font-size:1.25rem;text-align:center}div.login_alert div.body{margin-top:.5em}div.login_alert div.title{font-weight:bold}div.login_alert.dangerous{color:#fff;background:#ed0000}html{border-top:3px solid #ed0000}body{line-height:1.4}div#login{padding:1px 5px 20px 5px;text-align:center;-webkit-box-shadow:0 1px 2px 2px #eee;-moz-box-shadow:0 1px 2px 2px #eee;-ms-box-shadow:0 1px 2px 2px #eee;box-shadow:0 1px 2px 2px #eee;width:450px;margin:3em auto 0 auto}div#login form{margin-top:10px}div#login center{margin-top:1em}div#login div.g-recaptcha{display:table;margin:0 auto}div#login h1{font-weight:400 !important;text-transform:none;margin:20px 0 5px 0}div#login h1 b{text-transform:uppercase}@media(max-width: 520px){div#login{width:350px}div#login input[type=submit]{height:35px}footer,div#login{font-size:smaller}footer tt{font-size:12px}}@media(max-width: 390px){div#login{width:320px;margin-top:2em}}@media(max-width: 320px){div#login{width:290px;margin:1em auto}html,body{margin:0}}/*# sourceMappingURL=login.css.map */
......@@ -5,10 +5,12 @@
<span><a href='../'>&larr; back</a></span>
<span id='right-header'>
{% if user.Id == anon_uname %}
<b class='sans'>About</b> &middot;
<b class='sans'>About</b>
&nbsp; &middot; &nbsp;
<a href='/register_anon'>register &rarr;</a>
{% else %}
<b class='sans'>Account</b> &middot;
<b class='sans'>Account</b>
&nbsp; &middot; &nbsp;
<a href='/logout'>logout &rarr;</a>
{% endif %}
</span>
......
{% extends 'highlighting_base.html' %}
{% block content %}
<div class='page-header'>
<b>CONTROVERSY</b>
</div>
<div class='row'>
<div class='col-md-12'>
<p>(<b class=text-danger>!</b>) See <a href='dataset'>here</a> if you're a researcher interested in these data.</p>
</div>
<div class='col-md-12'>
<p class='lead'>Each task involves reading an article from <i>The New York Times</i>. You must be fluent in English to participate.</p>
<p class='lead'>While reading on the next page, click any sentences which you believe to be controversial, i.e., expressing an opinion or qualified fact (e.g., <q>terrible losses</q>) that you believe could be debated. Use your knowledge of current events and history while determining whether a sentence is controversial. When done, click <b><q>Submit</q></b>. You have unlimited time to read, however there is a minimum time shown at the bottom that is determined by the length of the article. You may not submit before this time or with no or too many highlights. Examples are below.</p>
<p class='lead'>While reading on the next page, click any sentences which you believe to be controversial, i.e., expressing an opinion or strongly qualified fact (e.g., <q>terrible performance</q>) that you believe could be debated. Use your knowledge of current events and history while determining whether a sentence is controversial. We hope, like Kant&rsquo;s aesthetic judgments, your judgments of controversy will be subjective yet universal. When done, click <b><q>Submit</q></b>. You have unlimited time to read, however there is a minimum time shown at the bottom that is determined by the length of the article. You may not submit before this time or with no or too many highlights. We recognise not every article will have sentences most deem controversial; we&rsquo;ve attempted to eliminate such articles. Examples are below.</p>
<blockquote class='good'>
<p>Across Russia, companies are <i>being forced</i> to prioritize patriotism over profits.</p>
</blockquote>
<p>This sentence is controversial because it expresses a value-judgement, implying strongly that <q>patriotism</q> should be subordinate to <q>profits</q>. It implies that governments should have minimal intervention in corporate affairs, which is far from a law of nature. The choice of words puts readers on the side of the ostensibly victimised corporation. This is ideologically revealing, considering the company in question (Aeroflot) is majority owned by the Russian government; is it not a capitalist principle that shareholders dictate policy?&mdash;much to the detriment of working conditions, access to healthcare/food/housing/&hellip;. So, it's a value-judgement from the <i>Times</i>.</p>
<p>Other examples of controversial sentences:</p>
<blockquote class='good'>
<p>The airline has had <i>countless</i> safety problems in the past. [Surely, they <i>can</i> be counted!]</p>
<p>Worried about unemployment and political <i>unrest</i>, the government pushed back when Avtovaz, the maker of Lada cars, <i>moved quickly to cut</i> workers as the economy slowed.</p>
<p>In 1994, a pilot <i>let</i> his <i>16-year-old</i> son fly an Airbus that <i>promptly</i> crashed, killing <i>all</i> 75 aboard.</p>
<p>The airline has had <b>countless</b> safety problems in the past. <i>[Surely, they <i>can</i> be counted!]</i></p>
<p>Worried about unemployment and political <b>unrest</b>, the government pushed back when Avtovaz, the maker of Lada cars, <b>moved quickly to cut</b> workers as the economy slowed.</p>
<p>In 1994, a pilot <b>let</b> his <b>16-year-old son</b> fly an Airbus that <b>promptly</b> crashed, killing <b>all</b> 75 aboard.</p>
</blockquote>
<p>The following non-controversial sentence just states numbers:</p>
<blockquote class='bad'>
......
{% raw %}
<header>
<div>
<a class='lg' href='#results'>&larr; all articles</a>
<a class='mini' href='#results'>&larr;</a>
&middot;
<span id='article_title' title='{{ article.title }}' ng-bind-html='article.title | limitTo: lim'></span>
{{ article.title.length > lim ? '&hellip;' : ''}}
<span id='right-header'>
<a class='pointer' ng-show='previousExists' ng-click='change(-1)' title='more controversial article'>
&lArr; previous
</a>
<span ng-show='previousExists && nextExists'>
&middot;
</span>
<a class='pointer' ng-show='nextExists' ng-click='change(1)' title='less controversial article'>
next &rArr;
</a>
</span>
</div>
<div>
<a class='lg' href='#results'>&larr; all articles</a>
<a class='mini' href='#results'>&larr;</a>
&middot;
<span id='article_title' title='{{ article.title }}' ng-bind-html='article.title | limitTo: lim'></span>
{{ article.title.length > lim ? '&hellip;' : ''}}
<span id='right-header'>
<a class='pointer' ng-show='previousExists' ng-click='change(-1)' title='more controversial article'>
&lArr; previous
</a>
<span ng-show='previousExists && nextExists'>
&middot;
</span>
<a class='pointer' ng-show='nextExists' ng-click='change(1)' title='less controversial article'>
next &rArr;
</a>
</span>
</div>
</header>
<main>
<ul class='details'>
<li>
<span ng-show='article['byline']' title='byline'>
{{ article['byline'] }}
</span>&nbsp;
</li>
<li>
<span ng-show='article['source']' title='source'>
<i>{{ article['source'] }}</i>
</span>&nbsp;
</li>
<li>
<span title='publication date'>
{{ article['published'] | date: 'EEEE, d MMMM yyyy' }}
</span>
</li>
<li>
<span ng-show='article['byline']' title='byline'>
{{ article['byline'] }}
</span>&nbsp;
</li>
<li>
<span ng-show='article['source']' title='source'>
<i>{{ article['source'] }}</i>
</span>&nbsp;
</li>
<li>
<span title='publication date'>
{{ article['published'] | date: 'EEEE, d MMMM yyyy' }}
</span>
</li>
</ul>
<article ng-bind-html='highlight(article.full, article.sentences)'></article>
<p>
......
<header ng-controller='SearchController'>
<div>
<form ng-submit='submit()'>
<a class='pointer' ng-click='clear()'>&larr;</a>
<input autocomplete='off' type='text' placeholder='keyword' ng-class='{ "top_loading" : $root.is_loading }' ng-model='$root.keyword' ng-model-options='{ debounce: 500 }' />
<a class='pointer' style='border-bottom: none' ng-click='clear()'>&times;</a>
</form>
<span id='right-header'>
{% raw %}
<small ng-show='trend_available'><a ng-href="#trends/{{ $root.keyword }}">trend available &rarr;</a></small>
<small class='desktop'>Ranked most <sup>#</sup>1 to least <sup>#</sup>10 controversial</small> <span class='desktop'>&nbsp; &middot; &nbsp;</span> <small ng-show='trend_available'><a ng-href="#trends/{{ $root.keyword }}">trend available &rarr;</a></small>
{% endraw %}
</span>
</div>
</header>
<header id='sub'>
<header id='sub' class='mobile'>
Articles are ranked numerically in order of descending controversy.
</header>
......
<header>
<div>
<h1>CONTROVERSY</h1>
<span id='subtitle' class='non-essentials'>
<span id='subtitle' class='desktop'>
welcome{% if user.Logins > 1 %} back{% endif %}, {{ user.Name|first_name }}
</span>
<span id='right-header'>
<small class='desktop'>Uncached queries may take a minute to score</small> <span class='desktop'>&nbsp; &middot; &nbsp;</span>
{% if user.Id == anon_uname %}
<a href='/account'>about</a> &middot; <a href='/register_anon'>register &rarr;</a>
<a href='/account'>about</a>
&nbsp; &middot; &nbsp; <a href='/register_anon'>register &rarr;</a>
{% else %}
<a href='/account'>account</a>
&middot;
&nbsp; &middot; &nbsp;
<a href='/logout'>logout &rarr;</a>
{% endif %}
</span>
</div>
</header>
<header id='sub'>
Uncached queries may take around a minute to score.
<header id='sub' class='mobile'>
Uncached queries may take a minute to score.
</header>
{% raw %}
<main style='padding: 8em 1em'>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment