diff --git a/README.md b/README.md
index 2040c82..4173eeb 100755
--- a/README.md
+++ b/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
diff --git a/css/styles.css b/css/styles.css
index 9896ce2..6116514 100644
--- a/css/styles.css
+++ b/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;
-}
\ No newline at end of file
diff --git a/includes/footer.inc.php b/includes/footer.inc.php
index 66c5f70..be42481 100755
--- a/includes/footer.inc.php
+++ b/includes/footer.inc.php
@@ -1,14 +1,11 @@
-
-
diff --git a/includes/header.inc.php b/includes/header.inc.php
index 68a545b..e6d1bec 100755
--- a/includes/header.inc.php
+++ b/includes/header.inc.php
@@ -6,11 +6,11 @@
+
-