Responsive updates for hero

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 14af0d5e9f99af9143923aa031667dfe4e377349..fbda0445e2bd8fee0df534a25995902b6431b9e0 100755 (executable)
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -518,7 +518,7 @@ body {
 /* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_defaults.scss */
 .clearfix:after, .container:after, .row:after, .sidebar__title--inverse:after,
 .section__title--inverse:after,
-.page__related__title--inverse:after, .row-box:after, .event__card:after, .event__card--alt:after, .event__card--full:after, .calendar__month:after, .sticked-form:after, .banner:after, .header:after, .navigation:after, .footer-nav:after, .media:after, .split-container:after, .video__list:after {
+.page__related__title--inverse:after, .row-box:after, .event__card:after, .event__card--alt:after, .event__card--full:after, .calendar__month:after, .sticked-form:after, .banner:after, .header:after, .navigation:after, .footer-nav:after, .cta__panel:after, .media:after, .split-container:after, .video__list:after {
   content: "";
   display: table;
   clear: both;
@@ -3113,9 +3113,9 @@ th {
   *display: inline;
   *zoom: 1;
   border-radius: 2px;
-  float: right;
   margin-top: .3rem;
   line-height: 2;
+  float: right;
 }
 
 /* line 90, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
@@ -3294,13 +3294,13 @@ th {
 .hero__slider__item {
   display: block;
   width: 100%;
-  height: 500px;
   background: #d2ba88 no-repeat center;
   background-size: cover;
   position: relative;
+  height: 65vh;
 }
 
-/* line 12, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
+/* line 15, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
 .hero__slider__item:before {
   content: "";
   position: absolute;
@@ -3311,7 +3311,7 @@ th {
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 100%);
 }
 
-/* line 23, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
+/* line 26, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
 .hero__slider__infos {
   position: absolute;
   width: 100%;
@@ -3321,20 +3321,20 @@ th {
   z-index: 10;
 }
 
-/* line 32, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
+/* line 35, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
 .hero__slider__name {
   font-family: "Triplex", Georgia, Times, "Times New Roman", serif;
   font-weight: 700;
-  font-size: 3rem;
   line-height: 1;
+  font-size: 1.6rem;
 }
 
-/* line 38, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
+/* line 41, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
 .hero__slider__name a {
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
 }
 
-/* line 41, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
+/* line 44, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
 .hero__slider__name:hover {
   color: white;
 }
@@ -3599,6 +3599,13 @@ th {
   .nav__footer__item__link{
     padding: 1rem;
   }
+  /* line 41, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_sidebar.scss */
+  .cta__panel div{
+    display: block;
+    float: left;
+    width: 50%;
+    padding: 0 .3rem;
+  }
   /* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */
   .box-item-50{
     width: 50%;
@@ -3635,6 +3642,10 @@ th {
     margin-left: 1rem;
     float: right;
   }
+  /* line 35, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
+  .hero__slider__name{
+    font-size: 3rem;
+  }
 }
 @media (min-width: 961px){
   /* line 59, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
@@ -3757,6 +3768,11 @@ th {
   .footer-partners img{
     max-width: 60px;
   }
+  /* line 49, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_sidebar.scss */
+  .cta__panel div{
+    float: none;
+    width: 100%;
+  }
   /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
   .menu__toggle{
     display: none;
@@ -3824,6 +3840,10 @@ th {
     width: 80%;
     margin: 0 auto;
   }
+  /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
+  .hero__slider__item{
+    height: 500px;
+  }
 }
 @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/modules/event-card.scss b/app/festival/static/scss/modules/event-card.scss
index 40624e5f43315c70e218a299c9119c6845b82ccf..5200ffe15427ab4bd7294b76eab54acca3623671 100644 (file)
--- a/app/festival/static/scss/modules/event-card.scss
+++ b/app/festival/static/scss/modules/event-card.scss
@@ -81,9 +81,9 @@
     *display: inline;
     *zoom: 1;
     border-radius: 2px;
-    float: right;
     margin-top: .3rem;
     line-height: 2;
+    float: right;
   }
 }
 

diff --git a/app/festival/static/scss/modules/hero-slider.scss b/app/festival/static/scss/modules/hero-slider.scss
index 58f61431469db12cd0050e4f7047046c89dffa2c..fbdf45c89677c8940a68dabd9c426be2d314902e 100644 (file)
--- a/app/festival/static/scss/modules/hero-slider.scss
+++ b/app/festival/static/scss/modules/hero-slider.scss
@@ -5,10 +5,13 @@
 .hero__slider__item {
     display: block;
     width: 100%;
-    height: 500px;
     background: $main_color no-repeat center;
     background-size: cover;
     position: relative;
+    height: 65vh;
+    @media (min-width : $desktop ) {
+        height: 500px;
+    }
     &:before {
         content: "";
         position: absolute;
@@ -33,12 +36,15 @@
     @extend .event__name;
     font-family: $header_font_family;
     font-weight: $bold;
-    font-size: 3rem;
     line-height: 1;
+    font-size: 1.6rem;
     a {
         text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
     }
     &:hover {
         color: white;
     }
+    @media (min-width : $tablet ) {
+        font-size: 3rem;
+    }
 }
\ No newline at end of file

diff --git a/app/templates/base.html b/app/templates/base.html
index 7e9948893d8d9f8f3f1b6f773ff25abe32cb2c19..2e2d2d931916f66533ea462709459f000b06bbe8 100644 (file)
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -217,8 +217,7 @@
                     Conception & réalisation : <br><br>
                     <a href="http://www.philippebarbosa.com" target="_blank" titre="Développeur front-end freelance & photographe professionnel à Paris">
                         Philippe Barbosa</a>,
-                        <a href="http://www.ircam.com" target="_blank" titre="IRCAM">
-                        <img src="{% static "img/logo_ircam_black.png" %}" alt="Logo Manifeste 2016 ircam" width="30"> Mary Delacour & Guillaume Pellerin</a>
+                        <a href="http://www.ircam.com" target="_blank" titre="IRCAM">Mary Delacour & Guillaume Pellerin</a>
 
                 </p>
             </div>