-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathapply.html
137 lines (134 loc) · 7.88 KB
/
apply.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
130
131
132
133
134
135
136
137
<!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 - Apply</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>Apply to be a fact checker</h1> </div>
<div class="w3-container">
<p class="w3-small w3-padding-bottom"><a href="factcheck.html">Fact Check</a> > Apply to be a fact checker</p>
</div>
<div class="w3-card-4 formCenter">
<div class="w3-container w3-cyan">
<h2 class="w3-center w3-text-white">Register 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</label>
<input class="w3-input w3-border" type="text" id="name_input" placeHolder="Please enter your name. Your name will NOT be published alongside the fact check results."> </div>
<div class="w3-row-padding w3-padding-medium">
<label class="w3-label w3-text-cyan">Email for account login</label>
<input class="w3-input w3-border" type="email" id="email_input" placeHolder="Please enter your email address for account login."> </div>
<div class="w3-row-padding w3-padding-medium">
<label class="w3-label w3-text-cyan">Field of expertise</label>
<br><small>Please give a brief description of your field of expertise and how many years expereince you have.</small>
<br>
<textarea class="w3-input w3-border" id="experience_input" placeHolder="Please enter your field of expertise"></textarea>
</div>
<div class="w3-row-padding w3-padding-medium w3-margin-bottom">
<label class="w3-label w3-text-cyan">Categories you want to assess</label>
<p>
<input class="w3-check" type="checkbox">
<label class="w3-validate">Business</label>
</p>
<p>
<input class="w3-check" type="checkbox">
<label class="w3-validate">Current Events</label>
</p>
<p>
<input class="w3-check" type="checkbox">
<label class="w3-validate">Education</label>
</p>
<p>
<input class="w3-check" type="checkbox">
<label class="w3-validate">Health</label>
</p>
<p>
<input class="w3-check" type="checkbox">
<label class="w3-validate">Politics</label>
</p>
<p>
<input class="w3-check" type="checkbox">
<label class="w3-validate">Science / Environment</label>
</p>
</div>
<div class="w3-row-padding w3-padding-medium w3-margin-bottom">
<label class="w3-label w3-text-cyan">Category eligibility</label>
<br><small>Please give a brief description of any relevent expereince to the categories you selected.</small>
<br>
<textarea class="w3-input w3-border" id="eligibility_input" placeHolder="Please enter your category eligibility."></textarea>
</div>
</div>
<button class="w3-btn-block w3-lime w3-large w3-padding-xlarge">Apply</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>