Merge branch 'ar1' of Halftone/halftone into master

This commit is contained in:
Gregory Ballantine 2016-11-18 12:44:30 -05:00 committed by Gogs
commit 4ecee91449
16 changed files with 156 additions and 842 deletions

5
.gitignore vendored
View File

@ -6,6 +6,11 @@
app/config/production.php
app/config/development.php
# Application mode #
####################
# webiste mode settings
mode.php
# Vendor packages #
###################
# we don't need to sync these everywhere

View File

@ -5,5 +5,4 @@ require 'routes/index.php';
require 'routes/about.php';
require 'routes/contact.php';
require 'routes/home.php';
require 'routes/music.php';
require 'routes/shows.php';

View File

@ -1,4 +1,4 @@
{% extends 'templates/default.php' %}
{% extends 'templates/default.twig' %}
{% block title %}About Us{% endblock %}
@ -9,7 +9,7 @@
</div>
<div class="about-band col-xs-12">
<h2>About the Band</h2><br/>
<p>
When one thinks of pioneers in rock music, Beethoven might not be the first name to roll off the tongue. However, as a 12 year old Wyatt Hamilton (Lead Vocals/Guitar) jammed out “Ode to Joy” in his middle school guitar class, he set the course for the inception of Halftone. Joining up with Andrew Hall (Bass/Vocals), Greg Ballantine (Drums/Vocals) and Zakk Vigneri (Guitar/Vocals), this alternative and punk rock influenced quartet has already made an impact in the Maryland music scene.
</p><br />
@ -19,15 +19,15 @@
</p><br />
<p>
Halftone has already played to large crowds at venues such as Rams Head Live, Ottobar and Fish Head Cantina. They also participated in the 16th annual Anne Arundel County High School Battle of the Bands at Maryland Hall, and returned the following year to perform as the showcase act.
Halftone has already played to large crowds at venues such as Rams Head Live, Ottobar and Fish Head Cantina. They also participated in the 16th annual Anne Arundel County High School Battle of the Bands at Maryland Hall, and returned the following year to perform as the showcase act.
</p><br />
<p>
Their debut EP, “Opting Out”, was produced by Jerome Maffeo (Jimmies Chicken Shack) and singer/songwriter, Eric James (formerly of vs. The Earth) and is available now on iTunes. Their single “Elsewhere” has received radio airplay on WIYY (98 Rock, Baltimore).
</p><br />
<p>
“Its refreshing to find a young band that strikes such a perfect balance between showmanship and musicianship and that understands what it means to work hard to build a following”, remarks co-producer Eric James.
“Its refreshing to find a young band that strikes such a perfect balance between showmanship and musicianship and that understands what it means to work hard to build a following”, remarks co-producer Eric James.
</p><br />
<p>
@ -35,7 +35,7 @@
</p>
</div>
</header>
<div id="about-content" class="row">
<section class="col-md-6 col-xs-12">
<div class="thumbnail shadow-1">

View File

@ -1,4 +1,4 @@
{% extends 'templates/default.php' %}
{% extends 'templates/default.twig' %}
{% block title %}Contact Us{% endblock %}
@ -6,7 +6,7 @@
<section id="contact-header" class="row">
<h1>Contact Us</h1>
</section>
<section id="contact-info" class="row">
<div class="card shadow-1 container">
<p>For booking, press, promotion, or just to say "what's up?", you can shoot us an email at:</p>

View File

@ -1,4 +1,4 @@
{% extends 'templates/default.php' %}
{% extends 'templates/default.twig' %}
{% block title %}Home{% endblock %}

View File

@ -1,71 +0,0 @@
{% extends 'templates/default.php' %}
{% block javascripts %}
<script type="text/javascript" src="/js/modules/music-player.js"></script>
<script type="text/javascript" src="/js/music.js"></script>
{% endblock %}
{% block title %}Music{% endblock %}
{% block content %}
<header id="music-header" class="row">
<h1>Music</h1>
</header>
<!-- music player -->
<section class="row">
<!-- no javascript warning -->
<noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript>
<!-- left album stuff -->
<article class="col-sm-5 col-xs-12">
<div class="thumbnail shadow-1">
<img class="image-responsive" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
<div class="caption">
<h3>{{ albums[0].title }}</h3>
{% if albums[0].description %}
<hr />
<p>{{ albums[0].description }}</p>
{% endif %}
</div>
</div>
</article>
<!-- right album stuff -->
<div class="col-sm-7 col-xs-12">
<article id="music-player-card" class="card">
<audio id="music-player" controls>
<source src="{{ songs[0].audio_file }}.ogg" type="audio/ogg" />
<source src="{{ songs[0].audio_file }}.mp3" type="audio/mpeg" />
</audio>
</article>
<article class="card">
<ul class="now-playing-list">
{% for song in songs %}
<li class="music-track" data-title="{{ song.title }}" data-album="{{ song.album_id }}" data-order="{{ song.track_order }}" data-path="{{ song.audio_file }}">
<span>{{ song.track_order }}. {{ song.title }}</span>
</li>
{% endfor %}
</ul>
</article>
</div>
</section>
<!-- available albums -->
<section class="row">
{% for album in albums %}
<!-- album details -->
<div class="music-album col-sm-3 col-xs-6">
<div class="thumbnail shadow-1">
<img src="{{ album.album_art }}" alt="{{ album.title }}">
<div class="caption">
<h5>{{ album.title }}</h5>
</div>
</div>
</div>
{% endfor %}
</section>
{% endblock %}

View File

@ -1,4 +1,4 @@
{% extends 'templates/default.php' %}
{% extends 'templates/default.twig' %}
{% block title %}Show Schedule{% endblock %}
@ -50,6 +50,6 @@
</tbody>
</table>
</div>
<!--<script type="text/javascript" src="/js/bit.js"></script>-->
{% endblock %}

View File

@ -1,27 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>{% block title %}{% endblock %} | Halftone</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/main.css" media="screen,projection"/>
{% block stylesheets %}{% endblock %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!--<script type="text/javascript" src="/js/modules/awesome-form.js"></script>-->
<script type="text/javascript" src="/js/main.js"></script>
{% block javascripts %}{% endblock %}
</head>
<body>
<div id="wrapper">
<div class="container">
{% include 'templates/partials/header.php' %}
{% block content %}{% endblock %}
</div>
</div>
{% include 'templates/partials/footer.php' %}
</body>
</html>

View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>{% block title %}{% endblock %} | Halftone</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/main.css" media="screen,projection"/>
{% block stylesheets %}{% endblock %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/main.js"></script>
{% block javascripts %}{% endblock %}
</head>
<body>
<div id="wrapper">
<div class="container">
{% include 'templates/partials/header.twig' %}
{% block content %}{% endblock %}
</div>
</div>
{% include 'templates/partials/footer.twig' %}
</body>
</html>

View File

@ -1,29 +0,0 @@
<!-- header -->
<header id="header" class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8 col-xs-12">
<img class="band-logo" src="/img/logo-white.png" />
</div>
<div class="col-sm-2"></div>
</header>
<!-- nav bar -->
<nav id="nav" class="row">
<ul class="col-sm-12">
<li class="nav_item">
<a href="{{ urlFor('home') }}">Home</a>
</li>
<li class="nav_item">
<a href="{{ urlFor('about') }}">About</a>
</li>
<li class="nav_item">
<a href="{{ urlFor('shows') }}">Shows</a>
</li>
<li class="nav_item">
<a href="{{ urlFor('music') }}">Music</a>
</li>
<li class="nav_item">
<a href="{{ urlFor('contact') }}">Contact</a>
</li>
</ul>
</nav>

View File

@ -0,0 +1,37 @@
<!-- header -->
<header id="header" class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8 col-xs-12">
<img class="band-logo" src="/img/logo-white.png" />
</div>
<div class="col-sm-2"></div>
</header>
<!-- nav bar -->
<nav id="nav" class="navbar" class="row">
<div class="container-fluid">
<div class="navbar-header">
<button id="navbar-collapse-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<i class="fa fa-bars" aria-hidden="true"></i>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<li class="nav_item">
<a href="{{ urlFor('home') }}">Home</a>
</li>
<li class="nav_item">
<a href="{{ urlFor('about') }}">About</a>
</li>
<li class="nav_item">
<a href="{{ urlFor('shows') }}">Shows</a>
</li>
<li class="nav_item">
<a href="{{ urlFor('contact') }}">Contact</a>
</li>
</ul>
</div>
</div>
</nav>

View File

@ -1,6 +1,7 @@
#contact-header
margin-top: -20px
text-align: center
h1
color: white
font:
@ -18,24 +19,24 @@
hr
border-color: #666
a,
p,
h3
text-align: center
font-size: 20px
p
padding: 5px
color: #212121
a
color: darkred
text-decoration: none
+transition(color 200ms ease-in-out)
&:hover
color: red
h3
margin-bottom: 15px
margin-bottom: 15px

View File

@ -1,30 +1,66 @@
#nav
margin-bottom: 20px
ul
list-style: none
text-align: center
.nav_item
display: inline-block
background: none
border: none
border-bottom: 3px solid rgba($main-color, 0)
border-radius: none
+transition(border-color, 200ms)
a
display: block
+size(100% 100%)
padding: 5px 14px
text-decoration: none
color: #fff
font-size: 32px
font-weight: 600
+transition(color, 200ms)
&:hover
border-color: rgba($main-color, 1)
a
color: $main-color
margin-bottom: 20px
.navbar-nav
display: inline-block
.navbar-nav
float: none
.navbar-collapse,
.navbar-header
text-align: center
ul
list-style: none
text-align: center
.nav_item
display: inline-block
background: none
border: none
border-bottom: 3px solid rgba($main-color, 0)
border-radius: none
+transition(border-color, 200ms)
a
display: block
+size(100% 100%)
padding: 5px 14px
text-decoration: none
color: #fff
font-size: 32px
font-weight: 600
+transition(color, 200ms)
&:hover
background-color: transparent
border-color: rgba($main-color, 1)
a
background-color: transparent
color: $main-color
#navbar-collapse-button.navbar-toggle
float: none
margin: 0
color: $main-color
font-size: 32px
+transition(color, 200ms)
&:hover,
&:active
background-color: transparent
&.collapsed
color: #fff
&:hover
color: $main-color
@media (max-width: 767px)
.navbar-collapse
background: #212121
border-radius: 5px
border: 1px solid #212121
box-shadow: inset 0 0 6px #212121

View File

@ -1 +0,0 @@
development

File diff suppressed because one or more lines are too long