Commit 9072173b authored by Jean Michel Rouly's avatar Jean Michel Rouly
Browse files

Added uniform header block.

parent 8ef233bc
......@@ -6,12 +6,22 @@ GMU Bookshare • About
{% block content %}
<div class="container">
<h1>About Bookshare</h1>
<p>Bookshare is a service offered by GMU SRCT that allows GMU students to
buy and sell textbooks.</p>
<p>Its source code is available at our git respository.</p>
<p>Its project lead is Eric Cawi.</p>
<div class="page-header" id="banner">
<div class="row">
<div class="col-lg-12">
<h1>About</h1>
<p class="lead">What is <strong>GMU</strong>BOOKSHARE?</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<p>Bookshare is a service offered by GMU SRCT that allows GMU students to
buy and sell textbooks.</p>
<p>Its source code is available at our git respository.</p>
<p>Its project lead is Eric Cawi.</p>
</div>
</div>
{% endblock %}
......@@ -6,38 +6,40 @@ GMU Bookshare &bull; Contact
{% block content %}
<div class="container">
<h1>Contact</h1>
<div>
<p>Please feel free to get in contact with us.</p>
</div>
<div class="page-header" id="banner">
<div class="row">
<span class="col-md-2"><strong>Organization:</strong></span>
<span class="col-md-4"><a href="http://srct.gmu.edu">srct.gmu.edu</a></span>
<div class="col-lg-12">
<h1>Contact</h1>
<p class="lead">Please feel free to get in contact with us.</p>
</div>
</div>
</div>
<div class="row">
<span class="col-md-2"><strong>Documentation:</strong></span>
<span class="col-md-4"><a href="http://wiki.srct.gmu.edu">wiki.srct.gmu.edu</a></span>
</div>
<div class="row">
<span class="col-lg-2"><strong>Organization:</strong></span>
<span class="col-lg-4"><a href="http://srct.gmu.edu">srct.gmu.edu</a></span>
</div>
<div class="row">
<span class="col-md-2"><strong>People:</strong></span>
<span class="col-md-4"><a href="http://fb.com/masonsrct">fb.com/masonsrct</a></span>
</div>
<div class="row">
<span class="col-lg-2"><strong>Documentation:</strong></span>
<span class="col-lg-4"><a href="http://wiki.srct.gmu.edu">wiki.srct.gmu.edu</a></span>
</div>
<div class="row">
<span class="col-md-2"><strong>Announcements:</strong></span>
<span class="col-md-4"><a href="http://twitter.com/masonsrct">twitter.com/masonsrct</a></span>
</div>
<div class="row">
<span class="col-lg-2"><strong>People:</strong></span>
<span class="col-lg-4"><a href="http://fb.com/masonsrct">fb.com/masonsrct</a></span>
</div>
<div class="row">
<span class="col-md-2"><strong>Discussion:</strong></span>
<span class="col-md-4"><a
href="http://lists.srct.gmu.edu/mailman/listinfo">lists.srct.gmu.edu/mailman/listinfo</a></span>
</div>
<div class="row">
<span class="col-lg-2"><strong>Announcements:</strong></span>
<span class="col-lg-4"><a href="http://twitter.com/masonsrct">twitter.com/masonsrct</a></span>
</div>
<div class="row">
<span class="col-lg-2"><strong>Discussion:</strong></span>
<span class="col-lg-4"><a
href="http://lists.srct.gmu.edu/mailman/listinfo">lists.srct.gmu.edu/mailman/listinfo</a></span>
</div>
{% endblock %}
......@@ -6,6 +6,14 @@ GMU Bookshare &bull; Homepage
{% block content %}
<div class="page-header" id="banner">
<div class="row">
<div class="col-lg-12">
<h1 class="text-center"><strong>GMU</strong>BOOKSHARE</h1>
</div>
</div>
</div>
<div class="container">
<div class="col-lg-6">
<a href="{% url 'create_listing' %}" class="btn btn-primary btn-lg btn-block">I have a book</a>
......
......@@ -4,6 +4,7 @@
<head>
{% load staticfiles %}
<link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="/static/css/bootswatch.min.css" rel="stylesheet" media="screen">
<script src="/static/js/jquery-1.10.2.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
......@@ -14,13 +15,13 @@
{% include 'layouts/navbar.html' %}
{% block pagetitle %}
<div class="container">
{% endblock %}
{% block content %}
{% block content %}
{% endblock %}
{% endblock %}
</div>
{% include 'layouts/footer.html' %}
</body>
......
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
......@@ -26,4 +26,4 @@
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav>
</div>
......@@ -7,33 +7,31 @@ GMU Bookshare &bull; {{listing.title}}
{% block content %}
<div class="container">
<div class ="row">
{% if listing.sold %}
<div class="alert alert-warning">
<div class="page-header" id="banner">
{% if listing.sold %}
<div class="row">
<div class="col-lg-12">
<div class="alert alert-danger alert-dismissable">
<button type="button" class="close" data-dismiss="alert"
aria-hidden="true">&times;</button>
<strong>This listing has been sold.</strong>
</div>
{% endif %}
{% if old %}
</div>
</div>
{% elif old %}
<div class="row">
<div class="col-lg-12">
<div class="alert alert-warning alert-dismissable">
<button type="button" class="close" data-dismiss="alert"
aria-hidden="true">&times;</button>
Heads up, this listing is <strong>over a month old</strong> and may no longer be valid!
</div>
{% endif %}
<div class="col-md-3 col-sm-12 col-xs-12">
<div class="text-center">
<a href="{{ media }}{{ listing.photo }}" class="thumbnail">
<img src="{{ media }}{{ listing.photo }}" alt="User submitted textbook photo" class="img-thumbnail" />
</a>
</div>
</div>
</div>
{% endif %}
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<h1>
<em>{{ listing.title }}</em>
</h1>
......@@ -53,64 +51,80 @@ GMU Bookshare &bull; {{listing.title}}
</h4>
</div>
<div class="col-md-3 text-right">
<div class="col-md-6 col-sm-6 col-xs-12 text-right">
<h1>${{ listing.price }}</h1>
<h4>Listed {{ listing.date_created }}</h4>
<a class="btn btn-danger" href="#">Report Listing</a>
</div>
</div>
</div>
<div class="col-md-8">
<h4>Condition</h4>
<p>{{ listing.book_condition }}</p>
</div>
<div class ="row">
<div class="col-md-8">
<h4>Description</h4>
{% if listing.description %}
<p>{{ listing.description }}</p>
{% else %}
<p>None provided.</p>
{% endif %}
<div class="col-md-3 col-sm-12 col-xs-12">
<div class="text-center">
<a href="{{ media }}{{ listing.photo }}" class="thumbnail">
<img src="{{ media }}{{ listing.photo }}" alt="User submitted textbook photo" class="img-thumbnail" />
</a>
</div>
<div class="col-md-3 col-sm-12 col-xs-12">
<div class="panel panel-default" style="margin-top:10px;">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#bids">
Bids
</a>
</h4>
</div>
<div id="bids" class="panel-collapse collapse in">
<div class="panel-body">
Bid system goes here.
</div>
<div class="panel panel-default" style="margin-top:10px;">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#bids">
Bids
</a>
</h4>
</div>
<div id="bids" class="panel-collapse collapse in">
<div class="panel-body">
Bid system goes here.
</div>
</div>
</div>
<div class="col-md-9 col-sm-12 col-xs-12">
<div class="panel panel-default" style="margin-top:10px;">
<div class="panel-heading">
<h4 class="panel-title">
{% get_comment_count for listing as comment_count %}
<a data-toggle="collapse" href="#comments">
Comments ({{ comment_count }})
</a>
</h4>
</div>
<div id="comments" class="panel-collapse collapse in">
<div class="panel-body">
Comments go here.
{% render_comment_list for listing %}
</div>
</div>
<div class="col-md-9 col-sm-12 col-xs-12">
<h4>Condition</h4>
<p>{{ listing.book_condition }}</p>
</div>
<div class="col-md-9 col-sm-12 col-xs-12">
<h4>Description</h4>
{% if listing.description %}
<p>{{ listing.description }}</p>
{% else %}
<p>None provided.</p>
{% endif %}
</div>
<div class="col-md-9 col-sm-12 col-xs-12">
<div class="panel panel-default" style="margin-top:10px;">
<div class="panel-heading">
<h4 class="panel-title">
{% get_comment_count for listing as comment_count %}
<a data-toggle="collapse" href="#comments">
Comments ({{ comment_count }})
</a>
</h4>
</div>
<div id="comments" class="panel-collapse collapse in">
<div class="panel-body">
Comments go here.
{% render_comment_list for listing %}
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-12 col-xs-12">
</div>
</div>
{% endblock %}
......@@ -6,60 +6,59 @@ GMU Bookshare &bull; Login
{% block content %}
<div class="container">
<div class="page-header" id="banner">
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<div class="well">
<h1 class="text-center">Log In</h1>
<br />
<div class="col-lg-12">
<h1 class="text-center"><strong>Log In</strong></h1>
</div>
</div>
</div>
{% if form.errors %}
<div class="row">
<div class="col-md-12">
<div class="alert alert-dismissable alert-danger">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Oh snap!</strong> Your username and password were not
found. Please try again.
</div>
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<div class="well">
{% if form.errors %}
<div class="row">
<div class="col-md-12">
<div class="alert alert-dismissable alert-danger">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Oh snap!</strong> Your username and password were not
found. Please try again.
</div>
</div>
{% endif %}
</div>
{% endif %}
<form id="login-form" method="post" class="form-horizontal"
action="{% url 'django.contrib.auth.views.login' %}"> {% csrf_token %}
<fieldset>
<div class="form-group{%if form.errors%} has-error{%endif%}">
<label class="col-lg-2 control-label" for="username">Username</label>
<div class="col-lg-10">
<input type="username" name="username" id="username"
class="form-control" placeholder="Username" />
</div>
<form id="login-form" method="post" class="form-horizontal"
action="{% url 'django.contrib.auth.views.login' %}"> {% csrf_token %}
<fieldset>
<div class="form-group{%if form.errors%} has-error{%endif%}">
<label class="col-lg-2 control-label" for="username">Username</label>
<div class="col-lg-10">
<input type="username" name="username" id="username"
class="form-control" placeholder="Username" />
</div>
</div>
<div class="form-group{%if form.errors%} has-error{%endif%}">
<label class="col-lg-2 control-label" for="password">Password</label>
<div class="col-lg-10">
<input type="password" name="password" id="password"
class="form-control" placeholder="Password" />
</div>
<div class="form-group{%if form.errors%} has-error{%endif%}">
<label class="col-lg-2 control-label" for="password">Password</label>
<div class="col-lg-10">
<input type="password" name="password" id="password"
class="form-control" placeholder="Password" />
</div>
</div>
<div class="form-group">
<div class="col-lg-10 col-lg-offset-2">
<input type="submit" class="btn btn-primary" value="Sign In" />
</div>
<div class="form-group">
<div class="col-lg-10 col-lg-offset-2">
<input type="submit" class="btn btn-primary" value="Sign In" />
</div>
</div>
</fieldset>
</form>
</div>
</fieldset>
</form>
</div>
</div>
</div>
{% endblock %}
......@@ -6,21 +6,29 @@ GMU Bookshare &bull; Privacy Policy
{% block content %}
<div class="container">
<h1>Privacy Policy</h1>
<div>
<p>All of your information that you create via this site is visible
to everyone at GMU, should they sign in. Your information will not
leave that systemto be sold to anyone, rest assured.</p>
<p>We collect your background web data via Piwick analytics. This is
self-hosted and open-sourced, so we're not basically funneling your
information to Google. Like most of the sites you visit online.
Seriously, you should install something to <a
href="https://www.eff.org/deeplinks/2012/04/4-simple-changes-protect-your-privacy-online">block
your web trackers</a>. That stuff is creepy. Anyway, Piwick
is more for our idle curiosity, and the information that's collected
is not going to be sold. Period.</p>
<div class="page-header" id="banner">
<div class="row">
<div class="col-lg-12">
<h1>Privacy Policy</h1>
<p class="lead">What will we do with your information?</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<p>All of your information that you create via this site is visible
to everyone at GMU, should they sign in. Your information will not
leave that systemto be sold to anyone, rest assured.</p>
<p>We collect your background web data via Piwick analytics. This is
self-hosted and open-sourced, so we're not basically funneling your
information to Google. Like most of the sites you visit online.
Seriously, you should install something to <a
href="https://www.eff.org/deeplinks/2012/04/4-simple-changes-protect-your-privacy-online">block
your web trackers</a>. That stuff is creepy. Anyway, Piwick
is more for our idle curiosity, and the information that's collected
is not going to be sold. Period.</p>
</div>
</div>
{% endblock %}
......@@ -6,19 +6,14 @@ GMU Bookshare &bull; Seller Profile
{% block content %}
<div class="container">
<div class="page-header" id="banner">
<div class="row">
<div class="col-md-9">
<h1>
{{ seller.name }}
<a href="mailto:{{ seller.email }}">{ contact }</a>
</h1>
</div>
<div class="col-md-3 text-right">
<h3>Buyer Rating</h3>
<p>
<div class="col-lg-12">
<h1>{{ seller.user.first_name }} {{ seller.user.last_name }}
<span class="pull-right">
<a href="mailto:{{ seller.user.email }}">{ contact }</a>
</span></h1>
<p class="lead">
{% if seller.rating %}
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
......@@ -30,55 +25,53 @@ GMU Bookshare &bull; Seller Profile
{% endif %}
</p>
</div>
</div>
</div>
<div class="row">
<div class="row">
<div class="col-md-12">
<h3>Listings</h3>
{% if listings %}
<div class="col-md-12">
<h3>Listings</h3>
{% if listings %}
<div class="table-responsive">
<table class="table table-bordered">
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<th class="col-md-10">Title</th>
<th class="col-md-1 text-center">Price</th>
<th class="col-md-1 text-center">Status</th>
</thead>
<thead>
<th class="col-md-10">Title</th>
<th class="col-md-1 text-center">Price</th>
<th class="col-md-1 text-center">Status</th>
</thead>
{% for listing in listings %}
<tr>
<td><a href="{{ listing.get_absolute_url }}">{{ listing.title }}</a></td>
<td class="text-center">${{ listing.price }}</td>
{% if listing.sold %}
<td class="text-center">
<span class="label label-danger">Sold</span>
</td>
{% else %}
<td class="text-center">
<span class="label label-success">Unsold</span>
</td>
{% endif %}
</tr>
{% endfor %}
{% for listing in listings %}
<tr>
<td class="text-right"><strong>Total:</strong></td>
<td class="text-center">${{ total_sold }}</td>
<td></td>
<td><a href="{{ listing.get_absolute_url }}">{{ listing.title }}</a></td>
<td class="text-center">${{ listing.price }}</td>
{% if listing.sold %}
<td class="text-center">
<span class="label label-danger">Sold</span>
</td>
{% else %}
<td class="text-center">
<span class="label label-success">Unsold</span>
</td>
{% endif %}
</tr>
{% endfor %}
<tr>
<td class="text-right"><strong>Total:</strong></td>
<td class="text-center">${{ total_sold }}</td>
<td></td>
</tr>
</table>
</div>
</table>
</div>
{% else %}
{{ seller.name }} doesn't have any listings posted yet.
{% endif %}
</div>
{% else %}
{{ seller.name }} doesn't have any listings posted yet.
{% endif %}
</div>
</div>
{% endblock %}
......@@ -6,9 +6,16 @@ GMU Bookshare &bull; Homepage
{% block content %}
<div class="container">
<h1>Search</h1>
<div>
<div class="page-header" id="banner">
<div class="row">
<div class="col-lg-12">
<h1 class="text-center"><strong>GMU</strong>BOOKSHARE</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form class="form-horizontal" role="form">
<div class="form-group">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment