Mercurial > public > madeira
changeset 103:90ba44881a69
Bootstrap: style the buy page.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Thu, 17 Oct 2013 20:23:15 -0500 |
parents | 91a229ee9a84 |
children | 82cda945e87d |
files | madeira/templates/band/buy.html madeira/templates/email_list/subscribe_form.html |
diffstat | 2 files changed, 18 insertions(+), 9 deletions(-) [+] |
line wrap: on
line diff
--- a/madeira/templates/band/buy.html Wed Oct 16 21:20:03 2013 -0500 +++ b/madeira/templates/band/buy.html Thu Oct 17 20:23:15 2013 -0500 @@ -1,11 +1,16 @@ {% extends 'base.html' %} +{% load core_tags %} {% block title %}The Madeira | Merchandise{% endblock %} +{% block navblock %}{% navbar 'buy' %}{% endblock %} {% block content %} <h1>Madeira Merchandise</h1> +<h2>Releases</h2> {% for album in albums %} - <h2>{{ album.title }} </h2> + <h3>{{ album.title }}</h3> + <div class="media"> <p> - <img class="right" src="{{ album.photo.image.url }}" alt="{{ album.title }}" title="{{ album.title }}" /> + <img class="media-object img-thumbnail pull-right" src="{{ album.photo.image.url }}" + alt="{{ album.title }}" title="{{ album.title }}" /> </p> {% if album.labels %} <ul> @@ -30,16 +35,19 @@ {% endfor %} </ul> {% endif %} - <br clear="all" /> + <br class="clearfix"> + </div> {% endfor %} {% if merchandise %} -<hr /> +<h2>Swag</h2> <p>Support your favorite band! We may have a Paypal based payment system coming soon. In the meantime, place your orders for t-shirts and stickers by sending an email to <a href="mailto:themadeira@themadeira.net">themadeira@themadeira.net</a>.</p> {% endif %} {% for item in merchandise %} - <h2>{{ item.name }}</h2> + <h3>{{ item.name }}</h3> + <div class="media"> <p> - <img class="right" src="{{ item.photo.image.url }}" alt="{{ item.name }}" title="{{ item.name }}" /> + <img class="media-object pull-right img-rounded" src="{{ item.photo.image.url }}" + alt="{{ item.name }}" title="{{ item.name }}" /> </p> {{ item.desc|safe|linebreaks }} {% if item.in_stock %} @@ -47,6 +55,7 @@ {% else %} <p><strike>Price: ${{ item.price }}</strike> <strong>SOLD OUT!</strong></p> {% endif %} - <br clear="all" /> + <br class="clearfix"> + </div> {% endfor %} {% endblock %}
--- a/madeira/templates/email_list/subscribe_form.html Wed Oct 16 21:20:03 2013 -0500 +++ b/madeira/templates/email_list/subscribe_form.html Thu Oct 17 20:23:15 2013 -0500 @@ -7,8 +7,8 @@ <p>Get on the Madeira mailing list to receive updates about upcoming shows, releases, and website updates. This is a low volume list. We do not share your email address with anyone.</p> <div class="row"> -<div class="col-md-8 col-md-offset-2"> -<fieldset><legend>Mailing List Subscription</legend> +<div class="col-md-8"> +<fieldset><legend>Mailing List Subscription Form</legend> <form method="post" action="." role="form">{% csrf_token %} {% if form.non_field_errors %} <div>{{ form.non_field_errors }}</div>