-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathsubmit.html
123 lines (120 loc) · 7.69 KB
/
submit.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
<!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 - Submit</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>Submit an article</h1> </div>
<div class="w3-container">
<p class="w3-small w3-padding-bottom"><a href="factcheck.html">Fact Check</a> > Submit an article</p>
</div>
<div class="w3-container">
<p class="w3-margin-bottom">Thank you for your interest in our fact-checking process. Use the form below to get started.</p>
<p>NOTE: While we will endeavour to check all submissions, please note that many types of articles are not well-suited to this process. Some types of articles will not be accepted by the submission system.</p>
</div>
<div class="w3-card-4 formCenter">
<div class="w3-container w3-cyan">
<h2 class="w3-center w3-text-white">Review form</h2> </div>
<div class="w3-container w3-margin-top">
<div class="w3-row-padding w3-padding-medium">
<label class="w3-label w3-text-cyan">Name/Alias</label>
<input class="w3-input w3-border" type="text" id="name_input" placeHolder="Please enter a name or alias to be published alongside factcheck results"> </div>
<div class="w3-row-padding w3-padding-medium">
<label class="w3-label w3-text-cyan">Email</label>
<input class="w3-input w3-border" type="email" id="email_input" placeHolder="Please enter an email to receive your results when they are available">> </div>
<div class="w3-row-padding w3-padding-medium">
<label class="w3-label w3-text-cyan">Article URL</label>
<input class="w3-input w3-border" type="url" id="url_input" placeHolder="Copy paste the article URL"> </div>
<div class="w3-row-padding w3-padding-medium">
<label class="w3-label w3-text-cyan">Comment</label>
<textarea class="w3-input w3-border" id="comment_input" placeHolder="Briefly explain why you submitted the article for fact checking"></textarea>
</div>
<div class="w3-row-padding w3-padding-medium w3-margin-bottom">
<label class="w3-label w3-text-cyan">Article Category</label>
<br><small class="w3-margin-bottom">Please select a category that best suits the article.</small>
<br><small>Categories not eligible include: Cars, Entertainment, Lifestyle, Local, Property, Religion / Spirituality, Sports, Technology, Travel, Weather </small>
<br>
<select class="w3-select" id="job_input">
<option value="Business">Business</option>
<option value="Current Events">Current Events</option>
<option value="Education">Education</option>
<option value="Health">Health</option>
<option value="Politics">Politics</option>
<option value="Science / Environment">Science / Environment</option>
</select>
</div>
</div>
<button class="w3-btn-block w3-lime w3-large w3-padding-xlarge">Submit article</button>
</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>