From fd0d98e9e846710e4b37554ae57ef5d7fd7a2922 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20van=20der=20Essen?= <fva@openerp.com>
Date: Wed, 31 Jul 2013 16:53:27 +0200
Subject: [PATCH] made the banner beautiful

bzr revid: fva@openerp.com-20130731145327-efm61ao2oh4f043q
---
 addons/website/static/src/css/website.css  |  5 ++++
 addons/website/static/src/css/website.sass |  5 ++++
 addons/website/static/src/xml/website.xml  | 11 ++++-----
 addons/website/views/views.xml             | 27 ++++++++--------------
 4 files changed, 23 insertions(+), 25 deletions(-)

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 10d429f42d2..94cbab01343 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -98,3 +98,8 @@ h5 {
 .nav > li a {
   display: block;
 }
+
+#myCarousel .item {
+  min-height: 250px;
+  color: white;
+}
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index 5f041156482..e06e02a8820 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -74,3 +74,8 @@ h5
 
 .nav > li  a 
     display: block
+
+#myCarousel .item
+    min-height: 250px
+    color: white
+
diff --git a/addons/website/static/src/xml/website.xml b/addons/website/static/src/xml/website.xml
index 19c62ac8950..3b078e758ab 100644
--- a/addons/website/static/src/xml/website.xml
+++ b/addons/website/static/src/xml/website.xml
@@ -23,13 +23,10 @@
         <button class="add"><t t-esc="'Add a new banner\'s page'"/></button>
         <button class="remove"><t t-esc="'Remove this banner\'s page'"/></button>
         <div style="display: none;">
-            <div class="item">
-                <img src="/website/static/src/img/volcano.jpg"/>
-                <div class="css_titlebox" style="position: absolute; top: 25px; right: 80px;">
-                    <div style="text-align: right; background: #f6f6f6; padding: 7px 20px; border-radius: 5px;">
-                        <h1>Insert Title Here</h1>
-                        <h4>Insert subtitle here</h4>
-                    </div>
+            <div class="item active" style="background-image: url(/website/static/src/img/china.jpg); background-size: cover; background-position: bottom;" >
+                <div class='container'>
+                    <h1 class='mt64'>Your New Banner Slide</h1>
+                    <h2>With another convincing subtitle</h2>
                 </div>
             </div>
         </div>
diff --git a/addons/website/views/views.xml b/addons/website/views/views.xml
index 644b9993894..7db7ceb9078 100644
--- a/addons/website/views/views.xml
+++ b/addons/website/views/views.xml
@@ -204,26 +204,17 @@
 
                 <section>
                     <div id="myCarousel" class="carousel slide" data-interval='1000000'>
-                        <!-- Carousel items -->
-                        <div class="carousel-inner" style="height: 250px; overflow: hidden;">
-                            <div class="item">
-                                <img src="/website/static/src/img/greenfields.jpg"/>
-                                <div class="css_titlebox" style="position: absolute; top: 25px; right: 80px;">
-                                    <div style="text-align: right; background: #f6f6f6; padding: 7px 20px; border-radius: 5px;">
-                                        <h1>OpenDays</h1>
-                                        <h4>1000+ participants.<br/>A success thanks to you !</h4>
-                                        <a class="btn btn-info" href="https://www.openerp.com/news/post/133-OpenERP-Open-Days-2013-wrap-up-">More Info</a>
-                                    </div>
+                        <div class="carousel-inner">
+                            <div class="item active" style="background-image: url(/website/static/src/img/greenfields.jpg); background-size: cover;" >
+                                <div class='container'>
+                                    <h1 class='mt64'>A Nice Banner</h1>
+                                    <h2>And a convincing subtitle</h2>
                                 </div>
                             </div>
-                            <div class="item active">
-                                <img src="/website/static/src/img/fields.jpg"/>
-                                <div class="css_titlebox" style="position: absolute; top: 25px; right: 80px;">
-                                    <div style="text-align: right;">
-                                        <h1>OpenERP</h1>
-                                        <h4>Beautiful Business Applications<br/>Powerful, Integrated, Open Source</h4>
-                                        <a class="btn btn-primary" href="https://www.openerp.com/start">Start your free trial</a>
-                                    </div>
+                            <div class="item" style="background-image: url(/website/static/src/img/china.jpg); background-size: cover; background-position: bottom;" >
+                                <div class='container'>
+                                    <h1 class='mt64'>Your New Banner Slide</h1>
+                                    <h2>With another convincing subtitle</h2>
                                 </div>
                             </div>
                         </div>