-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
373 lines (338 loc) · 19.3 KB
/
index.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ========== TITLE, DESCRIPTION & OTHER META TAGS ========== -->
<title>Leaks.ng | A secure whistleblowing platform for Nigerians</title>
<meta name="author" content="Coalition for Whistleblower Protection and Press Freedom, PTCIJ"/>
<meta name="description" content="Leaks.ng is an online system which enables users to anonymously send material to investigative media organisations and civil society organisations of their choice."/>
<meta name="keywords" content="leaks.ng, leaks, whistleblowing, whistleblow, press freedom, whistleblower, whistleblower protection, nigeria, secure submissions"/>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- ========== STYLESHEETS ========== -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/stylee.css" type="text/css">
<!-- ========== SCRIPTS ========== -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jssor.slider-26.1.0.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<div class="jumbotron text-center">
<h1><strong>Reveal the truth</strong></h1>
<h3><strong>An independent whistleblowing platform for revealing information<br>in the public interest in Nigeria</strong></h3>
<a href="https://secure.leaks.ng"><button type="button" class="btn btn-whistleblow btn-lg">Submit information</button></a>
<!-- ========== NAVIGATION ========== -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false" aria-controls="navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#myPage">Leaks.ng</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">About</a></li>
<li><a href="#whistleblow">How it works</a></li>
<li><a href="#questions">FAQ</a></li>
<li><a href="#security">Security</a></li>
<li><a href="#takeaction">Take action</a></li>
<li><a href="https://secure.leaks.ng">Submit information</a></li>
</ul>
</div>
</div>
</nav>
</div>
<!-- Container (introduction Section) -->
<div id="about" class="container-fluid">
<div class="row">
<div class="col-sm-6 col-md-5 col-md-offset-1">
<!--<h1>Welcome to Leaks.ng</h1>-->
<h4 >Leaks.ng allows you to share confidential files of public interest with the Nigerian media. The system has been designed to help you share these materials while protecting your identity, making it difficult for you to be identified as the source of the information.
</h4>
<h4 >Leaks.ng is run by a coalition of Nigerian news organisations and civil society organisations that are committed to speaking truth to power. You can send us files and select which of our partner organizations you would like to share the information with. This site provides details on how you can submit your information and what you can do to secure yourself in the process. </h4>
</div>
<div class="col-sm-6 col-md-5 hidden-xs">
<iframe width="560" height="315" src="https://www.youtube.com/embed/lyL3M2BDfFs?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- Container (whistleblow Section) -->
<div id="whistleblow" class="container-fluid bg-grey text-center">
<h2>How it works</h2>
<h4>If you have information about issues which should be investigated, share them with one of our partners using this site. Consider that concrete information and evidence, such as source files, gives a journalist more to work with and increases the likelihood that your issue gets taken up.</h4>
<br>
<section class="row slideanim">
<div class="col-sm-6 hidden-xs">
<section class="box1">
<i class="fa fa-check-circle-o logo-small" aria-hidden="true"></i>
<h2>Goal</h2>
<p>Leaks.ng is a tool that allows people to send information of public interest to media outlets and civil society organizations through secure technologies that protect the identity of the source. Using transparency and civil participation, it aims to build a fairer and more democratic society.</p>
</section>
<section class="box2">
<i class="fa fa-microphone logo-small" aria-hidden="true"></i>
<h2>We amplify your voice</h2>
<p>The information received through Leaks.ng will be verified, analyzed and published by the partners of our alliance, made up of civil organizations and media outlets. The main goal is that the impact of the information revealed is amplified, on a social and legal level.</p>
</section>
</div>
<div class="col-sm-6 hidden-xs">
<section class="box3">
<i class="fa fa-shield logo-small" aria-hidden="true"></i>
<h2>Security</h2>
<p>Security is an integral part of our project. Leaks.ng uses advanced digital security technologies designed exclusively for whistleblowing. It is essential that all instructions on this site are followed closely so that the identity of the whistleblower is protected. See <a href="#security">'Secure yourself'</a> for more details. If done correctly, even ourselves will not know the origin of the information.</p>
</section>
<section class="box4">
<i class="fa fa-user-secret logo-small" aria-hidden="true"></i>
<h2>Anonymity</h2>
<p>The identity of our sources is protected with technological solutions: in Nigeria, the Constitution recognizes freedom of expression, of information and the right to secrecy on behalf of journalists. All media outlets have the obligation and the right to protect the identity of their sources, even in a legal procedure.</p>
</section>
</div>
</section>
</div>
<!-- Container (questions Section) -->
<div id="questions" class="container-fluid text-center">
<div class="hidden-lg hidden-md hidden-sm">
<h2>Frequenty Asked Questions</h2><br>
<i class="fa fa-question-circle logo" aria-hidden="true"></i>
<div class="row text-center slideanim">
<div class="col-sm-4">
<div class="thumbnail">
<h4><strong>Why should I use Leaks.ng?</strong></h4>
<p >This website uses state of the art security software to anonymize your internet connection as you submit files or correspond with reporters.</p>
</div>
</div>
<div class="col-sm-4">
<div class="thumbnail">
<h4><strong>Does submission involve danger?</strong></h4>
<p >Sharing sensitive information is never without risk. Leaks.ng will try, as much as possible, to protect information and to inform you about the risks. That said, while we try to mitigate the risks as much as possible, the whistleblower and journalists are responsible for their own actions.</p>
</div>
</div>
<div class="col-sm-4">
<div class="thumbnail">
<h4><strong>How are members selected?</strong></h4>
<p >Leaks.ng receivers must meet several criteria: excellence in investigative journalism, integrity in content and investigative processes, geographic relevance.</p>
</div>
</div>
</div>
</div>
<div class="hidden-xs">
<h2>Frequenty Asked Questions</h2><br>
<i class="fa fa-question-circle logo" aria-hidden="true"></i>
<div class="row text-center slideanim">
<div class="col-sm-4">
<div class="thumbnail">
<h4><strong>Why should I use Leaks.ng?</strong></h4>
<p >This website uses state of the art security software to anonymize your internet connection as you submit files or correspond with reporters.</p>
</div>
</div>
<div class="col-sm-4">
<div class="thumbnail">
<h4><strong>Does submission involve danger?</strong></h4>
<p >Sharing sensitive information is never without risk. Leaks.ng will try, as much as possible, to protect information and to inform you about the risks. That said, while we try to mitigate the risks as much as possible, the whistleblower and journalists are responsible for their own actions.</p>
</div>
</div>
<div class="col-sm-4">
<div class="thumbnail">
<h4><strong>How are members selected?</strong></h4>
<p >Leaks.ng receivers must meet several criteria: excellence in investigative journalism, integrity in content and investigative processes, geographic relevance.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Container (security Section) -->
<div id="security" class="container-fluid bg-grey">
<div class="text-center">
<i class="fa fa-lock logo" aria-hidden="true"></i>
<h2>Secure yourself, safety first!</h2>
<h4>Sharing sensitive information is not free of risk. There are many risks that threaten your privacy and anonymity. Take precautionary measures to better protect yourself from harm.</h4>
</div>
<div class="row slideanim">
<div class="col-sm-6 col-md-5 col-md-offset-1 hidden-xs">
<p><strong>Before and after you share information</strong></p>
<p>Ask yourself some questions before you share information.</p>
<ul>
<li>Are you the only person with access to this information?</li>
<li>Can this information be linked back to you?</li>
<li>How will you respond to questions, even if people don't know you're the source of the information?</li>
<li>Can you handle the pressure that comes with an internal or external investigation?</li>
</ul>
<p><strong>Tips and tricks</strong></p>
<p>Things you can do – or should avoid – in order to protect yourself before and after you share information.</p>
<ul>
<li>Tell absolutely no one that you will share information or have already done so.</li>
<li>After your information has hit the media, be careful when sharing your opinion on the matter.</li>
<li>Make sure that there are no monitoring or surveillance systems in place when you submit the information (such as security cameras for example).</li>
<li>Do not use search engines or news websites to look for the information that you have shared. This could arouse suspicion about your involvement.</li>
</ul>
</div>
<div class="col-sm-6 col-md-5 hidden-xs">
<p><strong>While you share information</strong></p>
<p>When you use a computer, mobile phone or the internet, or any means of communication, your actions will leave traces. These traces contain information about your identity, your devices, your location, the websites you visit, copies of all files you share, of messages you exchange, and so forth.</p>
<p><strong>Tips and tricks</strong></p>
<p>Take technical precautions that minimize the traces you leave and the risks you run.</p>
<ul>
<li>Do not use a work computer. Consider going to an internet cafe instead.</li>
<li>Use the <a href="https://www.torproject.org/download/download-easy.html.en" target="_blank">Tor Browser</a> for surfing the web anonymously. This is easy to use software.</li>
<li>Do not keep a copy of the information you've shared. Possession of the information may implicate you.</li>
<li>Destroy all copies and make sure you don't leave digital traces. Delete all files from USB disks, then fill these disks with music, movies or photos. Wipe you disk(s) and overwrite them multiple times, using security software when possible.</li>
<li><a href="https://www.bleachbit.org/" target="_blank">BleachBit</a> helps you to thoroughly clean up your computer and get rid of cookies, logs, and so forth.</li>
</ul>
<p>The website <a href="https://www.securityinabox.org" target="_blank">Security in-a-Box</a> can teach you much more about digital security best practices.</p>
</div>
</div>
</div>
<!-- Container (contact Section) -->
<div id="takeaction" class="container-fluid text-center">
<div class="row">
<div class="col-sm-5 col-md-10 col-md-offset-1 slideanim">
<h4>The Whistle-blower Policy is not a Law of the National Assembly but it was approved by the Federal Executive Council in December 2016. The policy authorises government to recover stolen or concealed assets through information provided by a whistleblower, then he/she may be entitled to between 2.5% - 5.0% of amount recovered.</h4>
<h4>The policy does not provide ANY immunity from civil or criminal prosecution. What this means is that if during the investigation some of the evidence links a whistle-blower to partaking in the act of corruption or a related incident, the whistle-blower would not be immune from criminal prosecution. He/she could technically be charged for a crime that they helped blow the whistle on.</h4>
<h4>The Nigerian Senate has however passed the ‘Whistle blower protection bill’ after its third reading at plenary. The aim of the bill is to ensure the protection of whistleblowers with reliable information on the war against corruption.</h4>
<a href="https://secure.leaks.ng"><button type="button" class="btn btn-whistleblow btn-lg">Submit information</button></a>
<p><br><strong>Never use email</strong> to submit sensitive information or use telephone, email or social media to contact us abour your tip-off.<br>Doing so will put <a href="#security">your security</a> at risk.</p>
</div>
</div>
</div>
<!-- Container (newsroomsCSO Section) -->
<div class="hidden-xs">
<div id="newsrooms" class="container-fluid bg-green">
<h2 class="text-center">Partners</h2>
<div id="partners" class="scroll-img" style="position:relative;margin:0 auto;top:0px;left:0px;width:980px;height:100px;overflow:hidden;visibility:hidden;">
<!-- Loading Screen -->
<!--<div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
<img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="img/spin.svg" />
</div>-->
<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:980px;height:100px;overflow:hidden;">
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/AFRICMIL.jpeg" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/CSNAC.jpg" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/DailyTrust.jpg" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/ICIR.jpg" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/IPC.png" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/Leadership.jpg" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/MediaRightsAgenda.png" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/NUJ.jpg" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/OrderPaper.png" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/PIN.png" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/PremiumTimes.jpg" /></a>
</div>
<div>
<a href="http://ptcij.org" target="_blank"><img data-u="image" src="imgs/partners/PTCIJ.png" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/SERAP.jpg" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/TheCable.png" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/WEFM.png" /></a>
</div>
<div>
<a href="#" target="_blank"><img data-u="image" src="imgs/partners/WSCIJ.png" /></a>
</div>
</div>
</div>
</div>
</div>
<footer class="container-fluid bg-grey text-center">
<div class="container">
<a href="https://freepressunlimited.org" target="_blank">
<img src="imgs/partners/FPU.png" />
</a>
</div>
<br>
<a href="#myPage" title="To Top">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
<p>© 2017 Coalition for Whistleblower Protection and Press Freedom (CWPPF). All Rights Reserved.</p>
</footer>
<script>
$(document).ready(function(){
// Add smooth scrolling to all links in navbar + footer link
$(".navbar a, footer a[href='#myPage']").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
$(window).scroll(function() {
$(".slideanim").each(function(){
var pos = $(this).offset().top;
var winTop = $(window).scrollTop();
if (pos < winTop + 600) {
$(this).addClass("slide");
}
});
});
$("#newsrooms").ready(function ($) {
var jssor_1_options = {
$AutoPlay: 1,
$Idle: 0,
$SlideDuration: 5000,
$SlideEasing: $Jease$.$Linear,
$PauseOnHover: 4,
$SlideWidth: 140,
$Cols: 7
};
var jssor_1_slider = new $JssorSlider$("partners", jssor_1_options);
/*#region responsive code begin*/
var MAX_WIDTH = 980;
function ScaleSlider() {
var containerElement = jssor_1_slider.$Elmt.parentNode;
var containerWidth = containerElement.clientWidth;
if (containerWidth) {
var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);
jssor_1_slider.$ScaleWidth(expectedWidth);
}
else {
window.setTimeout(ScaleSlider, 30);
}
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
/*#endregion responsive code end*/
});
})
</script>
</body>
</html>