Styling
This commit is contained in:
schrom01
parent
170e258b6e
commit
5aba2420f8
|
|
@ -47,13 +47,23 @@ input {
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
html, body {
|
||||||
position: absolute;
|
height: 100%;
|
||||||
bottom: 0;
|
margin: 0;
|
||||||
width: 100%;
|
|
||||||
height: 10.5rem; /* Footer height */
|
|
||||||
}
|
}
|
||||||
.footer {
|
.wrapper {
|
||||||
vertical-align: top;
|
min-height: 100%;
|
||||||
text-align: left;
|
|
||||||
}
|
/* 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;*/
|
||||||
|
/*}*/
|
||||||
190
index.html
190
index.html
|
|
@ -26,91 +26,92 @@
|
||||||
<!-- </form>-->
|
<!-- </form>-->
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<!-- </nav>-->
|
<!-- </nav>-->
|
||||||
<section>
|
<div class="wrapper">
|
||||||
<div class="container">
|
<section>
|
||||||
<h1>Genderwatch-protocol</h1>
|
<div class="container">
|
||||||
<a href="dataCollector/dataCollector.php">Alle Daten herunterladen (anonymisiert)</a>
|
<h1>Genderwatch-protocol</h1>
|
||||||
<h2>Aktuelles Thema</h2>
|
<a href="dataCollector/dataCollector.php">Alle Daten herunterladen (anonymisiert)</a>
|
||||||
<table class="table-bordered">
|
<h2>Aktuelles Thema</h2>
|
||||||
<tr>
|
<table class="table-bordered">
|
||||||
<td colspan="2">
|
<tr>
|
||||||
<div class="form-group">
|
<td colspan="2">
|
||||||
<input class="form-control" type="text" id="topicInput" placeholder="Thema hier eingeben">
|
<div class="form-group">
|
||||||
</div>
|
<input class="form-control" type="text" id="topicInput" placeholder="Thema hier eingeben">
|
||||||
</td>
|
</div>
|
||||||
<td>
|
</td>
|
||||||
<button class="" onclick="closeTopic()">
|
<td>
|
||||||
Thema abschliessen
|
<button class="" onclick="closeTopic()">
|
||||||
</button>
|
Thema abschliessen
|
||||||
</td>
|
</button>
|
||||||
</tr>
|
</td>
|
||||||
<tr>
|
</tr>
|
||||||
<th>
|
<tr>
|
||||||
M
|
<th>
|
||||||
</th>
|
M
|
||||||
<th>
|
</th>
|
||||||
W
|
<th>
|
||||||
</th>
|
W
|
||||||
<th>
|
</th>
|
||||||
D
|
<th>
|
||||||
</th>
|
D
|
||||||
</tr>
|
</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>
|
<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 class="container">
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<H2>Abgeschlossene Themen</H2>
|
<div class="container">
|
||||||
<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>
|
<tr>
|
||||||
<th class="tableHeader">
|
<th class="tableHeader">
|
||||||
Thema
|
Thema
|
||||||
|
|
@ -125,17 +126,20 @@
|
||||||
D
|
D
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody id="closedTopicsTable">
|
<tbody id="closedTopicsTable">
|
||||||
|
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<div class="push"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<footer class="text-center">
|
<footer class="text-center">
|
||||||
<div class="container footer">
|
<div class="container footer">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue