updated some code comments to explain things a bit better

This commit is contained in:
David Miller 2016-06-24 16:55:33 -04:00
parent 9a33578d3f
commit f27de2a4ed
9 changed files with 48 additions and 41 deletions

View File

@ -1,5 +1,5 @@
/*! /*!
* Start Bootstrap - Agency v1.0.7 (http://startbootstrap.com/template-overviews/agency) * Start Bootstrap - Agency v1.1.0 (http://startbootstrap.com/template-overviews/agency)
* Copyright 2013-2016 Start Bootstrap * Copyright 2013-2016 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/ */
@ -8,7 +8,7 @@ body {
font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
.text-muted { .text-muted {
color: #777; color: #777777;
} }
.text-primary { .text-primary {
color: #fed136; color: #fed136;
@ -50,10 +50,10 @@ h6 {
margin: 0 auto; margin: 0 auto;
} }
.bg-light-gray { .bg-light-gray {
background-color: #f7f7f7; background-color: #eeeeee;
} }
.bg-darkest-gray { .bg-darkest-gray {
background-color: #222; background-color: #222222;
} }
.btn-primary { .btn-primary {
color: white; color: white;
@ -147,7 +147,7 @@ fieldset[disabled] .btn-xl.active {
background-color: white; background-color: white;
} }
.navbar-default { .navbar-default {
background-color: #222; background-color: #222222;
border-color: transparent; border-color: transparent;
} }
.navbar-default .navbar-brand { .navbar-default .navbar-brand {
@ -217,7 +217,7 @@ fieldset[disabled] .btn-xl.active {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.navbar-default.affix { .navbar-default.affix {
background-color: #222; background-color: #222222;
padding: 10px 0; padding: 10px 0;
} }
.navbar-default.affix .navbar-brand { .navbar-default.affix .navbar-brand {
@ -553,7 +553,7 @@ aside.clients img {
margin: 50px auto; margin: 50px auto;
} }
section#contact { section#contact {
background-color: #222; background-color: #222222;
background-image: url('../img/map-image.png'); background-image: url('../img/map-image.png');
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -582,27 +582,27 @@ section#contact ::-webkit-input-placeholder {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
color: #bbbbbb; color: #eeeeee;
} }
section#contact :-moz-placeholder { section#contact :-moz-placeholder {
/* Firefox 18- */ /* Firefox 18- */
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
color: #bbbbbb; color: #eeeeee;
} }
section#contact ::-moz-placeholder { section#contact ::-moz-placeholder {
/* Firefox 19+ */ /* Firefox 19+ */
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
color: #bbbbbb; color: #eeeeee;
} }
section#contact :-ms-input-placeholder { section#contact :-ms-input-placeholder {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
color: #bbbbbb; color: #eeeeee;
} }
section#contact .text-danger { section#contact .text-danger {
color: #e74c3c; color: #e74c3c;
@ -629,7 +629,7 @@ ul.social-buttons {
} }
ul.social-buttons li a { ul.social-buttons li a {
display: block; display: block;
background-color: #222; background-color: #222222;
height: 40px; height: 40px;
width: 40px; width: 40px;
border-radius: 100%; border-radius: 100%;
@ -698,7 +698,7 @@ ul.social-buttons li a:active {
height: 75px; height: 75px;
width: 1px; width: 1px;
margin-left: 35px; margin-left: 35px;
background-color: #222; background-color: #222222;
transform: rotate(45deg); transform: rotate(45deg);
-ms-transform: rotate(45deg); -ms-transform: rotate(45deg);
/* IE 9 */ /* IE 9 */
@ -709,7 +709,7 @@ ul.social-buttons li a:active {
.portfolio-modal .close-modal .lr .rl { .portfolio-modal .close-modal .lr .rl {
height: 75px; height: 75px;
width: 1px; width: 1px;
background-color: #222; background-color: #222222;
transform: rotate(90deg); transform: rotate(90deg);
-ms-transform: rotate(90deg); -ms-transform: rotate(90deg);
/* IE 9 */ /* IE 9 */

4
css/agency.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -14,7 +14,7 @@
<!-- Bootstrap Core CSS --> <!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS --> <!-- Theme CSS -->
<link href="css/agency.min.css" rel="stylesheet"> <link href="css/agency.min.css" rel="stylesheet">
<!-- Custom Fonts --> <!-- Custom Fonts -->
@ -653,8 +653,8 @@
<script src="js/jqBootstrapValidation.js"></script> <script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script> <script src="js/contact_me.js"></script>
<!-- Custom Theme JavaScript --> <!-- Theme JavaScript -->
<script src="js/agency.js"></script> <script src="js/agency.min. js"></script>
</body> </body>

View File

@ -1,3 +1,5 @@
// Agency Theme JavaScript
(function($) { (function($) {
"use strict"; // Start of use strict "use strict"; // Start of use strict

2
js/agency.min.js vendored
View File

@ -1,5 +1,5 @@
/*! /*!
* Start Bootstrap - Agency v1.0.7 (http://startbootstrap.com/template-overviews/agency) * Start Bootstrap - Agency v1.1.0 (http://startbootstrap.com/template-overviews/agency)
* Copyright 2013-2016 Start Bootstrap * Copyright 2013-2016 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/ */

View File

@ -1,3 +1,5 @@
// Contact Form Scripts
$(function() { $(function() {
$("#contactForm input,#contactForm textarea").jqBootstrapValidation({ $("#contactForm input,#contactForm textarea").jqBootstrapValidation({

View File

@ -9,7 +9,7 @@ body {
} }
.text-muted { .text-muted {
color: @gray; color: @gray-light;
} }
.text-primary { .text-primary {
@ -58,7 +58,7 @@ h1, h2, h3, h4, h5, h6 {
} }
.bg-darkest-gray { .bg-darkest-gray {
background-color: @gray-darkest; background-color: @gray-darker;
} }
// Restyled Primary Buttons // Restyled Primary Buttons
@ -81,7 +81,7 @@ h1, h2, h3, h4, h5, h6 {
// Custom Navigation Bar // Custom Navigation Bar
.navbar-default { .navbar-default {
background-color: @gray-darkest; background-color: @gray-darker;
border-color: transparent; border-color: transparent;
.navbar-brand { .navbar-brand {
color: @theme-primary; color: @theme-primary;
@ -158,7 +158,7 @@ h1, h2, h3, h4, h5, h6 {
@media(min-width:768px) { @media(min-width:768px) {
.navbar-default.affix { .navbar-default.affix {
background-color: @gray-darkest; background-color: @gray-darker;
padding: 10px 0; padding: 10px 0;
.navbar-brand { .navbar-brand {
font-size: 1.5em; font-size: 1.5em;
@ -535,7 +535,7 @@ aside.clients {
// Contact Section // Contact Section
section#contact { section#contact {
background-color: @gray-darkest; background-color: @gray-darker;
background-image: url('../img/map-image.png'); background-image: url('../img/map-image.png');
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -562,22 +562,22 @@ section#contact {
::-webkit-input-placeholder { ::-webkit-input-placeholder {
.heading-font; .heading-font;
font-weight: 700; font-weight: 700;
color: @placeholder-text; color: @gray-lighter;
} }
:-moz-placeholder { /* Firefox 18- */ :-moz-placeholder { /* Firefox 18- */
.heading-font; .heading-font;
font-weight: 700; font-weight: 700;
color: @placeholder-text; color: @gray-lighter;
} }
::-moz-placeholder { /* Firefox 19+ */ ::-moz-placeholder { /* Firefox 19+ */
.heading-font; .heading-font;
font-weight: 700; font-weight: 700;
color: @placeholder-text; color: @gray-lighter;
} }
:-ms-input-placeholder { :-ms-input-placeholder {
.heading-font; .heading-font;
font-weight: 700; font-weight: 700;
color: @placeholder-text; color: @gray-lighter;
} }
.text-danger { .text-danger {
color: @theme-danger; color: @theme-danger;
@ -609,7 +609,7 @@ ul.social-buttons {
li { li {
a { a {
display: block; display: block;
background-color: @gray-darkest; background-color: @gray-darker;
height: 40px; height: 40px;
width: 40px; width: 40px;
border-radius: 100%; border-radius: 100%;
@ -682,7 +682,7 @@ ul.social-buttons {
height:75px; height:75px;
width:1px; width:1px;
margin-left:35px; margin-left:35px;
background-color:@gray-darkest; background-color:@gray-darker;
transform: rotate(45deg); transform: rotate(45deg);
-ms-transform: rotate(45deg); -ms-transform: rotate(45deg);
/* IE 9 */ /* IE 9 */
@ -692,7 +692,7 @@ ul.social-buttons {
.rl { .rl {
height:75px; height:75px;
width:1px; width:1px;
background-color:@gray-darkest; background-color:@gray-darker;
transform: rotate(90deg); transform: rotate(90deg);
-ms-transform: rotate(90deg); -ms-transform: rotate(90deg);
/* IE 9 */ /* IE 9 */

View File

@ -1,8 +1,13 @@
// Variables // Variables
// Gray and Brand Colors for use across theme
@theme-primary: #fed136; @theme-primary: #fed136;
@theme-danger: #e74c3c; @theme-danger: #e74c3c;
@gray-darkest: #222;
@gray: #777; @gray-base: #000;
@gray-lighter: #f7f7f7; @gray-darker: lighten(@gray-base, 13.5%); // #222
@placeholder-text: #bbbbbb; @gray-dark: lighten(@gray-base, 20%); // #333
@gray: lighten(@gray-base, 33.5%); // #555
@gray-light: lighten(@gray-base, 46.7%); // #777
@gray-lighter: lighten(@gray-base, 93.5%); // #eee

View File

@ -1,7 +1,7 @@
{ {
"name": "agency", "name": "agency",
"title": "Agency", "title": "Agency",
"version": "1.0.7", "version": "1.1.0",
"homepage": "http://startbootstrap.com/template-overviews/agency", "homepage": "http://startbootstrap.com/template-overviews/agency",
"author": "Start Bootstrap", "author": "Start Bootstrap",
"license": { "license": {
@ -11,11 +11,9 @@
"devDependencies": { "devDependencies": {
"bootstrap": "^3.3.6", "bootstrap": "^3.3.6",
"browser-sync": "^2.13.0", "browser-sync": "^2.13.0",
"cssnano": "^3.7.1",
"font-awesome": "^4.6.3", "font-awesome": "^4.6.3",
"gulp": "^3.9.1", "gulp": "^3.9.1",
"gulp-clean-css": "^2.0.10", "gulp-clean-css": "^2.0.10",
"gulp-cssnano": "^2.1.2",
"gulp-header": "^1.8.7", "gulp-header": "^1.8.7",
"gulp-less": "^3.1.0", "gulp-less": "^3.1.0",
"gulp-rename": "^1.2.2", "gulp-rename": "^1.2.2",