Migrated site to Slim v4 and supporting libraries; removed some old band info (namely removed Andrew and Zakk from the about page); added Grunt.js config for compiling SASS/CoffeeScript

This commit is contained in:
2023-05-12 23:34:43 -04:00
parent d071bdeba6
commit e34ec3b947
29 changed files with 3078 additions and 644 deletions

30
views/templates/default.twig Executable file
View File

@ -0,0 +1,30 @@
<!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="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.23.4/mediaelementplayer.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 src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.23.4/mediaelement-and-player.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

@ -0,0 +1,27 @@
<footer id="footer" class="row">
<div class="col-sm-3 column-info">
<p>FIND US ON</p>
<ul>
<li><a href="https://twitter.com/HalftoneBand">Twitter</a></li>
<li><a href="https://www.facebook.com/HalftoneBand">Facebook</a></li>
<li><a href="https://instagram.com/halftoneband/">Instagram</a></li>
<li><a href="https://plus.google.com/+HalftoneBand">Google+</a></li>
<li><a href="https://www.youtube.com/c/HalftoneBand">Youtube</a></li>
<li><a href="https://soundcloud.com/halftoneband">SoundCloud</a></li>
</ul>
</div>
<div class="col-sm-6 copyright">
<p>© 2015 Halftone</p>
<p>Glen Burnie Maryland's unapologetic, high energy rock band</p>
<hr />
<p>Brought to you by our lovely Greg Ballantine</p>
</div>
<div class="col-sm-3 column-info">
<p>ENDORSED BY</p>
<ul>
<li><a href="http://www.drstrings.com/">DR Strings</a></li>
</ul>
</div>
</footer>

View File

@ -0,0 +1,40 @@
<!-- 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="{{ url_for('home') }}">Home</a>
</li>
<li class="nav_item">
<a href="{{ url_for('about') }}">About</a>
</li>
<li class="nav_item">
<a href="{{ url_for('shows.index') }}">Shows</a>
</li>
<li class="nav_item">
<a href="{{ url_for('music.index') }}">Music</a>
</li>
<li class="nav_item">
<a href="{{ url_for('contact') }}">Contact</a>
</li>
</ul>
</div>
</div>
</nav>