[IMP] Quotes Slide: new effect snippet

bzr revid: fp@openerp.com-20131013090335-qkev7tv2vlz6uqul

4 files changed, 93 insertions, 0 deletions

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 7f8209d168b..ce87e592136 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -349,6 +349,17 @@ footer {
 }
 
 /* Parallax Theme */
+.parallax_quote {
+  background: url("/website/static/src/img/parallax/quote.png") center center no-repeat fixed;
+  background-size: contain;
+}
+.parallax_quote .carousel-indicators li {
+  border: 1px solid grey;
+}
+.parallax_quote .carousel-indicators .active {
+  background-color: grey;
+}
+
 .parallax_full {
   background: #eeeeee bottom center repeat fixed;
   min-height: 650px;
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index 270141fc9a6..5197653429c 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -266,6 +266,15 @@ footer
 
 /* Parallax Theme */
 
+.parallax_quote
+    background: url('/website/static/src/img/parallax/quote.png') center center no-repeat fixed
+    background-size: contain
+    .carousel-indicators
+        li
+            border: 1px solid grey
+        .active
+            background-color: grey
+
 .parallax_full
     background: #eee bottom center repeat fixed
     min-height: 650px
diff --git a/addons/website/static/src/img/parallax/quote.png b/addons/website/static/src/img/parallax/quote.png
new file mode 100644
index 00000000000..769cb6b5e0f
--- /dev/null
+++ b/addons/website/static/src/img/parallax/quote.png
diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index 658d17b4ab2..98365ccbe2c 100644
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -714,6 +714,79 @@
         </section>
     </div>
 
+    <div data-snippet-id="parallax_quote" data-selector-children=".oe_structure, [data-oe-type=html]">
+        <div class="oe_snippet_thumbnail">
+            <img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_parallax.png"/>
+            <span class="oe_snippet_thumbnail_title">Quotes Slider</span>        
+        </div>
+        <section class="oe_snippet_body dark">
+            <div class="parallax_quote oe_structure">
+
+                <div id="myQuoteCarousel" class="carousel slide oe_small mb32" data-snippet-id="carousel">
+                    <!-- Indicators -->
+                    <ol class="carousel-indicators mb0">
+                        <li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
+                        <li data-target="#myQuoteCarousel" data-slide-to="1"></li>
+                    </ol>
+                    <div class="carousel-inner">
+
+                        <div class="item text_only active">
+                            <div class="container">
+                                <div class="content mt32">
+
+                                    <div class="row">
+                                        <div class="col-md-5 col-md-offset-4">
+                                            <blockquote data-snippet-id="quote">
+                                                <p>
+                                                    Write here a quote from one of your customer. Quotes are are
+                                                    great way to give confidence in your products or services.
+                                                </p>
+                                                <small>Author of this quote</small>
+                                            </blockquote>
+                                        </div>
+                                    </div>
+
+                                </div>
+                                <div class="carousel-image hidden-xs">
+                                    <img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="item text_only">
+                            <div class="container">
+                                <div class="content mt32">
+
+                                    <div class="row">
+                                        <div class="col-md-5 col-md-offset-4">
+                                            <blockquote data-snippet-id="quote">
+                                                <p>
+                                                    OpenERP provides essential platform for our project management.
+                                                    Things are better organized and more visible with it.
+                                                </p>
+                                                <small>John Doe, CEO</small>
+                                            </blockquote>
+                                        </div>
+                                    </div>
+
+                                </div>
+                                <div class="carousel-image hidden-xs">
+                                    <img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                    <a class="carousel-control left hidden" href="#myQuoteCarousel" data-slide="prev" style="width: 10%"><span class="glyphicon glyphicon-chevron-left"><span class="hidden">.</span></span></a>
+                    <a class="carousel-control right hidden" href="#myQuoteCarousel" data-slide="next" style="width: 10%"><span class="glyphicon glyphicon-chevron-right"><span class="hidden">.</span></span></a>
+                </div>
+
+
+            </div>
+        </section>
+    </div>
+
+
 </div>
 
 <div id="snippet_hidden" class="hidden">