-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathresults.html
129 lines (126 loc) · 7.69 KB
/
results.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Who's News - Results</title>
<!--Stylesheets-->
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/w3.css">
<!--Fonts-->
<!--Google Fonts - Roboto -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type='text/css'>
<!-- Font AWESOME for icons https://fortawesome.github.io/Font-Awesome/-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel='shortcut icon' href='extension/NewsBias.png' type='image/x-icon' />
</head>
<body ng-app="myApp" ng-controller="newsBias">
<!-- Navbar -->
<nav>
<ul class="w3-navbar navy w3-card-2 w3-top w3-left-align w3-large">
<li class="w3-hide-medium w3-hide-large w3-opennav w3-right"> <a class="w3-padding-large w3-hover-white w3-large navy" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a> </li>
<li>
<a href="#" class="navLogoContainer" id="nohover"><img class="navLogo" src="IMG/NewsBias.png" alt="News Bias Logo" /></a>
</li>
<li class="w3-hide-small"><a href="index.html" class="w3-padding-large w3-hover-white">Home</a></li>
<li class="w3-hide-small w3-dropdown-hover"><a href="factcheck.html" class="w3-padding-large w3-hover-white active-tab">Fact Check <i class="fa fa-caret-down"></i></a>
<div class="w3-dropdown-content w3-white w3-card-4"> <a href="results.html">View all results</a> <a href="submit.html">Submit an article</a> <a href="apply.html">Apply to be a fact checker</a> </div>
</li>
<li class="w3-hide-small"><a href="about.html" class="w3-padding-large w3-hover-white">About</a></li>
<li class="w3-hide-small w3-right w3-dropdown-hover"><a class="w3-padding-large w3-hover-white" href="dashboard.html">My Dashboard <i class="fa fa-tachometer" aria-hidden="true"></i></a>
<div class="w3-dropdown-content w3-white w3-card-4"> <a href="login.html">Login <i class="fa fa-sign-in" aria-hidden="true"></i></a> <a href="index.html">Logout <i class="fa fa-sign-out" aria-hidden="true"></i></a> </div>
</li>
</ul>
</nav>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:51px">
<ul class="w3-navbar w3-left-align w3-large navy">
<li><a class="w3-padding-large" href="index.html">Home</a></li>
<li><a class="w3-padding-large" href="factcheck.html">Fact Check</a></li>
<li><a class="w3-padding-large" href="results.html">View all results</a></li>
<li><a class="w3-padding-large" href="submit.html">Submit an article</a></li>
<li><a class="w3-padding-large" href="apply.html">Apply to be a fact checker</a></li>
<li><a class="w3-padding-large" href="about.html">About</a></li>
<li><a class="w3-padding-large" href="dashboard.html">My Dashboard</a></li>
<li><a class="w3-padding-large" href="login.html">Login</a></li>
</ul>
</div>
<!-- Header -->
<div class="w3-container w3-section white w3-center">
<h1>Fact Check Results</h1> </div>
<div class="w3-container">
<p class="w3-small w3-padding-bottom"><a href="factcheck.html">Fact Check</a> > Results</p>
</div>
<div class="w3-container">
<p class="w3-margin-bottom">Who's News Fact Check allows you to submit an article to be checked and assessed by our team of community leaders.</p>
<p class="w3-margin-bottom">Articles will be given a rating based on four weighted criteria which are independantly assessed by three members of the fact-checking team. </p>
<p class="w3-margin-bottom">Results will be given a grade (A to F) based on an average of the three fact checker ratings. Find something interesting? Share the results of a fact check with your friends. </p>
</div>
<div class="w3-container w3-padding-top-32 w3-margin-bottom">
<div class="w3-third w3-padding-medium" ng-repeat="result in results">
<div class="w3-card-4">
<div class="w3-container w3-light-grey w3-padding card-height-115">
<h2 class="w3-large"><a target="_blank" ng-href="{{result.url}}">{{result.name}}</a></h2> </div>
<div class="w3-container w3-padding">
<p>Publication: {{result.publication}}</p>
<p>Owner: {{result.owner}}</p>
<hr>
<p>Category: {{result.category}}</p>
<button class="w3-btn-floating-large w3-border w3-right {{result.color}}">{{result.score}}</button>
</div> <a class="w3-btn-block w3-cyan w3-text-white" ng-href="resultsDetail.html"><h5>View detailed results</h5></a> </div>
</div>
</div>
<div class="w3-row-padding w3-light-grey w3-padding-24 w3-container">
<div class="w3-content text-navy">
<h2>About the fact checking process</h2>
<h3>What are the four criteria that will be used?</h3>
<ul class="searchResult">
<li>Is the content factually correct?</li>
<li>Have all aspects been presented In a reasonable, even and balanced manner?</li>
<li>Is the headline refelctive of the article's content? Does it exaggerate elements that are not central to the issue or focus of the article?</li>
<li>How sensational is the tone? Are "loaded" words used?</li>
</ul>
<h3>What are the grade cutoffs</h3>
<ul class="searchResult">
<li>A : 95% or greater</li>
<li>B : 80-94%</li>
<li>C : 68-79%</li>
<li>D : 55-67%</li>
<li>F : Less than 54%</li>
</ul>
<h3>What categories of news will be checked?</h3>
<p>Business, Current Events, Education, Health, Politics, Science / Environment </p>
<h3>What categories won't be assessed?
</h3>
<p>Cars, Entertainment, Lifestyle, Local, Property, Religion / Spirituality, Sports, Technology, Travel, Weather </p>
</div>
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-32 w3-center navy">
<p>Copyright 2016 Team News Bias</p>
</footer>
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
}
else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script>
<!-- AngularJS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
<!--controllers -->
<script src="js/controller.js"></script>
<!--Angular slider from https://github.com/angular-slider/angularjs-slider-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angularjs-slider/5.4.0/rzslider.min.js"></script>
</body>
</html>