Mini header fix on small screens

diff --git a/images/logo/Cube.svg b/images/logo/Cube.svg
new file mode 100644 (file)
index 0000000..e2ef3bf
--- /dev/null
+++ b/images/logo/Cube.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>\r
+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\r
+<svg version="1.0" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r
+        viewBox="0 0 57.8 60.6" style="enable-background:new 0 0 57.8 60.6;" xml:space="preserve">\r
+<style type="text/css">\r
+       .st0{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}\r
+</style>\r
+<g>\r
+       <path class="st0" d="M24.3,0.6c-1.2,0.6-19.6,11-22.5,12.7c-1.4,0.7-1.6,1.8-1.6,3.3c0,1,0,24.8,0,27.9c0,1.8,0.9,2.2,1.6,2.7\r
+               c4.6,2.9,18.5,11.4,20.7,12.6c2.6,1.6,5.5-0.5,4-3.1C25.1,54,16.5,37.6,16.5,37.6c4.1-2.4,8-4.7,9.1-5.5c2.3-1.4,2.5-1.5,2.5-4.6\r
+               c0-2,0-20.3,0-24.3C28.2,0.8,26.1-0.3,24.3,0.6z M24.3,57.6l-0.4,0.3L3.6,45.4c0,0,5.6-3.7,10.7-6.8L24.3,57.6z M2.6,43.2V15.7\r
+               L25.4,2.8l0.4,0.3v26L2.6,43.2z"/>\r
+       <path class="st0" d="M33.4,60c1.2-0.6,19.6-11,22.5-12.7c1.4-0.7,1.6-1.8,1.6-3.3c0-1,0-24.8,0-27.9c0-1.8-0.9-2.2-1.6-2.7\r
+               C51.4,10.5,37.4,2,35.3,0.8c-2.6-1.6-5.5,0.5-4,3.1c1.4,2.8,10,19.1,10,19.1c-4.1,2.4-8,4.7-9.1,5.5c-2.3,1.4-2.5,1.5-2.5,4.6\r
+               c0,2,0,20.3,0,24.3C29.7,59.8,31.7,60.9,33.4,60z M33.3,3l0.4-0.3L54,15.2c0,0-5.6,3.7-10.7,6.8L33.3,3z M55.3,17.4v27.5L32.4,57.8\r
+               L32,57.5V31.6L55.3,17.4z"/>\r
+</g>\r
+</svg>\r

diff --git a/images/logo/Typo.svg b/images/logo/Typo.svg
new file mode 100644 (file)
index 0000000..eb299ed
--- /dev/null
+++ b/images/logo/Typo.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>\r
+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\r
+<svg version="1.0" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r
+        viewBox="0 0 206.7 61" style="enable-background:new 0 0 206.7 61;" xml:space="preserve">\r
+<style type="text/css">\r
+       .st0{fill:#FFFFFF;}\r
+</style>\r
+<g>\r
+       <g>\r
+               <g>\r
+                       <g>\r
+                               <path class="st0" d="M27.8,23.8v13.6c0,1.2,0.6,1.6,1.7,1.6c1.3,0,4.1-0.8,6-1.8V23.8h3.1v17.8h-2.5l-0.3-1.6\r
+                                       c-2,1-5,1.9-7.2,1.9c-2.9,0-3.9-1.8-3.9-4.6V23.6L27.8,23.8L27.8,23.8z"/>\r
+                               <path class="st0" d="M56.6,35.3c0,4.1-1.4,6.7-7.6,6.7c-1.6,0-4.3-0.2-6.3-0.7V16.6l3.1-0.4v8.6c1.2-0.7,3.3-1.2,5.7-1.2\r
+                                       c3.7,0,5.2,2.2,5.2,5.6L56.6,35.3L56.6,35.3z M45.7,39.1c1.2,0.2,2.4,0.3,3.5,0.3c3.6,0,4.3-1.4,4.3-3.8v-6.5\r
+                                       c0-1.8-0.8-2.7-2.9-2.7c-1.6,0-3.7,0.7-4.9,1.4V39.1L45.7,39.1z"/>\r
+                               <path class="st0" d="M66.8,39.3c1.8,0,3.7-0.3,5.7-0.8l0.4,2.5c-1.7,0.6-4.1,1-6.3,1c-5.2,0-7.1-2.5-7.1-6.5v-5.3\r
+                                       c0-3.7,1.7-6.7,7-6.7c5.2,0,6.7,3.1,6.7,6.7V34H62.5v1.5C62.5,38.2,63.3,39.3,66.8,39.3z M62.5,31.4h7.6v-1.4\r
+                                       c0-2.5-0.8-3.9-3.7-3.9c-2.9,0-4,1.4-4,3.9L62.5,31.4L62.5,31.4z"/>\r
+                               <path class="st0" d="M77.3,29.2c0-3.5,1.6-5.8,5.8-5.8c1.6,0,3.7,0.3,5.1,0.5v-7.4l3.1-0.4v25.6h-2.6l-0.3-1.6\r
+                                       c-1.4,1.2-3.5,2-5.9,2c-3.5,0-5.2-1.8-5.2-5.5V29.2L77.3,29.2z M88.2,26.7c-1.6-0.3-3.7-0.5-4.9-0.5c-2,0-2.9,1-2.9,3.1v7.3\r
+                                       c0,1.8,0.6,2.7,2.7,2.7c1.8,0,3.8-1,5-2.1L88.2,26.7L88.2,26.7z"/>\r
+                               <path class="st0" d="M102.2,39.3c1.8,0,3.7-0.3,5.7-0.8l0.4,2.5c-1.7,0.6-4.1,1-6.3,1c-5.3,0-7.1-2.5-7.1-6.5v-5.3\r
+                                       c0-3.7,1.7-6.7,7-6.7c5.2,0,6.7,3.1,6.7,6.7V34H98v1.5C98,38.2,98.7,39.3,102.2,39.3z M98,31.4h7.6v-1.4c0-2.5-0.8-3.9-3.8-3.9\r
+                                       c-2.9,0-3.9,1.4-3.9,3.9v1.4H98z"/>\r
+                               <path class="st0" d="M117.1,42c-1.8,0-4.2-0.4-5.7-1l0.4-2.4c1.6,0.4,3.5,0.7,5.1,0.7c2.8,0,3.3-0.5,3.3-2.4s-0.1-2.1-3.7-3\r
+                                       c-4.4-1.1-4.8-2-4.8-5.7c0-3.3,1.4-4.8,6.1-4.8c1.7,0,3.6,0.2,5,0.6l-0.2,2.5c-1.5-0.3-3.5-0.5-4.9-0.5c-2.7,0-3,0.6-3,2.2\r
+                                       c0,2,0.1,2.3,3.1,3.1c5.1,1.3,5.5,1.9,5.5,5.5C123.2,40.3,122.2,42,117.1,42z"/>\r
+                               <path class="st0" d="M126.9,20.9v-4.4h3.1v4.4H126.9z M126.9,41.6V23.7h3.1v17.8L126.9,41.6L126.9,41.6z"/>\r
+                               <path class="st0" d="M162,41.6V28c0-1.2-0.6-1.6-1.7-1.6c-1.3,0-4.1,0.8-6,1.8v13.5h-3.1V23.8h2.5l0.3,1.6c2-1,5-1.9,7.2-1.9\r
+                                       c2.9,0,3.9,1.8,3.9,4.5v13.6H162L162,41.6z"/>\r
+                               <path class="st0" d="M175.8,39.3c1.8,0,3.7-0.3,5.7-0.8l0.4,2.5c-1.7,0.6-4.1,1-6.3,1c-5.3,0-7.1-2.5-7.1-6.5v-5.3\r
+                                       c0-3.7,1.7-6.7,7-6.7s6.7,3.1,6.7,6.7V34h-10.6v1.5C171.6,38.2,172.4,39.3,175.8,39.3z M171.6,31.4h7.6v-1.4\r
+                                       c0-2.5-0.8-3.9-3.8-3.9c-2.9,0-3.9,1.4-3.9,3.9v1.4H171.6z"/>\r
+                               <path class="st0" d="M193.9,26.2c-1.7,0.8-3.6,2-5.1,3.1v12.3h-3.1V23.8h2.7l0.2,2.5c1.3-1,3.1-2.1,4.9-2.9L193.9,26.2z"/>\r
+                               <path class="st0" d="M200.7,42c-1.8,0-4.2-0.4-5.7-1l0.4-2.4c1.6,0.4,3.5,0.7,5.1,0.7c2.8,0,3.3-0.5,3.3-2.4s-0.1-2.1-3.8-3\r
+                                       c-4.4-1.1-4.8-2-4.8-5.7c0-3.3,1.5-4.8,6.1-4.8c1.7,0,3.6,0.2,5,0.6l-0.2,2.5c-1.5-0.3-3.5-0.5-4.9-0.5c-2.7,0-3,0.6-3,2.2\r
+                                       c0,2,0.1,2.3,3,3.1c5.1,1.3,5.5,1.9,5.5,5.5C206.8,40.3,205.8,42,200.7,42z"/>\r
+                               <path class="st0" d="M135.8,35.4c-1,0.7-1.7,1.8-1.7,3.1c0,1.6,0.8,3.1,3.5,3.3c2.1,0.2,2.7,0.3,4.7,0.4\r
+                                       c2.1,0.2,2.7,0.4,2.7,1.9c0,0.3,0,0.5-0.1,0.7h2.9c0-0.3,0-0.5,0-0.8c0-2.7-1.2-4-4.4-4.3c-2.2-0.2-3.2-0.3-5-0.5\r
+                                       c-0.8-0.1-1.2-0.3-1.2-1s0.7-1.4,1.3-1.9c0.5,0.1,1.2,0.1,1.8,0.1c4.6,0,7-2.2,7-6.1v-0.8c-0.1-1.4-0.3-2.7-1-3.5l2.1-0.4v-1.8\r
+                                       h-5.1c-0.8-0.3-2.1-0.3-3-0.3c-5.1,0-7,2.2-7,6.1v0.8C133.3,32.7,134.1,34.5,135.8,35.4z M136.2,29.6c0-2.7,1.1-3.6,4.1-3.6\r
+                                       c2.9,0,4.1,1,4.1,3.6v0.7c0,2.3-1.2,3.5-4.1,3.5c-2.9,0-4.1-0.8-4.1-3.5V29.6z"/>\r
+                       </g>\r
+               </g>\r
+       </g>\r
+       <g>\r
+               <path class="st0" d="M10,35.5v-5.7c0-4.1,1.6-6.5,7.2-6.5c1.6,0,3.3,0.3,4.3,0.5l-0.3,2.6c-1.4-0.3-2.7-0.4-4-0.4\r
+                       c-3.1,0-4.1,0.9-4.1,3.7v5.9c0,2.8,1,3.7,4.1,3.7c1.2,0,2.5-0.1,4-0.4l0.3,2.6c-0.9,0.3-2.7,0.5-4.3,0.5C11.4,42,10,39.6,10,35.5z\r
+                       "/>\r
+       </g>\r
+</g>\r
+</svg>\r

diff --git a/js/header.js b/js/header.js
index 9f183373de8c57e690d1df84930a7f0c840eff43..025dcf6c66a518a449124c348124f53c990fbf25 100644 (file)
--- a/js/header.js
+++ b/js/header.js
@@ -30,6 +30,10 @@ function load_header() {
     var typo = $(logo).find('img.typo');\r
     htl.add(TweenMax.fromTo(typo, 1, {opacity: 1}, {opacity: 0}), 1);\r
 \r
+    // Hamburger\r
+    var hamburger = $(h).find('.nav-icon');\r
+    htl.add(TweenMax.fromTo(hamburger, 1, {paddingTop: 44, paddingBottom: 44}, {paddingTop: 14, paddingBottom: 14}), 0);\r
+\r
     htl.stop();\r
     $(window).on('scroll', headerScroll);\r
     headerScroll();\r

diff --git a/less/header.less b/less/header.less
index 7eaf2f15ae9200379e352c839df2b5f0e66a4cdc..f7a86e793b17cd0e60f97643e0d83cdd62de908d 100644 (file)
--- a/less/header.less
+++ b/less/header.less
@@ -99,7 +99,7 @@ header {
                position: absolute;
                top: 3px;
                right: 0;
-               padding: 2em 34px; // 34px is to push it away from the right margin and keep aligned with right edge
+               padding: 34px 34px; // 34px is to push it away from the right margin and keep aligned with right edge
                box-sizing: content-box;
                display: inline-block;
 
@@ -151,7 +151,7 @@ header {
 
        #header {
                height: auto;
-               min-height: 130px;
+               height: 130px;
                z-index: 10;
        }