Added Products

Author: conorc470

.gitignore

@@ -1,5 +1 @@
-*.sqlite3
-__pycache__
-.~c9*
-static/
-static/
+*.sqlite3

products/templates/products.html

@@ -8,14 +8,14 @@
  <div class="panel-body">
  <div class="product" style="background-image: url('{{ MEDIA_URL }}{{ product.image }}')"></div>
 
- <h3>{{ product.name }}</h3>
- <p class="product-description">{{ product.description }}</p>
- <p>{{ product.price }}</p>
+ <h3 class="text-center">{{ product.name }}</h3>
+ <p class="product-description text-center">{{ product.description }}</p>
+ <p class="text-center">€{{ product.price }}</p>
 
  <form method="post" action="{% url 'add_to_cart' product.id %}">
  {% csrf_token %}
  <div class="input-group">
- <input name="quantity" type="number" min="1" max="999" class="form-control" placeholder="Quantity">
+ <input name="quantity" type="number" min="1" max="999" class="form-control form-size" placeholder="Quantity">
  <span class="input-group-btn">
  <button class="btn btn-success" type="submit">Add</button>
  </span>

static/css/custom.css

@@ -1,6 +1,6 @@
 body {
  font-family: Arial;
- padding-top: 100px;
+ padding-top: 50px;
 }
 
 footer {
@@ -66,11 +66,48 @@ caption p {
 }
 
 .jumbotron {
+ background-image: url(https://s3-eu-west-1.amazonaws.com/conor-ecommerce/media/images/book.jpg);
  background-size: cover;
  background-position: center;
+ height: 300px;
 }
 
-.jumbo-container {
- margin: 20px 20px 0 20px;
- padding: 20px 20px 20px 20px;
+@media screen and (max-width: 700px) {
+ .navbar-header {
+ float: none;
+ }
+ .navbar-left,.navbar-right {
+ float: none !important;
+ }
+ .navbar-toggle {
+ display: block;
+ }
+ .navbar-collapse {
+ border-top: 1px solid transparent;
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
+ }
+ .navbar-fixed-top {
+ top: 0;
+ border-width: 0 0 1px;
+ }
+ .navbar-collapse.collapse {
+ display: none!important;
+ }
+ .navbar-nav {
+ float: none!important;
+ margin-top: 7.5px;
+
+ max-height: 300px;
+ overflow-y: scroll!important;
+ }
+ .navbar-nav>li {
+ float: none;
+ }
+ .navbar-nav>li>a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ }
+ .collapse.in{
+ display:block !important;
+ }
 }

templates/base.html

@@ -25,7 +25,7 @@
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  </button>
- <a class="navbar-brand" href="/">Success Summaries</a>
+ <a class="navbar-brand" href="/">Non-Fiction Summaries</a>
  </div>
  <div id="navbar" class="navbar-collapse collapse">
  <ul class="nav navbar-nav navbar-right">
@@ -60,15 +60,7 @@
  </nav>
  <header>
  <div class="jumbotron">
- <div class="container" background-image: "url({{ MEDIA_URL }}coverphoto.png)";>
- <div class="row jumbo-container">
- <div class="col-md-4 col-xs-4 right">
- <p>Sign up for summaries on the greatest books ever written</p>
- <br/>
- <a href="/user/register" class="btn btn-md btn-success">Register</a>
- </div>
- </div>
- </div>
+ <img src="https://s3-eu-west-1.amazonaws.com/conor-ecommerce/media/images/nonfiction.png" class="img-responsive">
  </div>
  </header>
  <div class="container">