updating readme a bit...
This commit is contained in:
parent
fa6238997c
commit
c01474727a
|
|
@ -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
|
||||
|
|
|
|||
211
css/styles.css
211
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;
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user