Improve GUI

This commit is contained in:
2019-05-26 02:54:43 +02:00
parent 3adea7b46a
commit 2e65679c06
4 changed files with 71 additions and 34 deletions

View File

@@ -17,8 +17,9 @@
<!-- Custom styles for this template -->
<link href="static/css/style.css" rel="stylesheet">
<!-- Material Icons-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Fontawesome Icons-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
@@ -52,16 +53,15 @@
</div>
<!-- Footer -->
<footer class="footer">
<div class="container text-center py-3 d-flex flex-row mx-auto">
<div class="container text-center py-3">
{% if not auth %}
<a href="/login" class="d-flex justify-content-center align-content-between ml-1 mr-1"><i
class='material-icons mr-1'>launch</i><span>Login</span></a>
<a href="/login" class="ml-1 mr-1"><i
class="fas fa-sign-in-alt mr-1"></i><span>Login</span></a>
{% endif %}
<a href="https://github.com/PhoenixTwoFive/karaoqueue"
class="d-flex justify-content-center align-content-between ml-1 mr-1"><i
class='material-icons mr-1'>code</i><span>Github</span></a>
class="ml-1 mr-1"><i class="fab fa-github mr-1"></i><span>Github</span></a>
<span class="text-muted">KaraoQueue -&nbsp;<span
style="display:inline-block;transform: rotate(180deg);">&copy</span>&nbsp;2019 - Phillip
style="display:inline-block;transform: rotate(180deg) translateY(-0.2rem)">&copy</span>&nbsp;2019 - Phillip
Kühne</span>
</div>
</footer>