diff --git a/Gruntfile.js b/Gruntfile.js index 89bdf65..e20609c 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -11,7 +11,7 @@ module.exports = function(grunt) { }, files: [{ expand: true, - cwd: 'assets/styles', + cwd: 'assets/sass', src: ['**/*.sass'], dest: 'public/css', ext: '.css' @@ -36,7 +36,7 @@ module.exports = function(grunt) { watch: { css: { - files: ['assets/styles/**/*.sass'], + files: ['assets/sass/**/*.sass'], tasks: ['sass'], options: { atBegin: true, diff --git a/assets/sass/pages/_about.sass b/assets/sass/pages/_about.sass index 755cbe1..6cd5701 100755 --- a/assets/sass/pages/_about.sass +++ b/assets/sass/pages/_about.sass @@ -6,6 +6,7 @@ img +position(absolute, 0 null null 0) +size(100% 480px) + background: #212121 /*+filter(blur(2px)) .about-band diff --git a/public/css/main.css b/public/css/main.css old mode 100755 new mode 100644 index 7bfe729..ca45547 --- a/public/css/main.css +++ b/public/css/main.css @@ -1,728 +1 @@ -/*! normalize.sass v3.0.2 | MIT License | git.io/normalize */ -/* Compiled to sass by Greg from Field Protocol */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. */ -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/** - * Remove default margin. */ -body { - margin: 0; } - -/* HTML5 display definitions - * ========================================================================== */ -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. */ -article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { - display: block; } - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ -audio, canvas, progress, video { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ -[hidden], template { - display: none; } - -/* Links - * ========================================================================== */ -/** - * Remove the gray background color from active links in IE 10. */ -a { - background-color: transparent; } - a:active, a:hover { - outline: 0; } - -/** - * Improve readability when focused and also mouse hovered in all browsers. */ -/* Text-level semantics - * ========================================================================== */ -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ -abbr[title] { - border-bottom: 1px dotted; } - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ -b, strong { - font-weight: bold; } - -/** - * Address styling not present in Safari and Chrome. */ -dfn { - font-style: italic; } - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. */ -h1 { - font-size: 2em; - margin: 0.67em 0; } - -/** - * Address styling not present in IE 8/9. */ -mark { - background: #ff0; - color: #000; } - -/** - * Address inconsistent and variable font size in all browsers. */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ -sub { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - top: -0.5em; } - -sub { - bottom: -0.25em; } - -/* Embedded content - * ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9/10. */ -img { - border: 0; } - -/** - * Correct overflow not hidden in IE 9/10/11. */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - * ========================================================================== */ -/** - * Address margin not present in IE 8/9 and Safari. */ -figure { - margin: 1em 40px; } - -/** - * Address differences between Firefox and other browsers. */ -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; } - -/** - * Contain overflow in all browsers. */ -pre { - overflow: auto; } - -/** - * Address odd `em`-unit font size rendering in all browsers. */ -code, kbd, pre, samp { - font-family: monospace, monospace; - font-size: 1em; } - -/* Forms - * ========================================================================== */ -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. */ -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ -button, input, optgroup, select, textarea { - color: inherit; - /* 1 */ - font: inherit; - /* 2 */ - margin: 0; - /* 3 */ } - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. */ -button { - overflow: visible; - text-transform: none; } - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. */ -select { - text-transform: none; } - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. */ -button, html input[type="button"] { - -webkit-appearance: button; - /* 2 */ - cursor: pointer; - /* 3 */ } - -input[type="reset"], input[type="submit"] { - -webkit-appearance: button; - /* 2 */ - cursor: pointer; - /* 3 */ } - -/** - * Re-set default cursor for disabled elements. */ -button[disabled], html input[disabled] { - cursor: default; } - -/** - * Remove inner padding and border in Firefox 4+. */ -button::-moz-focus-inner { - border: 0; - padding: 0; } - -input { - line-height: normal; } - input::-moz-focus-inner { - border: 0; - padding: 0; } - input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { - height: auto; } - input[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - /* 2 */ - box-sizing: content-box; } - input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. */ -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. */ -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. */ -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome - * (include `-moz` to future-proof). */ -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). */ -/** - * Define consistent border, margin, and padding. */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ -legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. */ -textarea { - overflow: auto; } - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ -optgroup { - font-weight: bold; } - -/* Tables - * ========================================================================== */ -/** - * Remove most spacing between table cells. */ -table { - border-collapse: collapse; - border-spacing: 0; } - -td, th { - padding: 0; } - -@font-face { - font-family: "Open Sans"; - font-style: normal; - font-weight: 400; - src: local("Open Sans"), local("OpenSans"), url(//themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); } -* { - margin: 0px; - padding: 0px; - font-family: "Open Sans", sans-serif; - font-size: 14px; } - -html { - width: 100%; - height: -webkit-calc(100% - 200px); - height: calc(100% - 200px); } - -body { - height: auto; - width: 100%; - height: 100%; } - -#wrapper { - height: auto; - width: 100%; - min-height: 100%; - margin-bottom: 200px; - padding-bottom: 50px; - background: url(/img/bg2.jpg) no-repeat center center fixed; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; } - -#header { - display: block; - padding: -10px 0; - text-align: center; } - -hr { - border-color: #ccc; } - -/* Box shadow styles used for material design */ -.shadow-0 { - border: 1px solid #eee; } - -.shadow-1 { - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); } - -.shadow-2 { - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } - -.shadow-3 { - box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24); } - -.shadow-4 { - box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22); } - -.shadow-5 { - box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2); } - -#header .band-logo { - width: 100%; - max-width: 600px; } - -#nav { - margin-bottom: 20px; } - #nav .navbar-nav { - display: inline-block; } - #nav .navbar-nav { - float: none; } - #nav .navbar-collapse, - #nav .navbar-header { - text-align: center; } - #nav ul { - list-style: none; - text-align: center; } - #nav ul .nav_item { - display: inline-block; - background: none; - border: none; - border-bottom: 3px solid rgba(229, 20, 0, 0); - border-radius: none; - -webkit-transition: border-color, 200ms; - -moz-transition: border-color, 200ms; - transition: border-color, 200ms; } - #nav ul .nav_item a { - display: block; - height: 100%; - width: 100%; - padding: 5px 14px; - text-decoration: none; - color: #fff; - font-size: 32px; - font-weight: 600; - -webkit-transition: color, 200ms; - -moz-transition: color, 200ms; - transition: color, 200ms; } - #nav ul .nav_item:hover { - background-color: transparent; - border-color: #e51400; } - #nav ul .nav_item:hover a { - background-color: transparent; - color: #e51400; } - #nav #navbar-collapse-button.navbar-toggle { - float: none; - margin: 0; - color: #e51400; - font-size: 32px; - -webkit-transition: color, 200ms; - -moz-transition: color, 200ms; - transition: color, 200ms; } - #nav #navbar-collapse-button.navbar-toggle:hover, #nav #navbar-collapse-button.navbar-toggle:active { - background-color: transparent; } - #nav #navbar-collapse-button.navbar-toggle.collapsed { - color: #fff; } - #nav #navbar-collapse-button.navbar-toggle.collapsed:hover { - color: #e51400; } - @media (max-width: 767px) { - #nav .navbar-collapse { - background: #212121; - border-radius: 5px; - border: 1px solid #212121; - box-shadow: inset 0 0 6px #212121; } - #nav ul .nav_item { - display: block; - padding: 5px; } } - -#footer { - position: fixed; - bottom: 0; - left: 0; - width: 100%; - background: white; - margin: 0; - padding: 10px 15px; - z-index: -9999999; } - #footer .column-info { - text-align: center; } - #footer .column-info p { - font-size: 18px; - font-weight: bold; - text-decoration: underline; } - #footer .column-info ul { - list-style: none; } - #footer .column-info ul a { - text-decoration: none; - color: #212121; - -webkit-transition: all, 200ms; - -moz-transition: all, 200ms; - transition: all, 200ms; } - #footer .column-info ul a:hover { - color: #e51400; } - #footer .copyright p { - color: #212121; - text-align: center; } - #footer .copyright hr { - border-color: #bbb; } - #footer .mailing-list p { - color: #212121; } - -.card { - display: block; - height: auto; - margin-bottom: 15px; - padding: 15px 10px; - background: white; } - .card.hover-box { - -webkit-transition: box-shadow, 200ms; - -moz-transition: box-shadow, 200ms; - transition: box-shadow, 200ms; } - .card.hover-box:hover { - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } - .card .underline { - text-decoration: underline; } - .card input[type=text] { - background: none; - border: none; - outline: none; } - .card .input-group { - position: relative; - display: block; - width: 100%; - margin: 20px auto 10px; } - .card .input-group input { - display: inline-block; - width: 100%; - padding: 10px 0; - border-bottom: solid 2px #e51400; - color: #191919; - font-size: 16px; } - .card .input-group input:focus, .card .input-group input:active { - outline: none; } - .card .input-group label { - position: absolute; - top: 50%; - left: 0; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); - font-style: italic; - font-size: 16px; - color: #999; - pointer-events: none; - -webkit-transition: all, 200ms ease-out 0s; - -moz-transition: all, 200ms ease-out 0s; - transition: all, 200ms ease-out 0s; } - .card .input-group input:focus + label, - .card .input-group input.has-value + label { - top: -5px; - font-size: 12px; - color: #e51400; } - -.full-width { - width: 100%; } - -#about-header { - margin-bottom: 25px; - padding-bottom: 15px; - background: white; } - #about-header img { - position: absolute; - top: 0; - left: 0; - height: 480px; - width: 100%; - /*+filter(blur(2px)) */ } - #about-header .about-band { - margin-top: 405px; } - #about-header h2 { - margin-bottom: 20px; - color: white; } - #about-header p { - color: #212121; } - -#about-content section a { - display: block; - position: absolute; - top: 0; - left: 15px; - width: -webkit-calc(100% - 30px); - width: calc(100% - 30px); - height: -webkit-calc(100% - 20px); - height: calc(100% - 20px); - border-radius: 5px; - text-decoration: none; - -webkit-transition: all, 300ms ease-in; - -moz-transition: all, 300ms ease-in; - transition: all, 300ms ease-in; } -#about-content section h3, -#about-content section h4, -#about-content section p { - color: #212121; } -#about-content section:hover a { - background: rgba(0, 0, 0, 0.15); } -#about-content section hr { - border-color: #bbb; } - -#contact-header { - margin-top: -20px; - text-align: center; } - #contact-header h1 { - color: white; - font-size: 34px; - font-weight: bold; } - -#contact-info .card { - max-width: 680px; - margin-top: 15px; - padding-top: 20px; - padding-bottom: 20px; - background: #f0f0f0; } - #contact-info .card a, - #contact-info .card p, - #contact-info .card h3 { - text-align: center; - font-size: 20px; } - #contact-info .card p { - padding: 5px; - color: #212121; } - #contact-info .card a { - color: darkred; - text-decoration: none; - -webkit-transition: color 200ms ease-in-out; - -moz-transition: color 200ms ease-in-out; - transition: color 200ms ease-in-out; } - #contact-info .card a:hover { - color: red; } - #contact-info .card h3 { - margin-bottom: 15px; } - -#featured { - height: auto; - margin: 0 auto 20px; - padding: 5px; - background: none; } - #featured .hover-box { - -webkit-transition: all, 200ms; - -moz-transition: all, 200ms; - transition: all, 200ms; } - #featured .hover-box:hover { - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } - #featured div { - margin-bottom: 25px; } - #featured div a { - display: block; - width: 100%; - margin-left: auto; - margin-right: auto; } - #featured div img { - width: 100%; } - -#wrapper-home { - display: block; - min-height: 300px; - padding: 0; } - #wrapper-home .content { - margin: 0; - padding: 0; } - #wrapper-home .actions #mailing-list p { - margin-bottom: 7px; - text-align: center; } - -#music-header { - text-align: center; } - #music-header h1 { - color: white; - font-size: 34px; - font-weight: bold; } - -#music-list-section .music-list { - position: relative; - -webkit-transition: background, 200ms; - -moz-transition: background, 200ms; - transition: background, 200ms; } - #music-list-section .music-list:hover { - cursor: pointer; - background: #f0f0f0; } -#music-list-section .music-list-header { - margin: 10px 0; } - -.now-playing-list, -.music-list ol { - margin-top: 10px; - margin-right: 15px; - margin-left: 10px; - color: #212121; } - .now-playing-list li, - .music-list ol li { - -webkit-transition: background, 200ms; - -moz-transition: background, 200ms; - transition: background, 200ms; } - .now-playing-list li:hover, - .music-list ol li:hover { - background: #f0f0f0; - cursor: pointer; } - .now-playing-list li:hover a, - .music-list ol li:hover a { - color: #e51400; } - .now-playing-list li.selected, - .music-list ol li.selected { - background: #e0e0e0; } - .now-playing-list li.selected a, - .music-list ol li.selected a { - color: #e51400; } - .now-playing-list li, - .now-playing-list a, - .music-list ol li, - .music-list ol a { - display: block; - height: 100%; - width: 100%; - padding: 8px 5px; - color: #212121; - text-decoration: none; - -webkit-transition: color, 200ms; - -moz-transition: color, 200ms; - transition: color, 200ms; } - -#music-player { - width: 100%; } - -#track-title { - padding-right: 10px; - padding-left: 10px; } - -.album-art { - width: 100%; } - -.music-album.selected .thumbnail { - background: #e0e0e0; } - .music-album.selected .thumbnail a { - color: #e51400; } -.music-album .thumbnail { - -webkit-transition: background, 200ms; - -moz-transition: background, 200ms; - transition: background, 200ms; } - .music-album .thumbnail:hover { - background: #f0f0f0; - cursor: pointer; } - .music-album .thumbnail:hover a { - color: #e51400; } - -.shows-header { - margin-top: -20px; - margin-bottom: 20px; - text-align: center; } - .shows-header h3 { - color: #fff; - font-size: 26px; - font-weight: bold; } - -#shows-table { - margin-top: 20px; } - #shows-table tr { - border-bottom: 1px solid rgba(153, 153, 153, 0.4); } - #shows-table tr:last-child { - border-bottom: none; } - #shows-table tr td { - vertical-align: middle; - border: none; } - #shows-table tr td p, - #shows-table tr td a { - font-size: 18px; - color: white; } - #shows-table tr td a { - font-weight: 600; - text-decoration: underline; - -webkit-transition: all, 200ms ease-in; - -moz-transition: all, 200ms ease-in; - transition: all, 200ms ease-in; } - #shows-table tr td a:hover { - color: #e51400; } +/*! normalize.sass v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:none}select{text-transform:none}button,html input[type=button]{-webkit-appearance:button;cursor:pointer}input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(//themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")}*{margin:0px;padding:0px;font-family:"Open Sans",sans-serif;font-size:14px}html{width:100%;height:-webkit-calc(100% - 200px);height:calc(100% - 200px)}body{height:auto;width:100%;height:100%}#wrapper{height:auto;width:100%;min-height:100%;margin-bottom:200px;padding-bottom:50px;background:url(/img/bg2.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#header{display:block;padding:-10px 0;text-align:center}hr{border-color:#ccc}.shadow-0{border:1px solid #eee}.shadow-1{box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26)}.shadow-2{box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2)}.shadow-3{box-shadow:0 17px 50px 0 rgba(0,0,0,.19),0 12px 15px 0 rgba(0,0,0,.24)}.shadow-4{box-shadow:0 25px 55px 0 rgba(0,0,0,.21),0 16px 28px 0 rgba(0,0,0,.22)}.shadow-5{box-shadow:0 40px 77px 0 rgba(0,0,0,.22),0 27px 24px 0 rgba(0,0,0,.2)}#header .band-logo{width:100%;max-width:600px}#nav{margin-bottom:20px}#nav .navbar-nav{display:inline-block}#nav .navbar-nav{float:none}#nav .navbar-collapse,#nav .navbar-header{text-align:center}#nav ul{list-style:none;text-align:center}#nav ul .nav_item{display:inline-block;background:none;border:none;border-bottom:3px solid rgba(229,20,0,0);border-radius:none;-webkit-transition:border-color,200ms;-moz-transition:border-color,200ms;transition:border-color,200ms}#nav ul .nav_item a{display:block;height:100%;width:100%;padding:5px 14px;text-decoration:none;color:#fff;font-size:32px;font-weight:600;-webkit-transition:color,200ms;-moz-transition:color,200ms;transition:color,200ms}#nav ul .nav_item:hover{background-color:rgba(0,0,0,0);border-color:#e51400}#nav ul .nav_item:hover a{background-color:rgba(0,0,0,0);color:#e51400}#nav #navbar-collapse-button.navbar-toggle{float:none;margin:0;color:#e51400;font-size:32px;-webkit-transition:color,200ms;-moz-transition:color,200ms;transition:color,200ms}#nav #navbar-collapse-button.navbar-toggle:hover,#nav #navbar-collapse-button.navbar-toggle:active{background-color:rgba(0,0,0,0)}#nav #navbar-collapse-button.navbar-toggle.collapsed{color:#fff}#nav #navbar-collapse-button.navbar-toggle.collapsed:hover{color:#e51400}@media(max-width: 767px){#nav .navbar-collapse{background:#212121;border-radius:5px;border:1px solid #212121;box-shadow:inset 0 0 6px #212121}#nav ul .nav_item{display:block;padding:5px}}#footer{position:fixed;bottom:0;left:0;width:100%;background:#fff;margin:0;padding:10px 15px;z-index:-9999999}#footer .column-info{text-align:center}#footer .column-info p{font-size:18px;font-weight:bold;text-decoration:underline}#footer .column-info ul{list-style:none}#footer .column-info ul a{text-decoration:none;color:#212121;-webkit-transition:all,200ms;-moz-transition:all,200ms;transition:all,200ms}#footer .column-info ul a:hover{color:#e51400}#footer .copyright p{color:#212121;text-align:center}#footer .copyright hr{border-color:#bbb}#footer .mailing-list p{color:#212121}.card{display:block;height:auto;margin-bottom:15px;padding:15px 10px;background:#fff}.card.hover-box{-webkit-transition:box-shadow,200ms;-moz-transition:box-shadow,200ms;transition:box-shadow,200ms}.card.hover-box:hover{box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2)}.card .underline{text-decoration:underline}.card input[type=text]{background:none;border:none;outline:none}.card .input-group{position:relative;display:block;width:100%;margin:20px auto 10px}.card .input-group input{display:inline-block;width:100%;padding:10px 0;border-bottom:solid 2px #e51400;color:#191919;font-size:16px}.card .input-group input:focus,.card .input-group input:active{outline:none}.card .input-group label{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-style:italic;font-size:16px;color:#999;pointer-events:none;-webkit-transition:all,200ms ease-out 0s;-moz-transition:all,200ms ease-out 0s;transition:all,200ms ease-out 0s}.card .input-group input:focus+label,.card .input-group input.has-value+label{top:-5px;font-size:12px;color:#e51400}.full-width{width:100%}#about-header{margin-bottom:25px;padding-bottom:15px;background:#fff}#about-header img{position:absolute;top:0;left:0;height:480px;width:100%;background:#212121}#about-header .about-band{margin-top:405px}#about-header h2{margin-bottom:20px;color:#fff}#about-header p{color:#212121}#about-content section a{display:block;position:absolute;top:0;left:15px;width:-webkit-calc(100% - 30px);width:calc(100% - 30px);height:-webkit-calc(100% - 20px);height:calc(100% - 20px);border-radius:5px;text-decoration:none;-webkit-transition:all,300ms ease-in;-moz-transition:all,300ms ease-in;transition:all,300ms ease-in}#about-content section h3,#about-content section h4,#about-content section p{color:#212121}#about-content section:hover a{background:rgba(0,0,0,.15)}#about-content section hr{border-color:#bbb}#contact-header{margin-top:-20px;text-align:center}#contact-header h1{color:#fff;font-size:34px;font-weight:bold}#contact-info .card{max-width:680px;margin-top:15px;padding-top:20px;padding-bottom:20px;background:#f0f0f0}#contact-info .card a,#contact-info .card p,#contact-info .card h3{text-align:center;font-size:20px}#contact-info .card p{padding:5px;color:#212121}#contact-info .card a{color:darkred;text-decoration:none;-webkit-transition:color 200ms ease-in-out;-moz-transition:color 200ms ease-in-out;transition:color 200ms ease-in-out}#contact-info .card a:hover{color:red}#contact-info .card h3{margin-bottom:15px}#featured{height:auto;margin:0 auto 20px;padding:5px;background:none}#featured .hover-box{-webkit-transition:all,200ms;-moz-transition:all,200ms;transition:all,200ms}#featured .hover-box:hover{box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2)}#featured div{margin-bottom:25px}#featured div a{display:block;width:100%;margin-left:auto;margin-right:auto}#featured div img{width:100%}#wrapper-home{display:block;min-height:300px;padding:0}#wrapper-home .content{margin:0;padding:0}#wrapper-home .actions #mailing-list p{margin-bottom:7px;text-align:center}#music-header{text-align:center}#music-header h1{color:#fff;font-size:34px;font-weight:bold}#music-list-section .music-list{position:relative;-webkit-transition:background,200ms;-moz-transition:background,200ms;transition:background,200ms}#music-list-section .music-list:hover{cursor:pointer;background:#f0f0f0}#music-list-section .music-list-header{margin:10px 0}.now-playing-list,.music-list ol{margin-top:10px;margin-right:15px;margin-left:10px;color:#212121}.now-playing-list li,.music-list ol li{-webkit-transition:background,200ms;-moz-transition:background,200ms;transition:background,200ms}.now-playing-list li:hover,.music-list ol li:hover{background:#f0f0f0;cursor:pointer}.now-playing-list li:hover a,.music-list ol li:hover a{color:#e51400}.now-playing-list li.selected,.music-list ol li.selected{background:#e0e0e0}.now-playing-list li.selected a,.music-list ol li.selected a{color:#e51400}.now-playing-list li,.now-playing-list a,.music-list ol li,.music-list ol a{display:block;height:100%;width:100%;padding:8px 5px;color:#212121;text-decoration:none;-webkit-transition:color,200ms;-moz-transition:color,200ms;transition:color,200ms}#music-player{width:100%}#track-title{padding-right:10px;padding-left:10px}.album-art{width:100%}.music-album.selected .thumbnail{background:#e0e0e0}.music-album.selected .thumbnail a{color:#e51400}.music-album .thumbnail{-webkit-transition:background,200ms;-moz-transition:background,200ms;transition:background,200ms}.music-album .thumbnail:hover{background:#f0f0f0;cursor:pointer}.music-album .thumbnail:hover a{color:#e51400}.shows-header{margin-top:-20px;margin-bottom:20px;text-align:center}.shows-header h3{color:#fff;font-size:26px;font-weight:bold}#shows-table{margin-top:20px}#shows-table tr{border-bottom:1px solid rgba(153,153,153,.4)}#shows-table tr:last-child{border-bottom:none}#shows-table tr td{vertical-align:middle;border:none}#shows-table tr td p,#shows-table tr td a{font-size:18px;color:#fff}#shows-table tr td a{font-weight:600;text-decoration:underline;-webkit-transition:all,200ms ease-in;-moz-transition:all,200ms ease-in;transition:all,200ms ease-in}#shows-table tr td a:hover{color:#e51400}/*# sourceMappingURL=main.css.map */ diff --git a/public/img/about/greg.jpg b/public/img/about/greg.jpg index 2719f78..6ca576a 100755 Binary files a/public/img/about/greg.jpg and b/public/img/about/greg.jpg differ diff --git a/public/img/about/jake.jpg b/public/img/about/jake.jpg new file mode 100644 index 0000000..4e6aa86 Binary files /dev/null and b/public/img/about/jake.jpg differ diff --git a/public/img/about/wyatt.jpg b/public/img/about/wyatt.jpg index 052833d..1dc799e 100755 Binary files a/public/img/about/wyatt.jpg and b/public/img/about/wyatt.jpg differ diff --git a/public/js/bit.js b/public/js/bit.js deleted file mode 100755 index 33f917a..0000000 --- a/public/js/bit.js +++ /dev/null @@ -1,13 +0,0 @@ -(function() { - $(function() { - $.get('https://api.bandsintown.com/artists/Skrillex/events.json?', { - 'api_version': '2.0', - 'app_id': 'shows_halftoneband.com' - }, function(data) { - alert(data); - }); - }); - -}).call(this); - -//# sourceMappingURL=bit.js.map diff --git a/public/js/main.js b/public/js/main.js deleted file mode 100755 index 4bff812..0000000 --- a/public/js/main.js +++ /dev/null @@ -1,8 +0,0 @@ -(function() { - $(document).ready(function() { - return console.log('Hey there, lad!'); - }); - -}).call(this); - -//# sourceMappingURL=main.js.map diff --git a/public/js/modules/alert-box.js b/public/js/modules/alert-box.js deleted file mode 100755 index 8ef37ed..0000000 --- a/public/js/modules/alert-box.js +++ /dev/null @@ -1,18 +0,0 @@ -(function() { - (function($) { - $.fn.alert = function() { - return this.each(function() { - var self; - self = $(this); - self.on('click', '.close-button', function(e) { - e.preventDefault(); - self.addClass('close'); - }); - self.on('transitionEnd webkitTransitionEnd oTransitionEnd', function() { - self.remove(); - }); - }); - }; - })(jQuery); - -}).call(this); diff --git a/public/js/modules/awesome-form.js b/public/js/modules/awesome-form.js deleted file mode 100755 index e0fc8a8..0000000 --- a/public/js/modules/awesome-form.js +++ /dev/null @@ -1,22 +0,0 @@ -(function() { - $(function() { - var awesomeInput, checkInput; - awesomeInput = '.awesome-form .input-group input'; - checkInput = function(elem) { - var text_val; - text_val = $(elem).val(); - if (text_val === '') { - $(elem).removeClass('has-value'); - } else { - $(elem).addClass('has-value'); - } - }; - $(awesomeInput).focusout(function() { - checkInput(this); - }); - $(awesomeInput).on('change', function() { - checkInput(this); - }); - }); - -}).call(this); diff --git a/public/js/modules/music-player.js b/public/js/modules/music-player.js deleted file mode 100755 index c01e55b..0000000 --- a/public/js/modules/music-player.js +++ /dev/null @@ -1,53 +0,0 @@ -(function($){ - - $.fn.musicPlayer = function(opt) { - var settings, player, getVolume, setVolume, isPlaying, play, pause, getTime, setTime; - - settings = $.extend({ - 'audio': '#music-player', - 'volume': .5, - 'startTime': 0 - }, opt); - - player = $(settings.player); - - getVolume = function() { - return player.prop('volume'); - } - - setVolume = function(volume) { - player.prop('volume', volume); - }; - - isPlaying = function() { - return !player.prop('paused'); - }; - - play = function() { - if (!isPlaying()) { - player.trigger('play'); - } - }; - - pause = function() { - if (isPlaying()) { - player.trigger('pause'); - } - }; - - getTime = function() { - return player.prop('currentTime'); - }; - - setTime = function(time) { - player.prop('currentTime', time); - }; - - - // Default actions - setVolume(settings.volume); - setTime(setTime.startTime); - - }; - -})(jQuery); \ No newline at end of file diff --git a/public/js/music.js b/public/js/music.js deleted file mode 100755 index af85b53..0000000 --- a/public/js/music.js +++ /dev/null @@ -1,158 +0,0 @@ -var player = ''; - -$(document).ready(function() { - player = $('#music-player').get(0); - - // set the player's volume to 0.5 by default - player.volume = 0.5; - - // on music track click - $('.now-playing-list').on('click', '.music-track', function() { - // change selected track - changeSelectedTrack(this); - }); - - // on album art click - $('.music-album').on('click', '.thumbnail', function() { - // change selected album - changeSelectedAlbum(this); - }); - - // on track end - $(player).on('ended', function() { - // find selected track - changeSelectedTrack($('.music-track.selected').next().get(0)); - }); -}); - -function changeSelectedAlbum(albumElem) { - var oldSelected = $('.music-album.selected'); - var newSelected = $(albumElem).parent(); - - if (oldSelected.data('albumid') != newSelected.data('albumid')) { - // remove selected class from the old element and add it to the new one - oldSelected.removeClass('selected'); - newSelected.addClass('selected'); - - // change album info - getAlbumInfo(albumElem); - // change available songs - getAlbumSongs(albumElem); - } -} - -function getAlbumInfo(albumElem) { - albumElem = $(albumElem).parent(); - - $.get('/apiv1/music/album-info/' + albumElem.data('albumid'), function(data) { - var json = $.parseJSON(data); - - // change album artwork - $('#album-artwork').attr('src', json.album_art); - // change album title - $('#album-title').text(json.title); - // change album release date - $('#album-release span').text(formatReleaseDate(json.release_date)); - // change album description - $('#album-description').text(json.description); - }); -} - -function formatReleaseDate(d) { - var monthNames = [ - "January", "February", "March", - "April", "May", "June", "July", - "August", "September", "October", - "November", "December" - ]; - - var date = new Date(d); - var day = date.getDate(); - var monthIndex = date.getMonth(); - var year = date.getFullYear(); - - return monthNames[monthIndex] + ' ' + day + ', ' + year; -} - -function getAlbumSongs(albumElem) { - albumElem = $(albumElem).parent(); - - $.get('/apiv1/music/album-songs/' + albumElem.data('albumid'), function(data) { - var json = $.parseJSON(data); - var playlist = $('.now-playing-list'); - playlist.empty(); - - for (var i = 0; i < json.songs.length; i++) { - var song = json.songs[i]; - - var songElem = $('
  • ') - .addClass('music-track') - .attr('data-trackid', song.id) - .attr('data-title', song.title) - .attr('data-album', song.album_id) - .attr('data-order', song.track_order) - .attr('data-path', song.audio_file); - - if (i === 0) { - songElem.addClass('selected'); - } - - songElem.html('' + song.track_order + '. ' + song.title + ''); - - playlist.append(songElem); - } - - changeAudioSources(playlist.find('.selected'), false); - }); -} - -function changeSelectedTrack(trackElem) { - var oldSelected = $('.now-playing-list .music-track.selected'); - var newSelected = $(trackElem); - - if (oldSelected.data('trackid') != newSelected.data('trackid')) { - // remove selected class from the old element and add it to the new one - oldSelected.removeClass('selected'); - newSelected.addClass('selected'); - - // now change the audio sources - changeAudioSources(trackElem, true); - } -} - -function changeAudioSources(trackElem, autoplay) { - trackElem = $(trackElem); - var playerSources = $('#music-player source'); - - if (autoplay === null) { - autoplay = false; - } - - // retrieve audio file path from selected element - var audioFilePath = trackElem.data('path'); - - // loop through the audio player source elements - playerSources.each(function() { - // jQuery-ize the element - source = $(this); - - if (source.attr('type') == 'audio/ogg') { - // OGG source file - source.attr('src', audioFilePath + '.ogg'); - } else if (source.attr('type') == 'audio/mpeg') { - // MP3 source file - source.attr('src', audioFilePath + '.mp3'); - } - }); - - // change track title - $('#track-title').text(trackElem.data('title')); - - // reload music player - player.load(); - - if (autoplay) { - // start playing new song - player.play(); - } -} diff --git a/views/pages/about.twig b/views/pages/about.twig index 23d104b..40abd9a 100755 --- a/views/pages/about.twig +++ b/views/pages/about.twig @@ -5,7 +5,7 @@ {% block content %}
    - halftone + halftone

    About the Band


    @@ -43,7 +43,7 @@

    Wyatt Hamilton

    -

    Lead vocals/Guitar

    +

    Lead Vocals/Guitar

    World's "okay-est" guitarist... and we're using "okay" loosely.

    @@ -61,5 +61,17 @@
    +
    +
    + Jake the Snake! +
    +

    Jake Lahoff

    +
    +

    Bass Guitar/Backing Vocals

    +

    Taking the bass to the mainstream!

    +
    + +
    +
    {% endblock %}