felixh/slowdowner
1
0
Fork 0
Code Pull Requests Releases Activity

fixed navbar and footter, added snail

Browse Source
This commit is contained in:
Felix Hartmann
2019-01-20 20:47:06 +01:00
parent b50ce915a4
commit 27b406fbeb
3 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
src/static/img/favicon.ico → src/static/img/snail.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

20
src/static/index.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel='shortcut icon' type='image/png' href='/img/favicon.ico'/> <link rel='shortcut icon' type='image/png' href='/img/snail.png'/>
<link rel='stylesheet' href='/css/bootstrap.min.css'> <link rel='stylesheet' href='/css/bootstrap.min.css'>
<link rel='stylesheet' href='/css/jquery-ui.min.css'> <link rel='stylesheet' href='/css/jquery-ui.min.css'>
<link rel='stylesheet' href='/css/jquery-ui.structure.min.css'> <link rel='stylesheet' href='/css/jquery-ui.structure.min.css'>
@@ -28,16 +28,12 @@
<body> <body>
<nav class='navbar navbar-inverse'> <nav class='navbar navbar-inverse'>
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="/img/favicon.ico" width="25" height="25" alt="SlowDowner - v0.0.1(Alpha) Logo"> <img src="/img/snail.png" width="25" height="25" alt="SlowDowner - v0.0.1(Alpha) Logo">
</a> </a>
<div class='container-fluid'> <div class='container-fluid'>
<div class='navbar-header'> <div class='navbar-header'>
<a class='navbar-brand' href='/'>SlowDowner - v0.0.1(Alpha)</a> <a class='navbar-brand' href='/'>SlowDowner - v0.0.1(Alpha)</a>
</div> </div>
<p class='navbar-text navbar-right'><span>&zwnj;</span></p>
<ul class='nav navbar-nav navbar-right'>
<li class='navbar-text' id='user_count' style='color: #FFFFFF;'>Verbundene Computer: 0</li>
</ul>
</div> </div>
</nav> </nav>
@@ -66,13 +62,12 @@
</div> </div>
<br> <br>
<div class="row"> <div class="row">
<div class="col-xs-2"> <div class="col-sm-4">
<button id='playBtn' class='btn btn-success'><i class='fa fa-play'></i></button> <button id='playBtn' class='btn btn-success'><i class='fa fa-play'></i></button>
</div> <label class="info-txt-small">&zwnj;</label>
<div class="col-xs-2">
<button id='stopBtn' class='btn btn-danger'><i class='fa fa-stop'></i></button> <button id='stopBtn' class='btn btn-danger'><i class='fa fa-stop'></i></button>
</div> </div>
<div class="col-xs-8"> <div class="col-sm-8">
<button id='aLoopBtn' class='btn btn-warning'><b>A</b></button> <button id='aLoopBtn' class='btn btn-warning'><b>A</b></button>
<label class="info-txt-small" id="txt-aLoop">0:00</label> <label class="info-txt-small" id="txt-aLoop">0:00</label>
<i class='fa fa-repeat'></i> <i class='fa fa-repeat'></i>
@@ -96,7 +91,10 @@
</div> </div>
</div> </div>
<footer> <footer>
<p>&#169;2019 Felix Hartmann</p> <p>
&#169;2019 Felix Hartmann -
<label id='user_count'>Verbundene Geräte: 0</label>
</p>
</footer> </footer>
</div> </div>
</div> </div>

2
src/static/js/index.js
View File

@@ -43,7 +43,7 @@ $(function () {
}); });
socket.on('status', function(msg){ socket.on('status', function(msg){
$('#user_count').text('Verbundene Computer: ' + msg.users); $('#user_count').text('Verbundene Geräte: ' + msg.users);
}); });
//buttons //buttons