Breaking news block

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 0e4069ceb6aaccb9bcf6c1dcfaf1e520192432f5..49c26ec15c7f375836b73dac83051b573b896cdd 100755 (executable)
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -3226,6 +3226,36 @@ th {
   content: "";
 }
 
+/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/bk-news.scss */
+.bk__news {
+  display: block;
+  margin: 3rem auto;
+}
+
+/* line 15, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/bk-news.scss */
+.bk__news__inner {
+  padding: 2rem 1rem;
+  background: #fff;
+  border: 1px solid #d2ba88;
+  border-left: 1rem solid #d2ba88;
+}
+
+/* line 26, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/bk-news.scss */
+.bk__news__title {
+  text-transform: uppercase;
+  font-family: "Triplex", Georgia, Times, "Times New Roman", serif;
+  text-align: right;
+  font-size: 1.3rem;
+  font-weight: 700;
+  color: #d2ba88;
+  line-height: 1.1;
+}
+
+/* line 37, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/bk-news.scss */
+.bk__news__content strong {
+  text-transform: uppercase;
+}
+
 /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
 .hero__slider__item {
   display: block;
@@ -3588,6 +3618,11 @@ th {
     width: 100%;
     display: block;
   }
+  /* line 15, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/bk-news.scss */
+  .bk__news__inner{
+    width: 60%;
+    margin: 0 auto;
+  }
 }
 @media (min-width: 1200px){
   /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */

diff --git a/app/festival/static/scss/index.scss b/app/festival/static/scss/index.scss
index 8957a26277b2cdce91ef4a76237e5d47f79e50d2..0acc198929d74925faec2949de8ba16ab4c42595 100755 (executable)
--- a/app/festival/static/scss/index.scss
+++ b/app/festival/static/scss/index.scss
@@ -73,16 +73,11 @@
  */
 @import 'modules/artist-card',
         'modules/artist-detail',
-
         'modules/video-card',
-
         'modules/event-card',
-
         'modules/pager',
         'modules/icons',
-
+        'modules/bk-news',
         'modules/hero-slider',
-
         'modules/calendar',
-
         'modules/user';
\ No newline at end of file

diff --git a/app/festival/static/scss/modules/bk-news.scss b/app/festival/static/scss/modules/bk-news.scss
new file mode 100755 (executable)
index 0000000..4e556fd
--- /dev/null
+++ b/app/festival/static/scss/modules/bk-news.scss
@@ -0,0 +1,43 @@
+// ****************************************************************
+// _Breaking News
+// ****************************************************************
+
+.bk__news {
+  display: block;
+  margin: 3rem auto;
+  // // padding-top: 3rem;
+  // @media (min-width : $desktop ) {
+  //   float: left;
+  //   width: 65%;
+  //   padding-right: 1rem;
+  // }
+
+  &__inner {
+    padding: 2rem 1rem;
+    background: #fff;
+    border: 1px solid $main_color;
+    border-left: 1rem solid $main_color;
+    @media (min-width : $desktop ) {
+        width: 60%;
+        margin: 0 auto;
+    }
+  }
+
+  &__title {
+    text-transform: uppercase;
+    font-family: $header_font_family;
+    text-align: right;
+    font-size: 1.3rem;
+    font-weight: $bold;
+    color: $main_color;
+    line-height: 1.1;
+  }
+
+&__content {
+  strong {
+    text-transform: uppercase;
+  }
+}
+
+
+}
\ No newline at end of file

diff --git a/app/templates/base.html b/app/templates/base.html
index fd9e71a12f90548dee069f7a5e6801d0c9d51005..263d0503bbe022ea8dfe7c8cf339f4840899ce89 100644 (file)
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -106,30 +106,47 @@
     </div>
     {% endif %}
 
-    <div class="site__content__header">
-        <div class="container">
-            {% nevercache %}
-            {% if messages %}
-                {% for message in messages %}
-                <div class="notification" id="js-notificationContainer">
-                    <button type="button" class="btn btn-small js-notificationClose">X</button>
-                    {{ message }}
-                </div>
-                {% endfor %}
-            {% endif %}
-            {% endnevercache %}
-
-            {% comment %}
-            <ul class="breadcrumb">
-            {% spaceless %}
-            {% block breadcrumb_menu %}{% page_menu "pages/menus/breadcrumb.html" %}{% endblock %}
-            {% endspaceless %}
-            </ul>
-            {% endcomment %}
+    {% nevercache %}
+    {% if messages %}
+        {% for message in messages %}
+        <div class="notification" id="js-notificationContainer">
+            <button type="button" class="btn btn-small js-notificationClose">X</button>
+            {{ message }}
         </div>
-    </div>
+        {% endfor %}
+    {% endif %}
+    {% endnevercache %}
+
+    {% comment %}
+    <ul class="breadcrumb">
+    {% spaceless %}
+    {% block breadcrumb_menu %}{% page_menu "pages/menus/breadcrumb.html" %}{% endblock %}
+    {% endspaceless %}
+    </ul>
+    {% endcomment %}
 
     <div class="site__content">
+        {% if on_home %}
+            <div class="container">
+                <div class="bk__news">
+                    <div class="media bk__news__inner">
+                        <div class="media-img">
+                            <span class="bk__news__title">
+                                Dernière <br> minute !
+                            </span>
+                        </div>
+                        <div class="media-content bk__news__content">
+                            <p>
+                                <strong>Partagez, twittez, commentez, publiez vos photos…</strong> <br>
+                                et réservez dès maintenant vos places ou abonnements pour bénéficier de tarifs privilégiés.
+                            </p>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        {% endif %}
+
         <div class="container">
             <div class="site__content__header">
                 <div class="site__content__header__inner">