diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..643d325 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,14 @@ +
+ HICAPACITY + +
+ + + + + + + + +
+
\ No newline at end of file diff --git a/_includes/navbar.html b/_includes/navbar.html index 90f2996..e7c876b 100644 --- a/_includes/navbar.html +++ b/_includes/navbar.html @@ -1,41 +1,17 @@ -
-
-
- - - - - - - - - - -
-
-
\ No newline at end of file +
+ +
diff --git a/_layouts/default.html b/_layouts/default.html index 23315e2..07e34f8 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -4,100 +4,36 @@ {{ page.title }} - - - - + - - - - + + - - - - - - - + - - - - - - - + -{% include navbar.html %} - -
-
- -
- {{ content }} + {% include header.html %} + {% include navbar.html %} + +
+ © HICapacity LLC 2014
- {% include sidebar.html %} -
-
-
-
- © HICapacity LLC -
-{% include analytics.html %} + {% include analytics.html %} - + \ No newline at end of file diff --git a/_layouts/default.old.html b/_layouts/default.old.html new file mode 100644 index 0000000..23315e2 --- /dev/null +++ b/_layouts/default.old.html @@ -0,0 +1,103 @@ + + + +{{ page.title }} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +{% include navbar.html %} + +
+
+ +
+ {{ content }} +
+ {% include sidebar.html %} +
+
+
+
+ © HICapacity LLC +
+{% include analytics.html %} + + diff --git a/css/menu.css b/css/menu.css new file mode 100755 index 0000000..faa77b4 --- /dev/null +++ b/css/menu.css @@ -0,0 +1,258 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); +#cssmenu, +#cssmenu ul, +#cssmenu ul li, +#cssmenu ul li a, +#cssmenu #menu-button { + margin: 0; + padding: 0; + border: 0; + list-style: none; + line-height: 1; + display: block; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +#cssmenu:after, +#cssmenu > ul:after { + content: '.'; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +#cssmenu #menu-button { + display: none; +} +#cssmenu { + width: auto; + font-family: 'Open Sans', Helvetica, sans-serif; +/* background: #801c1c;*/ + background: #801c1c; +/* background: -moz-linear-gradient(top, #992121 0%, #5f1515 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #992121), color-stop(100%, #5f1515)); + background: -webkit-linear-gradient(top, #992121 0%, #5f1515 100%); + background: -o-linear-gradient(top, #992121 0%, #5f1515 100%); + background: -ms-linear-gradient(top, #992121 0%, #5f1515 100%); + background: linear-gradient(to bottom, #992121 0%, #5f1515 100%);*/ +} +#cssmenu > ul { +/* background: url('images/bg.png');*/ + box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05); +} +#cssmenu > ul > li { + float: left; +} +#cssmenu > ul > li > a { + padding: 18px 25px 21px 25px; + border-right: 1px solid rgba(80, 80, 80, 0.12); + text-decoration: none; + font-size: 13px; + font-weight: 700; + color: #ffffff; + text-transform: uppercase; + letter-spacing: 1px; +} +#cssmenu > ul > li:hover > a, +#cssmenu > ul > li > a:hover, +#cssmenu > ul > li.active > a { + color: #ffffff; + background: #731919; + background: rgba(0, 0, 0, 0.1); +} +#cssmenu > ul > li.has-sub > a { + padding-right: 45px; +} +#cssmenu > ul > li.has-sub > a::after { + content: ''; + position: absolute; + width: 0; + height: 0; + border: 6px solid transparent; + border-top-color: #ffffff; + right: 17px; + top: 22px; +} +#cssmenu > ul > li.has-sub.active > a::after, +#cssmenu > ul > li.has-sub:hover > a { + border-top-color: #ffffff; +} +#cssmenu ul ul { + position: absolute; + left: -9999px; + top: 60px; + padding-top: 6px; + font-size: 13px; + opacity: 0; + -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; + -moz-transition: top 0.2s ease, opacity 0.2s ease-in; + -ms-transition: top 0.2s ease, opacity 0.2s ease-in; + -o-transition: top 0.2s ease, opacity 0.2s ease-in; + transition: top 0.2s ease, opacity 0.2s ease-in; +} +#cssmenu > ul > li > ul::after { + content: ''; + position: absolute; + width: 0; + height: 0; + border: 5px solid transparent; + border-bottom-color: #ffffff; + top: -4px; + left: 20px; +} +#cssmenu ul ul ul::after { + content: ''; + position: absolute; + width: 0; + height: 0; + border: 5px solid transparent; + border-right-color: #ffffff; + top: 11px; + left: -4px; +} +#cssmenu > ul > li > ul { + top: 120px; +} +#cssmenu > ul > li:hover > ul { + top: 52px; + left: 0; + opacity: 1; +} +#cssmenu ul ul ul { + padding-top: 0; + padding-left: 6px; +} +#cssmenu ul ul > li:hover > ul { + left: 180px; + top: 0; + opacity: 1; +} +#cssmenu ul ul li a { + text-decoration: none; + font-weight: 400; + padding: 11px 25px; + width: 180px; + color: #777777; + background: #ffffff; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1); +} +#cssmenu ul ul li:hover > a, +#cssmenu ul ul li.active > a { + color: #333333; +} +#cssmenu ul ul li:first-child > a { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +#cssmenu ul ul li:last-child > a { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +#cssmenu > ul > li > ul::after { + position: absolute; + display: block; +} +#cssmenu ul ul li.has-sub > a::after { + content: ''; + position: absolute; + width: 0; + height: 0; + border: 4px solid transparent; + border-left-color: #777777; + right: 17px; + top: 14px; +} +#cssmenu ul ul li.has-sub.active > a::after, +#cssmenu ul ul li.has-sub:hover > a::after { + border-left-color: #333333; +} +@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { +/* #cssmenu { + background: #801c1c; + }*/ + #cssmenu > ul { + display: none; + } + #cssmenu > ul.open { + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.1); + } + #cssmenu > ul > li { + float: none; + } + #cssmenu > ul > li > a { + padding: 18px 25px 18px 25px; + border-right: 0; + } + #cssmenu > ul > li:hover > a, + #cssmenu > ul > li.active > a { + background: rgba(0, 0, 0, 0.1); + } + #cssmenu #menu-button { + display: block; + text-decoration: none; + font-size: 13px; + font-weight: 700; + color: #ffffff; + padding: 18px 25px 18px 25px; + text-transform: uppercase; + letter-spacing: 1px; +/* background: url('images/bg.png');*/ + cursor: pointer; + } + #cssmenu ul ul, + #cssmenu ul li:hover > ul, + #cssmenu > ul > li > ul, + #cssmenu ul ul ul, + #cssmenu ul ul li:hover > ul { + left: 0; + top: auto; + opacity: 1; + width: 100%; + padding: 0; + position: relative; + } + #cssmenu ul ul li { + width: 100%; + } + #cssmenu ul ul li a { + width: 100%; + box-shadow: none; + padding-left: 35px; + } + #cssmenu ul ul ul li a { + padding-left: 45px; + } + #cssmenu ul ul li:first-child > a, + #cssmenu ul ul li:last-child > a { + border-radius: 0; + } + #cssmenu #menu-button::after { + display: block; + content: ''; + position: absolute; + height: 3px; + width: 22px; + border-top: 2px solid #ffffff; + border-bottom: 2px solid #ffffff; + right: 25px; + top: 18px; + } + #cssmenu #menu-button::before { + display: block; + content: ''; + position: absolute; + height: 3px; + width: 22px; + border-top: 2px solid #ffffff; + right: 25px; + top: 28px; + } + #cssmenu > ul > li.has-sub > a::after, + #cssmenu ul ul li.has-sub > a::after { + display: none; + } +} diff --git a/css/site.css b/css/site.css index 46c7b77..dd081aa 100644 --- a/css/site.css +++ b/css/site.css @@ -1,10 +1,17 @@ +/* Custom Fonts */ +@font-face { + font-family: Outage; + src: url('/font/Outage.ttf'); +} + + body { font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; font-size: 12px; - padding-top: 40px; +/* padding-top: 40px; */ background-color: #353535; - background-image: url('/img/bg.png'); - background-attachment: fixed; +/* background-image: url('/img/light_alu.png');*/ +/* background-attachment: fixed;*/ } h1 { @@ -40,6 +47,39 @@ a:hover { text-decoration: none; } +.header { + font-family: Outage; + text-align: center; + font-size: 64px; + color: white; + + display: inline-block; + height: 100%; + width: 100%; + vertical-align: middle; +} + +.header .accent { +/* color: rgb(223, 38, 28);*/ + color: #991C1C; +} + +.header .logo { + vertical-align: middle; + margin-left: -10px; +} + +.header .subtitle { + font-family: 'socicon' !important; + font-size: 24px; + color: #525252; + padding: 10px 0 10px 0; +} + +.header .subtitle .social { + padding: 5px; +} + .span3 { margin-top: 20px; } diff --git a/css/socicon.css b/css/socicon.css new file mode 100644 index 0000000..7ee5d37 --- /dev/null +++ b/css/socicon.css @@ -0,0 +1,10 @@ +@font-face { + font-family: 'socicon'; + src: url('/font/socicon-webfont.eot'); + src: url('/font/socicon-webfont.eot?#iefix') format('embedded-opentype'), + url('/font/socicon-webfont.woff') format('woff'), + url('/font/socicon-webfont.ttf') format('truetype'), + url('/font/socicon-webfont.svg#sociconregular') format('svg'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/font/Outage.ttf b/font/Outage.ttf new file mode 100644 index 0000000..636ce1c Binary files /dev/null and b/font/Outage.ttf differ diff --git a/font/socicon-webfont.eot b/font/socicon-webfont.eot new file mode 100755 index 0000000..aa40e69 Binary files /dev/null and b/font/socicon-webfont.eot differ diff --git a/font/socicon-webfont.svg b/font/socicon-webfont.svg new file mode 100755 index 0000000..c4e6e37 --- /dev/null +++ b/font/socicon-webfont.svg @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/socicon-webfont.ttf b/font/socicon-webfont.ttf new file mode 100755 index 0000000..379d1e4 Binary files /dev/null and b/font/socicon-webfont.ttf differ diff --git a/font/socicon-webfont.woff b/font/socicon-webfont.woff new file mode 100755 index 0000000..9beda4d Binary files /dev/null and b/font/socicon-webfont.woff differ diff --git a/img/hicap_logo.svg b/img/hicap_logo.svg new file mode 100644 index 0000000..d13a239 --- /dev/null +++ b/img/hicap_logo.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/js/menu_jquery.js b/js/menu_jquery.js new file mode 100755 index 0000000..d93ba97 --- /dev/null +++ b/js/menu_jquery.js @@ -0,0 +1,12 @@ +$( document ).ready(function() { +$('#cssmenu').prepend(''); + $('#cssmenu #menu-button').on('click', function(){ + var menu = $(this).next('ul'); + if (menu.hasClass('open')) { + menu.removeClass('open'); + } + else { + menu.addClass('open'); + } + }); +}); \ No newline at end of file