]> git.parisson.com Git - mezzo.git/commitdiff
Accessibility updates, minor improvments
authorPhilippe Barbosa <contact@philippebarbosa.com>
Wed, 23 Mar 2016 19:42:57 +0000 (20:42 +0100)
committerPhilippe Barbosa <contact@philippebarbosa.com>
Wed, 23 Mar 2016 19:42:57 +0000 (20:42 +0100)
app/festival/static/css/index.css
app/festival/static/scss/base/_typography.scss
app/festival/static/scss/components/_footers.scss
app/festival/static/scss/config/_variables.scss
app/festival/static/scss/modules/hero-slider.scss
app/festival/static/scss/modules/icons.scss
app/festival/templates/festival/artist_detail.html
app/templates/accounts/includes/user_panel.html
app/templates/base.html
app/templates/pages/menus/footer.html

index dedaf4028719e47521b608e8226b292d1d19dfcb..f2e483ea776cee14a693f51884d83dd63a5b2149 100755 (executable)
@@ -774,14 +774,15 @@ pre > p {
 ---------------------------------- */
 /* line 205, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
 .page__title {
-  font: 700 3rem "Triplex", Georgia, Times, "Times New Roman", serif;
+  font: 700 3.2rem "Triplex", Georgia, Times, "Times New Roman", serif;
   text-transform: uppercase;
+  text-shadow: 1px 1px 0 white;
   color: #c4a563;
   margin: 0 0 1rem;
   position: relative;
 }
 
-/* line 211, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
+/* line 212, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
 .page__title:before {
   content: "";
   position: absolute;
@@ -792,7 +793,7 @@ pre > p {
   background: #c4a563;
 }
 
-/* line 222, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
+/* line 223, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
 .push-ical {
   float: right;
   margin: 1rem 0;
@@ -1705,7 +1706,7 @@ th {
 .footer-nav-item,
 .footer-nav-item a,
 .footer a {
-  color: #555;
+  color: #fff;
 }
 
 /* line 41, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
@@ -1763,7 +1764,7 @@ th {
   display: inline-block;
   *display: inline;
   *zoom: 1;
-  padding: .3rem 1rem;
+  padding: 0rem 1rem;
 }
 
 /* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
@@ -1777,14 +1778,20 @@ th {
   display: block;
 }
 
-/* line 117, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
+/* line 116, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
+.nav__footer h2 {
+  margin: 0;
+  font-size: 1rem;
+}
+
+/* line 122, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
 .footer-partners {
   display: block;
   text-align: center;
   margin: 2rem auto;
 }
 
-/* line 121, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
+/* line 126, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
 .footer-partners img {
   max-width: 60px;
 }
@@ -3186,6 +3193,11 @@ th {
   content: "";
 }
 
+/* line 103, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */
+.icon__pencil:before {
+  content: "";
+}
+
 /* line 179, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */
 .icon__sign-out:before {
   content: "";
@@ -3235,16 +3247,18 @@ th {
 
 /* line 32, /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;
 }
 
-/* line 36, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
+/* line 38, /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 39, /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:hover {
   color: white;
 }
index 46586e8f2c64a82e56fbf9c1eae7c5d9f06f87ff..0b26d76d616bf5d85fcce7e6bd4677a01cf1f964 100755 (executable)
@@ -203,8 +203,9 @@ pre > p {
 ---------------------------------- */
 
 .page__title {
-  font: $bold 3rem $header_font_family;
+  font: $bold 3.2rem $header_font_family;
   text-transform: uppercase;
+  text-shadow: 1px 1px 0 white;
   color: $base_link_color;
   margin: 0 0 1rem;
   position: relative;
index 3743c9a353e543c76adab12590f1c93f1a8cb09b..8f03385ac5a10a26681bb478ad05724dcf29fe57 100755 (executable)
@@ -85,7 +85,7 @@
     display: inline-block;
     *display: inline;
     *zoom: 1;
-    padding: .3rem 1rem;
+    padding: 0rem 1rem;
   }
 
   &__item {
       }
     }
   }
+
+  h2 {
+    margin: 0;
+    font-size: 1rem;
+  }
 }
 
 .footer-partners {
index d51eb7abb7f1b3f84bfcc9a6363f4cb421952428..5587367c00094939a4429d0c353e5645ba00347d 100755 (executable)
@@ -83,7 +83,7 @@ $header_uppercase        : false;
 ---------------------------------- */
 $footer_background_color : $manifeste16;
 $footer_color            : $white;
-$footer_item_color       : $gray_darker;
+$footer_item_color       : $white;
 
 
 
index b4b7ca1a3222ebee4f1a362093d87abfea164734..58f61431469db12cd0050e4f7047046c89dffa2c 100644 (file)
@@ -31,6 +31,8 @@
 
 .hero__slider__name {
     @extend .event__name;
+    font-family: $header_font_family;
+    font-weight: $bold;
     font-size: 3rem;
     line-height: 1;
     a {
index 4b2c6ebd071a7f5532b3f216426b7b61e6db6c6f..98baf0c8d26477441abaf37dc464288c57fe9bff 100755 (executable)
 // .icon__photo:before,
 // .icon__image:before,
 // .icon__picture-o:before { content: $fa-var-picture-o; }
-// .icon__pencil:before { content: $fa-var-pencil; }
+.icon__pencil:before { content: $fa-var-pencil; }
 // .icon__map-marker:before { content: $fa-var-map-marker; }
 // .icon__adjust:before { content: $fa-var-adjust; }
 // .icon__tint:before { content: $fa-var-tint; }
index a6f929eade12ed2f394681a563730242a17ec885..d4c2922ea00fc34ff183d503df07c70b46ce628d 100644 (file)
@@ -19,7 +19,7 @@
 </div>
 
 
-<h3 class="page__related__title--inverse">Événement lié à {{ artist.name }} :</h3> <br>
+<h2 class="page__related__title--inverse">Événement lié à {{ artist.name }} :</h2> <br>
 
 <div class="event__card">
     <a href="/events/simplexity-la-beaut%C3%A9-du-geste/" class="event__thumbnail">
index f06e4f4b8d358a4e54bfac893281282605e388d8..f26b08fd617983351b08cc4efedfd2fa84951458 100644 (file)
@@ -8,6 +8,7 @@
             <a href="{{ profile_url }}">{{ request.user|username_or:"email" }}</a>
         </p>
             <a href="{% url "profile_update" %}" class="btn btn-small">
+                <span class="icon icon__pencil"></span>
                 {% trans "Update profile" %}
             </a>
         {% else %}
@@ -23,7 +24,7 @@
     <div class="user__panel">
         <div class="this-or-this">
             <a href="{% url "login" %}?next={{ request.path }}" class="this-or-this__this">
-                <span class="glyphicon glyphicon-log-in"></span> {% trans "Log in" %}
+                {% trans "Log in" %}
             </a>
            <span class="this-or-this__or  one-fifth">
                {% trans "or" %}
index a9791cbade8dff8a241d7f70e563a1be996f947a..fd9e71a12f90548dee069f7a5e6801d0c9d51005 100644 (file)
@@ -94,9 +94,9 @@
               <li class="hero__slider__item" style="background-image: url({{ event.featured_image_header.url }});">
                   <div class="hero__slider__infos">
                     <div class="container">
-                      <h3 class="hero__slider__name">
+                      <p class="hero__slider__name">
                           <a href="{{ event.get_absolute_url }}">{{ event.title }}</a>
-                      </h3>
+                      </p>
                       {% include "agenda/includes/event_metainfo_slider.html" %}
                     </div>
                   </div>
             <div class="footer-legals">
                 <p>
                     {# {% trans "Powered by" %} #}
-                    Conception & réalisation :
-                    <a href="http://www.philippebarbosa.com" target="_blank" titre="Développeur front-end freelance & photographe professionnel à Paris">Philippe Barbosa</a>
+                    Conception & réalisation : <br><br>
+                    <a href="http://www.philippebarbosa.com" target="_blank" titre="Développeur front-end freelance & photographe professionnel à Paris">
+                        <img src="http://www.philippebarbosa.com/wp-content/uploads/2015/07/logo.png" alt="" width="30" height="30" style="vertical-align:middle;margin-right: 0.4rem;">
+                        Philippe Barbosa
+                    </a>
                 </p>
             </div>
         </div>
index 9d0e3d258d539f80806cc7129bd9bbc5c4ac20e5..5ad96ff7865edf4418bf7cf309d66ecb5eb5e478 100644 (file)
@@ -17,7 +17,9 @@
             {% if forloop.first and not page.parent.in_menu and not page.is_primary %}
             {% endif %}
             <li class="nav__footer__item {% if page.is_current_or_ascendant %}is-active{% endif %}" id="footer-menu-{{ page.html_id }}">
-                <a class="nav__footer__item__link" href="{{ page.get_absolute_url }}">{{ page.title }}</a>
+                <h2>
+                    <a class="nav__footer__item__link" href="{{ page.get_absolute_url }}">{{ page.title }}</a>
+                </h2>
             </li>
         {% endif %}
         {% if page.in_menu and page.has_children_in_menu %}{% page_menu page %}{% endif %}