dominic/MMDVMHost-Websocketboard
1
0
Fork 0
Code Releases Activity

Added Footer and css

Browse source
This commit is contained in:
Kim - DG9VH 2020-11-06 23:29:14 +01:00
parent 40cf26d81f
commit a7d6ab27e6
2 changed files with 37 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
html/css/styles.css Normal file
View file

@ -0,0 +1,31 @@
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px; /* Set the fixed height of the footer here */
line-height: 60px; /* Vertically center the text there */
background-color: #f5f5f5;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container {
width: auto;
padding: 0 15px;
}
nowrap {
white-space:nowrap
}

12
html/index.html
View file

@ -22,11 +22,7 @@
<script type="text/javascript" src="js/config.js"></script> <script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="metar.js/metar.js"></script> <script type="text/javascript" src="metar.js/metar.js"></script>
<script type="text/javascript" src="js/functions.js"></script> <script type="text/javascript" src="js/functions.js"></script>
<style> <link rel="stylesheet" href="css/styles.css">
nowrap {
white-space:nowrap
}
</style>
<title>DG9VH - MMDVM-Dashboard by DG9VH</title> <title>DG9VH - MMDVM-Dashboard by DG9VH</title>
</head> </head>
<body> <body>
@ -161,7 +157,11 @@
</div> </div>
</div> </div>
</div> </div>
<footer class="footer">
<div class="container">
<span class="text-muted">MMDVM-Dashboard by DG9VH | get your own at: <a href="https://github.com/dg9vh/MMDVMHost-Websocketboard">https://github.com/dg9vh/MMDVMHost-Websocketboard</a> | Follow me <a href="https://twitter.com/DG9VH">@DG9VH</a></span>
</div>
</footer>
<script> <script>
var t_lh = $('#lastHeard').DataTable( { var t_lh = $('#lastHeard').DataTable( {
"order": [[ 0, "desc" ]] "order": [[ 0, "desc" ]]