128 lines
4.8 KiB
HTML
128 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>KGP Evidence Dump</title>
|
|
<link href="dist/filepond.css" rel="stylesheet">
|
|
|
|
<style>
|
|
{ margin: 0; padding: 0; }
|
|
|
|
body {
|
|
background-color: #161618;
|
|
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
footer{
|
|
margin-top: auto;
|
|
}
|
|
|
|
.custom {
|
|
color: #f2f5f4;
|
|
}
|
|
|
|
/* the background color of the file and file panel (used when dropping an image) */
|
|
.filepond--item-panel {
|
|
background-color: #161618;
|
|
}
|
|
|
|
/* the background color of the filepond drop area */
|
|
.filepond--panel-root {
|
|
background-color: #f5f7f4;
|
|
}
|
|
|
|
[data-filepond-item-state='processing-complete'] .filepond--item-panel {
|
|
background-color: #888888;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="row justify-content-center border-0">
|
|
<div class="col-xl-12 mt-5">
|
|
<h2 class='custom'><b>KGP Evidence Dump</b></h2>
|
|
<h6 class='custom'>
|
|
Upload videos or photos showing the behaviour of police during this demonstration.
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container">
|
|
<div class="row justify-content-center border-0">
|
|
<div class="col-xl-12 mt-3">
|
|
<input type="file" name="userPhoto" class="filepond"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container">
|
|
<div class="row justify-content-center border-0">
|
|
<div class="col-xl-12 mt-3">
|
|
<h6 class='custom'>
|
|
Gerade in Zeiten massiv zunehmender Überwachung und zu häufig auftretender Übergriffe, Misshandlungen und anderer rechtswidriger Verhaltensweisen der Polizei sollten Polizeieinsätze immer dokumentiert werden. Auch ohne Beweismaterial sollten solche Vorfälle bei unabhängigen Stellen gemeldet werden, z.B. bei unserer Initiative, unabhängig davon, ob weitere Schritte gegen die Verantwortlichen geplant sind oder nicht.Eine Veröffentlichung von dokumentierter Polizeigewalt in sozialen Netzwerken kann Druck durch das Interesse der Öffentlichkeit erzeugen, Diskussionen anfachen und die Notwendigkeit aufzeigen, die Polizeibefugnisse einzuschränken. Wenn zudem juristisch erfolgreich gegen Polizeigewalt vorgegangen werden soll, sind Beweise notwendig, z.B. in Form technischem Material. Es gibt Verfahren, in denen Betroffene von Polizeigewalt die Übergriffe der Polizei und ihre Lügen vor Gericht nur beweisen und ihrer eigenen Strafverfolgung entgehen konnten, weil sie unbemerkt eine Aufzeichnung von der Situation gemacht hatten. Aufnahmen von Einsätzen sehen wir daher als notwendig an, um Voraussetzungen dafür zu schaffen, Polizeigewalt bekannt zu machen und Konsequenzen zu ermöglichen.
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row justify-content-center border-0">
|
|
<div class="col-xl-12 mt-5 mb-5">
|
|
<h6 class="custom">
|
|
Dies ist ein dienst der Kooperation gegen Polizeigewalt Sachsen. www.kgp-sachsen.org
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
// prettier-ignore
|
|
[
|
|
{supported: 'Symbol' in window, fill: 'https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js'},
|
|
{supported: 'Promise' in window, fill: 'https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js'},
|
|
{supported: 'fetch' in window, fill: 'https://cdn.jsdelivr.net/npm/fetch-polyfill@0.8.2/fetch.min.js'},
|
|
{supported: 'CustomEvent' in window && 'log10' in Math && 'sign' in Math && 'assign' in Object && 'from' in Array &&
|
|
['find', 'findIndex', 'some', 'includes'].reduce(function(previous, prop) { return (prop in Array.prototype) ? previous : false; }, true), fill: 'https://unpkg.com/filepond-polyfill/dist/filepond-polyfill.js'}
|
|
].forEach(function(p) {
|
|
if (p.supported) return;
|
|
document.write('<script src="' + p.fill + '"><\/script>');
|
|
});
|
|
</script>
|
|
|
|
<script src="dist/filepond.js"></script>
|
|
|
|
<script>
|
|
// Get a reference to the file input element
|
|
const inputElement = document.querySelector('input[type="file"]');
|
|
|
|
// Create the FilePond instance
|
|
const pond = FilePond.create(inputElement, {
|
|
allowMultiple: true,
|
|
allowReorder: true,
|
|
server: '/uploads'
|
|
});
|
|
|
|
// Easy console access for testing purposes
|
|
window.pond = pond;
|
|
</script>
|
|
</body>
|
|
</html>
|