Silias-Public
/
genderwatchprotocol
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Styling

This commit is contained in:
schrom01 2023-02-16 12:54:11 +01:00
parent 170e258b6e
commit 5aba2420f8
2 changed files with 116 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
css/custom.css
View File

@ -47,13 +47,23 @@ input {
min-width: 100px;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 10.5rem; /* Footer height */
html, body {
height: 100%;
margin: 0;
}
.footer {
vertical-align: top;
text-align: left;
.wrapper {
min-height: 100%;
/* Equal to height of footer */
/* But also accounting for potential margin-bottom of last child */
margin-bottom: -150px;
}
footer,
.push {
height: 150px;
}
/*.footer {*/
/* vertical-align: top;*/
/* text-align: left;*/
/*}*/

174
index.html
View File

@ -26,91 +26,92 @@
<!-- </form>-->
<!-- </div>-->
<!-- </nav>-->
<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>
<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>
<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>
<div class="container">
<div class="container">
<H2>Abgeschlossene Themen</H2>
<button class="" onclick="buttonDeleteAllClosedTopics()">alle Löschen</button>
<table class="table-bordered">
<thead>
<H2>Abgeschlossene Themen</H2>
<button class="" onclick="buttonDeleteAllClosedTopics()">alle Löschen</button>
<table class="table-bordered">
<thead>
<tr>
<th class="tableHeader">
Thema
@ -125,17 +126,20 @@
D
</th>
</tr>
</thead>
<tbody id="closedTopicsTable">
</thead>
<tbody id="closedTopicsTable">
</tbody>
</tbody>
</table>
</table>
</div>
</section>
<div class="push"></div>
</div>
</div>
</section>
<footer class="text-center">
<div class="container footer">