Move state image below the title

This commit is contained in:
Christopher Teutsch 2020-02-14 00:19:15 +01:00
parent 16a2cca77b
commit ab72d2a812
Signed by: iwonder
GPG Key ID: 0EE33D788D50130D

View File

@ -78,12 +78,13 @@ if ($locale !== null){
<div class="card-deck mb-3 text-center"> <div class="card-deck mb-3 text-center">
<div class="card" style="width: 18rem;"> <div class="card" style="width: 18rem;">
<div class="card-img-top"> <div class="card-img-top">
<i class="material-icons" id="state-icn" style="color:<?= $state_map[$state]->color ?>;font-size:16rem;">
<?= $state_map[$state]->svg ?>
</i>
</div> </div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Türstatus</h5> <h5 class="card-title">Türstatus</h5>
<i class="material-icons" id="state-icn" style="color:<?= $state_map[$state]->color ?>;font-size:16rem;">
<?= $state_map[$state]->svg ?>
</i>
<p class="card-text"><?= $state_map[$state]->state_string ?></p> <p class="card-text"><?= $state_map[$state]->state_string ?></p>
<a href="https://wiki.chaosdorf.de/Raumstatus" class="btn btn-block btn-lg btn-primary">What's this?</a> <a href="https://wiki.chaosdorf.de/Raumstatus" class="btn btn-block btn-lg btn-primary">What's this?</a>
</div> </div>
@ -114,6 +115,9 @@ if ($locale !== null){
</div> </div>
<footer class="page-footer font-small text-center"> <footer class="page-footer font-small text-center">
<div>
Look at the code <a href="https://git.iwonder.name/iwonder/dorf.jetzt">here</a>
</div>
</footer> </footer>
<script src="assets/js/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script src="assets/js/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>