genderwatchprotocol/index.html

216 lines
8.6 KiB
HTML

<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/custom.css?v=1.1">
<link rel="stylesheet" href="css/bootstrap.css">
<title>Genderwatch-protocol</title>
</head>
<body>
<!-- <nav class="navbar navbar-expand-lg navbar-light bg-light">-->
<!-- <a class="navbar-brand" href="index.html">Genderwatch-protocol&nbsp;</a>-->
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="true" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>-->
<!-- <div class="navbar-collapse collapse show" id="navbarSupportedContent">-->
<!-- <ul class="navbar-nav mr-auto">-->
<!-- <li class="nav-item active"> <a class="nav-link" href="index.html">Home</a> </li>-->
<!-- <li class="nav-item"> <a class="nav-link" href="beschreibung.php">Über uns</a> </li>-->
<!-- </ul>-->
<!-- <form class="form-inline my-2 my-lg-0">-->
<!-- </form>-->
<!-- </div>-->
<!-- </nav>-->
<div class="wrapper">
<section>
<div class="container">
<h1>Genderwatch-protocol</h1>
<a href="dataCollector/dataCollector.php">Alle Daten herunterladen (anonymisiert)</a>
<h2>Aktuelles Thema</h2>
<table class="table-bordered">
<tr>
<td colspan="2">
<div class="form-group">
<input class="form-control" type="text" id="topicInput" placeholder="Thema hier eingeben">
</div>
</td>
<td>
<button class="" onclick="closeTopic()">
Thema abschliessen
</button>
</td>
</tr>
<tr>
<th>
M
</th>
<th>
W
</th>
<th>
D
</th>
</tr>
<tr>
<td id="time-0">
0
</td>
<td id="time-1">
0
</td>
<td id="time-2">
0
</td>
</tr>
<tr>
<td id="count-0">
0
</td>
<td id="count-1">
0
</td>
<td id="count-2">
0
</td>
</tr>
<tr>
<td>
<button class="" onclick="start(0)">Beginnt zu Reden</button>
</td>
<td>
<button class="" onclick="start(1)">Beginnt zu Reden</button>
</td>
<td>
<button class="" onclick="start(2)">Beginnt zu Reden</button>
</td>
</tr>
<tr>
<td colspan="3">
<button class="stopButton" onclick="stop()">Hört auf zu Reden, -> Stille</button>
</td>
</tr>
<tr>
<td colspan="3">
<button class="resetButton" onclick="resetButton()">Reset</button>
</td>
</tr>
</table>
</div>
<div class="container">
<H2>Abgeschlossene Themen</H2>
<button class="" onclick="buttonDeleteAllClosedTopics()">alle Löschen</button>
<table class="table-bordered">
<thead>
<tr>
<th class="tableHeader">
Thema
</th>
<th class="tableHeader">
M
</th>
<th class="tableHeader">
W
</th>
<th class="tableHeader">
D
</th>
</tr>
</thead>
<tbody id="closedTopicsTable">
</tbody>
</table>
</div>
</section>
<div class="push"></div>
</div>
<footer class="text-center">
<div class="container footer">
<div class="row">
<table>
<tr>
<td class="footer">
<div class="col-12">
<p><span><b>Impressum</b></span><br>
Maurus Pfalzgraf<br>
<a href="mailto:info@genderwatchprotocol.com">info@genderwatchprotocol.com</a></p>
</div>
</td>
<td class="footer">
<div class="col-12">
<p><span><b>Erstellt durch</b></span><br>
Silias KLG<br>
Toggenburgstrasse 31<br>
8245 Feuerthalen<br>
<a href="https://www.silias.ch" target="_blank">www.silias.ch</a><br>
<a href="mailto:info@silias.ch">info@silias.ch</a><br>
<a href="https://gitea.silias.ch/Silias-Public/genderwatchprotocol">Projekt Repository</a>
</p>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<p>
Diese Webseite wird ausschliesslich durch Spenden finanziert.<br>Helfen Sie bei der Fianzierung mit einer freiwilligen Spende.
</p>
<form method="post" action="donations/donations.php" target="_blank">
<input required type="number" name="amount" placeholder="Betrag eingeben">
<button type="submit">Jetzt spenden</button>
</form>
</td>
</tr>
</table>
</div>
</div>
</footer>
<script src="js/functions.js"></script>
<script>
try {
closedTopics = JSON.parse(localStorage.getItem("closedTopics"))
} catch (e) {
closedTopics = []
}
if(!closedTopics) {
closedTopics = []
}
try{
actualTopic = JSON.parse(localStorage.getItem("actualTopic"))
} catch (e) {
initializeNewTopic()
}
if(!actualTopic) {
initializeNewTopic()
}
document.getElementById("topicInput").value = actualTopic.name
document.getElementById("topicInput").addEventListener('keyup', saveActualTopicName);
refreshClosedTopics()
setInterval(() => {
refreshWatch(0)
refreshWatch(1)
refreshWatch(2)
}, 100);
</script>
</body>
</html>