219 lines
7.3 KiB
HTML
219 lines
7.3 KiB
HTML
<!-- Header template for most static websites -->
|
|
<head>
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" href="custom.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;
|
|
}
|
|
|
|
.h-divider{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height:1px;
|
|
width:80%;
|
|
border-top:1px solid gray;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.row.equal {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
|
|
.inherit_height
|
|
{
|
|
width:inherit;
|
|
height:100%;
|
|
}
|
|
.filepond {
|
|
width: calc(93% - .5em);
|
|
margin-left: auto;
|
|
margin-right: 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 mb-5">
|
|
<div class="container">
|
|
<div class="col-12 col-md pl-5">
|
|
<div class="form-group">
|
|
<div class="col-md-12 pt-3">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<input type="file" name="userPhoto" class="filepond" />
|
|
|
|
<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>
|
|
|
|
<div class="container">
|
|
<div class="row justify-content-center border-0">
|
|
<div class="col-xl-12 mt-5 mb-5">
|
|
<div class="container">
|
|
<div class="col-12 col-md pl-5">
|
|
<div class="form-group">
|
|
<div class="col-md-12 pt-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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row justify-content-center border-0">
|
|
<div class="col-xl-12 mt-5 mb-5">
|
|
<div class="container">
|
|
<div class="row col-md-12">
|
|
<div class="col-12 col-md pl-5">
|
|
<h6 class="custom">
|
|
Dies ist ein dienst der Kooperation gegen Polizeigewalt Sachsen. www.kgp-sachsen.org
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
<!--
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<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">
|
|
</head>
|
|
<body>
|
|
<input type="file" name="userPhoto" />
|
|
|
|
<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>
|