Merge branch 'master' of Halftone/halftone into development
This commit is contained in:
Gregory Ballantine
Gogs
commit
d251662c2e
5
.gitignore
vendored
5
.gitignore
vendored
@ -6,6 +6,11 @@
|
|||||||
app/config/production.php
|
app/config/production.php
|
||||||
app/config/development.php
|
app/config/development.php
|
||||||
|
|
||||||
|
# Application mode #
|
||||||
|
####################
|
||||||
|
# webiste mode settings
|
||||||
|
mode.php
|
||||||
|
|
||||||
# Vendor packages #
|
# Vendor packages #
|
||||||
###################
|
###################
|
||||||
# we don't need to sync these everywhere
|
# we don't need to sync these everywhere
|
||||||
|
|||||||
@ -5,5 +5,4 @@ require 'routes/index.php';
|
|||||||
require 'routes/about.php';
|
require 'routes/about.php';
|
||||||
require 'routes/contact.php';
|
require 'routes/contact.php';
|
||||||
require 'routes/home.php';
|
require 'routes/home.php';
|
||||||
require 'routes/music.php';
|
|
||||||
require 'routes/shows.php';
|
require 'routes/shows.php';
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
{% extends 'templates/default.php' %}
|
{% extends 'templates/default.twig' %}
|
||||||
|
|
||||||
{% block title %}About Us{% endblock %}
|
{% block title %}About Us{% endblock %}
|
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
{% extends 'templates/default.php' %}
|
{% extends 'templates/default.twig' %}
|
||||||
|
|
||||||
{% block title %}Contact Us{% endblock %}
|
{% block title %}Contact Us{% endblock %}
|
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
{% extends 'templates/default.php' %}
|
{% extends 'templates/default.twig' %}
|
||||||
|
|
||||||
{% block title %}Home{% endblock %}
|
{% block title %}Home{% endblock %}
|
||||||
|
|
||||||
|
|||||||
@ -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 %}
|
|
||||||
@ -1,4 +1,4 @@
|
|||||||
{% extends 'templates/default.php' %}
|
{% extends 'templates/default.twig' %}
|
||||||
|
|
||||||
{% block title %}Show Schedule{% endblock %}
|
{% block title %}Show Schedule{% endblock %}
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
|
||||||
28
app/views/templates/default.twig
Executable file
28
app/views/templates/default.twig
Executable 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>
|
||||||
@ -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>
|
|
||||||
37
app/views/templates/partials/header.twig
Executable file
37
app/views/templates/partials/header.twig
Executable 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>
|
||||||
@ -1,4 +1,5 @@
|
|||||||
#contact-header
|
#contact-header
|
||||||
|
margin-top: -20px
|
||||||
text-align: center
|
text-align: center
|
||||||
|
|
||||||
h1
|
h1
|
||||||
|
|||||||
@ -1,30 +1,66 @@
|
|||||||
#nav
|
#nav
|
||||||
margin-bottom: 20px
|
margin-bottom: 20px
|
||||||
|
|
||||||
ul
|
.navbar-nav
|
||||||
list-style: none
|
display: inline-block
|
||||||
text-align: center
|
|
||||||
|
|
||||||
.nav_item
|
.navbar-nav
|
||||||
display: inline-block
|
float: none
|
||||||
background: none
|
|
||||||
border: none
|
|
||||||
border-bottom: 3px solid rgba($main-color, 0)
|
|
||||||
border-radius: none
|
|
||||||
+transition(border-color, 200ms)
|
|
||||||
|
|
||||||
a
|
.navbar-collapse,
|
||||||
display: block
|
.navbar-header
|
||||||
+size(100% 100%)
|
text-align: center
|
||||||
padding: 5px 14px
|
|
||||||
text-decoration: none
|
|
||||||
color: #fff
|
|
||||||
font-size: 32px
|
|
||||||
font-weight: 600
|
|
||||||
+transition(color, 200ms)
|
|
||||||
|
|
||||||
&:hover
|
ul
|
||||||
border-color: rgba($main-color, 1)
|
list-style: none
|
||||||
|
text-align: center
|
||||||
|
|
||||||
a
|
.nav_item
|
||||||
color: $main-color
|
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
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user