Skip to content

Commit

Permalink
Initial Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@the-maldridge
the-maldridge committed Sep 25, 2016
0 parents commit 8e6bfed
Show file tree
Hide file tree
Showing 10 changed files with 671 additions and 0 deletions.
19 changes: 19 additions & 0 deletions clock.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
// Simple clock, perhaps eventually ought to be modified for 12 hour time...maybe
function startTime() {
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
m=fixTime(m);
document.getElementById('clock').innerHTML=h+":"+m;
// Update time every 500 ms = 5 seconds
t=setTimeout('startTime()', 500)
}
// This just formats it nicely so we don't get 10:1 PM
function fixTime(i) {
if (i<10) {
i="0" + i;
}
return i
}
// Start the clock as soon as we finish loading
window.onload=startTime;
67 changes: 67 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="login.css" />
<link rel="stylesheet" type="text/css" href="tooltipster.css" />
<script src="jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="jquery.tooltipster.min.js"></script>
<script>
$(document).ready(function() {
$('.tooltip').tooltipster({
delay: 100,
animation: 'grow',
theme: 'tooltipster-shadow',
maxWidth: 1000,
minWidth: 450,
position:'top',
contentAsHTML: true
});
});

document.addEventListener("contextmenu", function(e){
e.preventDefault();
}, false);

</script>
</head>
<body oncontextmenu="return false">
<div class="outer">
<div class="inner">
<div class="card signin-card">
<img src="logo.png" />
<div id="error">
Invalid Username or Password
</div>
<form>
<input id="user" tabindex="1" placeholder="Username" type="text" />
<input id="pass" tabindex="2" placeholder="Password" type="password" />
<button type="submit" tabindex="4" class="btn">
Sign in
</button>
</form>
</div>
</div>
</div>

<div class="actions-bar">
<div id="session_list" class="action">
<select id="session" tabindex="3">
</select>
</div>

<div id="terms" class="tooltip action" title="&lt;h2&gt;Acceptable Use Policy:&lt;br /&gt; [1] Unauthorized use is prohibited; &lt;br /&gt; [2] Usage may be subject to security testing and monitoring; &lt;br /&gt; [3] Misuse is subject to criminal prosecution; and &lt;br /&gt; [4] Users have no expectation of privacy except as otherwise provided by applicable privacy laws. &lt;/h2&gt;">
Acceptable Use Policy
</div>

<div id="clock" class="action action-clock">00:00</div>


</div>

<script src="mock.js"></script>
<script src="clock.js"></script>
<script src="login.js"></script>

</body>
</html>
13 changes: 13 additions & 0 deletions index.theme
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
# Creates a lightdm-webkit-greeter theme for lightdm-webkit-cv theme
# Name: Defines the theme name (and thereby the folder name)
# Desription: Sets the theme description (I don't actually know where this is used...)
# Engine: The display engine to use
# Url: URL for the main theme file
# Default session (you don't actually need this here)

[theme]
name=lightdm-webkit-cv
description=UTD CSG ldm greeter
engine=lightdm-webkit-greeter
url=index.html
session=cinnamon
4 changes: 4 additions & 0 deletions jquery-2.1.4.min.js

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions jquery.tooltipster.min.js

Large diffs are not rendered by default.

249 changes: 249 additions & 0 deletions login.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,249 @@
/* Make sure we don't have margins, get rid of any scrollbars that might make things ugly */
html, body {
height: 100%; width: 100%; overflow: hidden;
}
/* Set a header */
h1 {
color: white;
font-size: 18px;
text-align: center;
}

h2 {
font-size: 19px;
line-height: 21px;

}
/* Set the paragraph style */
p {
color: white;
font-weight: bold;
font-size: 14px;
}

body {
/* no margins = no ugly white space */
margin: 0;
padding: 0;
/* Georgia/serif is font of choice (?) */
font-family: Georgia, serif;
font-size: 13px;
/* In case we can't find the background, set a color */
background: #fff;
background-image: url("wallpaper.png");
/* Lets center it */
background-position: 50%;
/* And full screen */
background-size: cover;
background-attachment: fixed;
border: 0;
color: #404040;
-webkit-user-select: none
}

img {
max-width: 100%;
max-height: 100%;
padding-bottom: 1%;
}

/* Inner Div settings for vertical center */
.inner {
display: table-cell;
vertical-align: middle;
}
/* Outer div for vertical center */
.outer {
position: absolute;
height:100%;
width: 100%;
display: table;

}
.card {
/* There shouldn't be any, but better safe than sorry */
overflow: hidden;
padding: 2%;
/* Set a background color...not sure why I did this twice...*/
background-color: #f7f7f7;
background-color: rgba(2, 2, 6, 0.34);
/* Center it, with a bottom margin */
margin: 0px auto 25px;
border-radius: 2px;
/* Set a shadow */
box-shadow: 0 2px 2px rgba(0,0,0,.3);
}

/* CSS for terms and conditions */
#terms {
color: white;
font-size: 18px;
margin-left: 50px;
text-align: center !important;

}
.signin-card {
width: 45%;
max-width: 90%;
}

.card input[type=text],
.card input[type=password],
.card select {
-webkit-appearance: none;
height: 44px;
font-size: 16px;
width: 100%;
display: block;
z-index: 1;
position: relative;
box-sizing: border-box;
padding: 0 8px;
margin: 0 0 10px;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
border-radius: 1px;
color: #404040;
outline: none;
}

.card input[type=text],
.card input[type=password] {
width: 49%;
display: inline-block;
}

.card input[type=password] {
float: right;
}

.card form {
margin: 0;
padding: 0;
}
.card form .error {
border: 1px solid #dd4b39;
z-index: 2;
}
.card input[type=text]:hover,
.card input[type=password]:hover,
.card select:hover {
border: 1px solid #b9b9b9;
border-top: 1px solid #a0a0a0;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
z-index: 3;
}
.card input[type=text]:active,
.card input[type=text]:focus,
.card input[type=password]:active,
.card input[type=password]:focus,
.card select:active,
.card select:focus {
border: 1px solid #4d90fe;
box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
z-index: 3;
}

.btn {
outline: 0;
width: 100%;
display: block;
z-index: 1;
position: relative;
padding: 0;
margin: 0;
font-size: 13px;
font-family: inherit;
min-width: 46px;
text-align: center;
font-weight: 700;
height: 36px;
line-height: 36px;
border-radius: 3px;
transition: border 0.218s, background 0.218s, box-shadow 0.218s, color 0.218s;
text-shadow: 0 1px 0 #443FD4;
color: white;
background: #443FD4;
border: solid 1px #443FD4;
}
.btn:hover {
transition: all 0s;
text-decoration: none;
box-shadow: 0 1px 1px rgba(0,0,0,.1);
background: #00D8F0;
border-color: #00D8F0;
color: white;
}

.actions-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 44px;
background: rgba(0,0,0,.4);
color: #fff;
font-weight: bold;
text-shadow: 0 1px 2px rgba(0,0,0,.4);
line-height: 44px;
font-size: 13px;
padding: 0 14px;
box-shadow: 0 -1px 0 rgba(255,255,255,.1);
box-sizing: border-box;
}
.action {
cursor: pointer;
float: left;
margin-right: 20px;
width: 30%;
}
.action-clock {
cursor: default;
float: right;
margin-right: 0;
text-align: right;
font-size: 18px;
}
.action i{
display: inline-block;
float: left;
margin-right: 5px;
height: 14px;
width: 14px;
margin-top: 14px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}

#error {
width: 100%;
height: 30px;
margin-bottom: 15px;
background-color: rgba(255, 104, 104, 1);
text-align: center;
padding-top: 15px;
padding-bottom: 0px;
color: white;
font-weight: bold;
}

#session {
opacity: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;

}

#session:hover {
opacity: 1;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
Loading

0 comments on commit 8e6bfed

Please sign in to comment.