Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2026-05-02 14:42:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Made all logo links consistent

Browse Source
This commit is contained in:
Abdullah Almsaeed
2015-02-04 17:12:18 -05:00
parent 64f0082d8a
commit 19c0faaca0
30 changed files with 82 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
pages/examples/lockscreen.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html class="lockscreen">
<html>
<head>
<meta charset="UTF-8">
<title>AdminLTE 2 | Lockscreen</title>
@@ -16,13 +16,12 @@
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Automatic element centering using js -->
<div class="center">
<div class="headline text-center" id="time">
<!-- Time auto generated by js -->
</div><!-- /.headline -->
<body class="lockscreen">
<!-- Automatic element centering -->
<div class="lockscreen-wrapper">
<div class="lockscreen-logo">
<a href="../../index2.html"><b>Admin</b>LTE</a>
</div>
<!-- User name -->
<div class="lockscreen-name">John Doe</div>
@@ -30,12 +29,12 @@
<div class="lockscreen-item">
<!-- lockscreen image -->
<div class="lockscreen-image">
<img src="../../dist/img/avatar5.png" alt="user image"/>
<img src="../../dist/img/user1-128x128.jpg" alt="user image"/>
</div>
<!-- /.lockscreen-image -->
<!-- lockscreen credentials (contains the form) -->
<div class="lockscreen-credentials">
<div class="lockscreen-credentials">
<div class="input-group">
<input type="password" class="form-control" placeholder="password" />
@@ -49,7 +48,7 @@
<div class="lockscreen-link">
<a href="login.html">Or sign in as a different user</a>
</div>
</div>
</div><!-- /.center -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
@@ -57,58 +56,12 @@
<!-- page script -->
<script type="text/javascript">
$(function () {
startTime();
$(".center").center();
$(function () {
//$(".center").center();
$(window).resize(function () {
$(".center").center();
});
});
/* */
function startTime()
{
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
//Check for PM and AM
var day_or_night = (h > 11) ? "PM" : "AM";
//Convert to 12 hours system
if (h > 12)
h -= 12;
//Add time to the headline and update every 500 milliseconds
$('#time').html(h + ":" + m + ":" + s + " " + day_or_night);
setTimeout(function () {
startTime()
}, 500);
}
function checkTime(i)
{
if (i < 10)
{
i = "0" + i;
}
return i;
}
/* CENTER ELEMENTS IN THE SCREEN */
jQuery.fn.center = function () {
this.css("position", "absolute");
this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) +
$(window).scrollTop()) - 30 + "px");
this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) +
$(window).scrollLeft()) + "px");
return this;
}
</script>
</body>
</html>