updating readme a bit...

README.md

@@ -34,3 +34,6 @@ We track time in this application by punching start and end times on each record
 6. Use your MySQL management interface of choice to import the mysql.sql file to your database server.  It will create a database named "yaptc". You also need to probably make a user with permissions on that database and that database alone to use in the config file so that this app does not have root mysql permissions!!!  Note also - I had trouble importing with some tools.  In the end, I used the mysql command line tool and just copied/pasted the text in.  
 7. Open the time card app.  Login with the default user/pass of "admin" and "admin".  
 8. Go for it. Create new users, etc etc etc.  
+
+### Screenshots: ###
+![Login Page] https://git.point808.com/attachments/7381ee2d-3bb5-4430-9c37-29527f8bfa4f  

css/styles.css

@@ -57,220 +57,9 @@
     src: local('Bitter-Regular'), url(../fonts/zfs6I-5mjWQ3nxqccMoL2A.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 }
-html, body {
-    height: 100%;
-    background: center no-repeat fixed url('../images/bg-clear.png');
-    background-size: cover;
-    color: #444;
-    font-family: 'Lato', sans-serif;
-}
-@media (min-width: 768px) {
-    .col-md-border:not(:last-child) {
-        border-right: 1px solid #d7d7d7;
-    }
-    .col-md-border+.col-md-border {
-        border-left: 1px solid #d7d7d7;
-        margin-left: -1px;
-    }
-}
-@media (min-width:768px) {
-    h1 {
-        font-size: 68px;
-    }
-}
-a {
-    color: #999;
-}
-a:hover {
-    color: #1d5377;
-}
-.btn, .well, .panel {
-    border-radius: 0;
-}
-.btn-danger {
-    background-color: #ff8c00;
-}
-.text-danger, a.text-danger {
-    color: #f44d3c;
-}
-.btn-huge {
-    padding: 17px 22px;
-    font-size: 22px;
-}
 .lato {
     font-family: 'Lato', sans-serif;
 }
 .bitter {
     font-family: 'Bitter', serif;
 }
-.icon-bar {
-    background-color: #fff;
-}
-.navbar-trans {
-    background-color: #2b2b2b;
-    color: #cdcdcd;
-    border-width: 0;
-}
-.navbar-brand {
-    font-weight: bold;
-    color: #1d5377;
-}
-.navbar-brand a:hover {
-    color: #1d5377;
-}
-.navbar-trans .navbar-brand, .navbar-trans>.container-fluid .navbar-brand {
-    padding: 14px;
-    color: #1d5377;
-}
-.navbar-trans li>a:focus, .navbar-trans li.active {
-    background-color: #444;
-    color: #333;
-}
-.navbar-trans li>a:hover {
-    background-color: #1d5377;
-    color: #fff;
-    opacity: 0.5;
-}
-.navbar-trans a {
-    color: #cdcdcd;
-    letter-spacing: 1px;
-}
-.navbar-trans .form-control:focus {
-    border-color: #eee;
-    outline: 0;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100, 100, 0.6);
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100, 100, 0.6);
-}
-.scroll-down {
-    position: absolute;
-    left: 50%;
-    bottom: 40px;
-    border: 2px solid #fff;
-    border-radius: 50%;
-    height: 50px;
-    width: 50px;
-    margin-left: -15px;
-    display: block;
-    padding: 7px;
-    text-align: center;
-    z-index: -1
-}
-.scroll-up {
-    position: fixed;
-    display: none;
-    z-index: 999;
-    bottom: 2em;
-    right: 2em;
-}
-.scroll-up a {
-    background-color: rgba(135, 135, 135, 0.5);
-    display: block;
-    width: 35px;
-    height: 35px;
-    text-align: center;
-    color: #fff;
-    font-size: 15px;
-    line-height: 30px;
-}
-.ttt a:hover {
-    color: #fff;
-    text-decoration: none;
-}
-section {
-    padding-top: 70px;
-    padding-bottom: 50px;
-    min-height: 100%;
-    min-height: calc(100% - 0);
-    -webkit-transform-style: preserve-3d;
-    -moz-transform-style: preserve-3d;
-    transform-style: preserve-3d;
-}
-.panel-body {
-    color: #1d5377;
-    font-family: 'Lato', sans-serif;
-}
-ul {
-    text-align: left;
-}
-@media (min-width:768px) {
-    .v-center {
-        height: 70%;
-        overflow: visible;
-        margin: auto;
-        position: absolute;
-        top: 0;
-        left: 0;
-        bottom: 0;
-        right: 0;
-    }
-}
-#section1 {
-    color: #fff;
-    font-family: 'Bitter', serif;
-}
-#section3, #tvcontrols, #media, #bizops, #sysops {
-    background-color: rgba(0, 0, 0, 0.7);
-    color: #fff;
-    font-family: 'Bitter', serif;
-}
-#section4 {
-    background-color: #f6f6f6;
-    color: #444;
-}
-#section2 {
-    background-color: rgba(0, 0, 0, 0.7);
-    color: #fff;
-    font-family: 'Bitter', serif;
-}
-#section3 {
-    background-color: rgba(0, 0, 0, 0.7);
-    color: #fff;
-    font-family: 'Bitter', serif;
-}
-#sectiond {
-    background-color: rgba(0, 0, 0, 0.7);
-    color: #fff;
-    font-family: 'Bitter', serif;
-}
-#sectione {
-    background-color: rgba(0, 0, 0, 0.7);
-    color: #fff;
-    font-family: 'Bitter', serif;
-}
-#tvcontrols, #media, #bizops, #sysops {
-    background-color: rgba(0, 0, 0, 0.9);
-}
-#section5 {
-    background-color: #fff;
-}
-#section6 {
-    background-color: #eee;
-    min-height: 130px;
-    padding-top: 40px;
-    padding-bottom: 40px;
-}
-#section7 {
-    background-color: #1d5377;
-    color: #f6f6f6;
-    min-height: 130px;
-    padding-top: 40px;
-    padding-bottom: 40px;
-}
-#section7 a:hover {
-    color: #fff;
-}
-footer {
-    background-color: #2b2b2b;
-    color: #ddd;
-    min-height: 100px;
-    padding-top: 20px;
-    padding-bottom: 40px;
-}
-footer .nav>li>a {
-    padding: 3px;
-    color: #f44d3c;
-}
-footer .nav>li>a:hover {
-    background-color: transparent;
-    color: #fff;
-}

includes/footer.inc.php

@@ -1,14 +1,11 @@
                 </div>
             </div>
         </div>
-<!-- no footer for now...
         <footer class="footer">
             <div class="container">
                 <p class="text-muted"><?php echo lang('SERVER_TIME') . ": " . $timenow . " - - - " . lang('SOFTWARE_VERSION') . ": " . $yaptc_version; ?></p>
             </div>
         </footer>
--->
-
         <script src="js/ie10-viewport-bug-workaround.js"></script>
         <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
         <script src="js/bootstrap.min.js"></script>

includes/header.inc.php

@@ -6,11 +6,11 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
 	<link rel="stylesheet" href="css/bootstrap.min.css"/>
+        <link rel="stylesheet" href="css/sticky-footer-navbar.css">
 	<link rel="stylesheet" href="css/font-awesome.css"/>
 	<link rel="stylesheet" href="css/animate.min.css"/>
 	<link rel="stylesheet" href="css/styles.css"/>
         <link rel="stylesheet" href="css/ie10-viewport-bug-workaround.css">
-        <link rel="stylesheet" href="css/sticky-footer-navbar.css">
 	<!-- [if lt IE 9]>
 		<script src="js/html5shiv.js" type="text/javascript"></script>
 		<script src="js/respond.min.js" type="text/javascript"></script>