Adjusts and styles

config.json

@@ -4,6 +4,7 @@
     "name": "Godfather Painting",
     "author": "Danny T."
   },
+  "defaultTemplate": "index.html",
   "plugins": [
     "wintersmith-less",
     "wintersmith-handlebars"

contents/index.md

@@ -11,6 +11,8 @@ template: index.html
 
 <p>In 21st century, a specialist artist C.Woud was inspired by the film. He painted an impressive painting using a special technique on scrim and wood, catching the Godfather in motion. Now you can buy a copy for yourself.</p>
 
+<p>The artwork features Don Corleone in a middle of his speech. He is wearing his iconic suit with a red rose attached to a pocket. A part of the painting is done on the frame, creating an illusion of presence. An author (not to be confused with John Christopher Wood, a.k.a. Kit Wood or Chris Wood, a Scottish painter) has left his mark which is stylized as rose stalk.</p>
+
 <!--Unique selling points:
 
 - Amazing painting of the Godfather (Marlon Brando)
@@ -21,27 +23,36 @@ template: index.html
 - Price elsewhere: EUR 2200. Our price (including frame): EUR 1700.
 -->
 
-<p>You can buy a copy elsewhere for EUR 2200, or look at our price: EUR 1700, including frame. Also, if you're fast enough, you may still get a DVD collection of Francis Ford Coppola <i>for free</i>.</p>
 </div>
 
 ###**LIMITED OFFER** (only 3 left): Receive The Godfather - The Coppola Collection (5DVD) FREE with your order
 
-The boring details: 110x120cm, custom framed. Oil, scrim, wood.
+<div class="offer"><p><i class="icon-euro"></i> <s>1700</s><span class="price">2200</span> EUR</p>
+<p>You can buy a copy elsewhere for EUR 2200, or look at our price: EUR 1700, including frame. Also, if you're fast enough, you may still get a DVD collection of Francis Ford Coppola <i>for free</i>.</p>
+</div>
 
 <div class="row">
-<div class="col-lg-4 col-lg-offset-3">
+  <div class="col-lg-4 col-lg-offset-3">
     <a href="#" data-toggle="modal" data-target="#fullsize" alt="Painting by C.Woud"><img class="img-thumbnail" src="images/painting_thumb.jpg"></a>
-</div>
-<div class="col-lg-4">
+  </div>
+  <div class="col-lg-2">
     <a href="#" data-toggle="modal" data-target="#fullsize1" alt="Painting by C.Woud (detail)"><img class="img-thumbnail" src="images/godfather-painting-detail1_thumb.jpg" alt="Painting detail"></a><br>
     <a href="#" data-toggle="modal" data-target="#fullsize2" alt="Painting by C.Woud (detail)"><img class="img-thumbnail" src="images/godfather-painting-detail2_thumb.jpg" alt="Painting detail"></a>
-</div>
+  </div>
+  <div class="col-lg-2">
+    <h4>The boring details</h4>
+    <ul>
+      <li>110x120 cm</li>
+      <li>custom framed</li>
+      <li>Oil, scrim, wood</li>
+    </ul>
+  </div>
 </div>
 <div class="row centered">
   <p><small> click on the image to see a larger preview </small></p>
 </div>
 
-<a href="reserve.html" class="link_reserve">Reserve your copy now!</a>
+<a href="reserve.html" class="link_reserve"><input type="button" class="btn btn-lg btn-primary" value="Reserve your copy now!"></a>
 
 <h2>About the "Godfather"</h2>
 </div>
@@ -51,7 +62,7 @@ The boring details: 110x120cm, custom framed. Oil, scrim, wood.
 
 <p><b>The Godfather</b> stars Marlon Brando and Al Pacino as the leaders of a fictional New York crime family. The film was the most popular at its time and acclaimed a strong cult following. There were two followups with Al Pacino as the lead; however, the first film of the series is more widely recognised and the figure of Marlon Brando as Don Corleone is a pop-icon.</p>
 
-<p>The cinematography and ... are unique and one can tell a sound of the scene by simply looking at one shot. </p>
+<p>The cinematography is unique and one can tell a sound of the scene by simply looking at one shot. </p>
 
 <p>That was the solid piece of inspiration for Mr. C.Woud.</p>
 

contents/js/custom.js

@@ -17,10 +17,10 @@ function scroll_effect() {
     'margin-top' : -(scrollPos/3)+"px",
     'opacity' : 1-(scrollPos/300)
   });
-  if (scrollPos > 500)
+  if (scrollPos > 400)
   {
     jQuery('.middle').css({
-      'height': (scrollPos-500)+"px"
+      'height': (scrollPos-250)/2+"px"
     });
   }
 }

contents/less/main.less

@@ -142,3 +142,17 @@ html, body {
 .columned {
   .columns(3);
 }
+
+.offer {
+  font-size: 24px;
+  .centered();
+  .price {
+    font-weight: bold;
+    font-size: 40px;
+    margin: 0 10px;
+  }
+}
+
+.details {
+  float: left;
+}