diff --git a/contents/about.md b/contents/about.md
deleted file mode 100644
index f77feff..0000000
--- a/contents/about.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-template: index.html
----
-
About the "Godfather"
-The Godfather is a 1972 American crime film directed by Francis Ford Coppola. A screenplay was written by Mario Puzo and Coppola; the film is based on Puzo's 1969 novel of the same name.
-
-The Godfather 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.
-
-The cinematography and ... are unique and one can tell a sound of the scene by simply looking at one shot.
-
-That was the solid piece of inspiration for Mr. C.Woud.
-
-About the painter
-
-Painting details
-
-
![Painting detail](images/godfather-painting-detail1_thumb.jpg)
-
![Painting detail](images/godfather-painting-detail2_thumb.jpg)
-
-
-
-
-
-
-
![](images/godfather-painting-detail1.jpg)
-
-
-
-
-
-
-
-
-
-
![](images/godfather-painting-detail2.jpg)
-
-
-
-
diff --git a/contents/images/carousel_2.jpg b/contents/images/carousel_2.jpg
deleted file mode 100644
index 65d34e3..0000000
Binary files a/contents/images/carousel_2.jpg and /dev/null differ
diff --git a/contents/images/carousel_2@2x.jpg b/contents/images/carousel_2@2x.jpg
deleted file mode 100644
index ec6ac1b..0000000
Binary files a/contents/images/carousel_2@2x.jpg and /dev/null differ
diff --git a/contents/images/carousel_3.jpg b/contents/images/carousel_3.jpg
deleted file mode 100644
index 68f8868..0000000
Binary files a/contents/images/carousel_3.jpg and /dev/null differ
diff --git a/contents/images/carousel_3@2x.jpg b/contents/images/carousel_3@2x.jpg
deleted file mode 100644
index fc765dc..0000000
Binary files a/contents/images/carousel_3@2x.jpg and /dev/null differ
diff --git a/contents/images/godfather-painting-detail1_thumb.jpg b/contents/images/godfather-painting-detail1_thumb.jpg
index 7c90355..a44fd47 100644
Binary files a/contents/images/godfather-painting-detail1_thumb.jpg and b/contents/images/godfather-painting-detail1_thumb.jpg differ
diff --git a/contents/images/godfather-painting-detail2_thumb.jpg b/contents/images/godfather-painting-detail2_thumb.jpg
index 4dacb44..f5bbf46 100644
Binary files a/contents/images/godfather-painting-detail2_thumb.jpg and b/contents/images/godfather-painting-detail2_thumb.jpg differ
diff --git a/contents/images/header.jpg b/contents/images/header.jpg
index 9f8b8ab..ec4d5c0 100644
Binary files a/contents/images/header.jpg and b/contents/images/header.jpg differ
diff --git a/contents/images/carousel_1.jpg b/contents/images/middle.jpg
similarity index 100%
rename from contents/images/carousel_1.jpg
rename to contents/images/middle.jpg
diff --git a/contents/index.md b/contents/index.md
index d883d71..c90a23a 100644
--- a/contents/index.md
+++ b/contents/index.md
@@ -4,11 +4,12 @@ template: index.html
---
## The work
-**Oil paintings** has a lot of popularity these days. But how can the art that is centuries old still be modern? Perhaps it's the visual quality of beautifully painted colors, something of a man's soul that can't be reproduced by a mere color printing mech.
+
+
Oil paintings has a lot of popularity these days. But how can the art that is centuries old still be modern? Perhaps it's the visual quality of beautifully painted colors, something of a man's soul that can't be reproduced by a mere color printing mech.
-In 1972, Francis Ford Coppola has shown the world The Godfather. The screen version of an epic Mario Puzo's novel immediately became a classic hit. The role of Don Corleone, the Godfather, was played brilliantly by sir Marlon Brando.
+
In 1972, Francis Ford Coppola has shown the world The Godfather. The screen version of an epic Mario Puzo's novel immediately became a classic hit. The role of Don Corleone, the Godfather, was played brilliantly by sir Marlon Brando.
-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.
+
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.
-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 _for free_.
+
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 for free.
+
###**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.
-
+
+
click on the image to see a larger preview
Reserve your copy now!
+
About the "Godfather"
+
+
+
+
The Godfather is a 1972 American crime film directed by Francis Ford Coppola. A screenplay was written by Mario Puzo and Coppola; the film is based on Puzo's 1969 novel of the same name.
+
+
The Godfather 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.
+
+
The cinematography and ... are unique and one can tell a sound of the scene by simply looking at one shot.
+
+
That was the solid piece of inspiration for Mr. C.Woud.
+
+
+
+
+
+
![](images/godfather-painting-detail1.jpg)
+
+
+
+
+
+
+
+
+
+
![](images/godfather-painting-detail2.jpg)
+
+
+
+
+
diff --git a/contents/js/custom.js b/contents/js/custom.js
new file mode 100644
index 0000000..dd8e059
--- /dev/null
+++ b/contents/js/custom.js
@@ -0,0 +1,26 @@
+jQuery(document).ready(function(){
+ var windowWidth = window.screen.width < (window.outerWidth ? window.screen.width : window.outerWidth);
+ var mobile = windowWidth < 500;
+ if(mobile)
+ {
+ jQuery(window).scroll(function() {
+ scroll_effect();
+ });
+ }
+});
+
+function scroll_effect() {
+ // Get the scroll position of the page
+ scrollPos = jQuery(this).scrollTop();
+ // Fade out the banner text
+ jQuery('.carousel-caption').css({
+ 'margin-top' : -(scrollPos/3)+"px",
+ 'opacity' : 1-(scrollPos/300)
+ });
+ if (scrollPos > 500)
+ {
+ jQuery('.middle').css({
+ 'height': (scrollPos-500)+"px"
+ });
+ }
+}
diff --git a/contents/less/main.less b/contents/less/main.less
index 3a88199..c9f0b7a 100644
--- a/contents/less/main.less
+++ b/contents/less/main.less
@@ -30,6 +30,27 @@
}
}
+.columns(@colcount: 0, @colwidth: 250px, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
+ -moz-column-width: @colwidth;
+ -moz-column-count: @colcount;
+ -moz-column-gap: @colgap;
+ -moz-column-rule-color: @columnRuleColor;
+ -moz-column-rule-style: @columnRuleStyle;
+ -moz-column-rule-width: @columnRuleWidth;
+ -webkit-column-width: @colwidth;
+ -webkit-column-count: @colcount;
+ -webkit-column-gap: @colgap;
+ -webkit-column-rule-color: @columnRuleColor;
+ -webkit-column-rule-style: @columnRuleStyle;
+ -webkit-column-rule-width: @columnRuleWidth;
+ column-width: @colwidth;
+ column-count: @colcount;
+ column-gap: @colgap;
+ column-rule-color: @columnRuleColor;
+ column-rule-style: @columnRuleStyle;
+ column-rule-width: @columnRuleWidth;
+}
+
/******** VARIABLES ********/
@FontAwesomePath: "../fonts";
@@ -66,24 +87,23 @@ html, body {
img, .img {
width: 100%;
height: 100%;
- background-position: center;
+ background-position: top center;
background-size: cover;
}
.img-1 {
- background-image: url("../images/carousel_1.jpg");
- background-position: top center !important;
+ background-image: url("../images/header.jpg");
}
.img-static {
background-image: url("../images/static.jpg");
- background-position: top center !important;
- }
- .img-2 {
- .at2x("../images/carousel_2.jpg");
- }
- .img-3 {
- .at2x("../images/carousel_3.jpg");
}
}
+.middle {
+ width: 100%;
+ max-height: 500px;
+ background-image: url("../images/middle.jpg");
+ background-position: top center;
+ background-size: cover;
+}
.item,
.active,
@@ -114,3 +134,11 @@ html, body {
font-size: 16px;
display: block;
}
+
+.order-button {
+ float: right;
+}
+
+.columned {
+ .columns(3);
+}
diff --git a/templates/index.html b/templates/index.html
index 9782be4..e54c376 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -25,7 +25,6 @@
{{!-- Collect the nav links, forms, and other content for toggling --}}