Responsive header, v2

50bba80b · Jacek Lebioda · 1b470511 · 50bba80b · 50bba80b · 50bba80b
Commit 50bba80b authored Mar 22, 2018 by Jacek Lebioda
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -6,7 +6,7 @@
  <link rel="shortcut icon" type="image/png" href="{{ '/assets/favicon.png' | relative_url }}"/>
  <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
  <link rel="stylesheet" href="{{ '/assets/fontawesome/css/fontawesome-all.min.css' | relative_url }}">
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">-->

  {%- if jekyll.environment == 'production' and site.google_analytics -%}
    {%- include google-analytics.html -%}

--- a/_includes/header.html
+++ b/_includes/header.html
@@ -9,8 +9,12 @@
             src="{{ '/assets/banners/uni-logo.svg' | relative_url }}"
             type="image/svg+xml"
        />
-        <img class="img-banner"
-             src="{{ '/assets/banners/frozen-banner.svg' | relative_url }}"
+        <img class="img-banner img-banner-main"
+             src="{{ '/assets/banners/banner-frozen-text-main.svg' | relative_url }}"
+             type="image/svg+xml"
+        />
+        <img class="img-banner img-banner-motto"
+             src="{{ '/assets/banners/banner-frozen-text-motto.svg' | relative_url }}"
             type="image/svg+xml"
        />
        <img class="img-lcsb"

--- a/_sass/minima/_layout.scss
+++ b/_sass/minima/_layout.scss
@@ -57,8 +57,7 @@
  @include media-query($on-palm) {
    position: absolute;
    top: 9px;
-    // right: $spacing-unit / 2;
-    right: -20px;
+    right: $spacing-unit / 2;
    background-color: $background-color;
    border: 1px solid $grey-color-light;
    border-radius: 5px;

--- a/_sass/minima/_lcsb.scss
+++ b/_sass/minima/_lcsb.scss
@@ -17,22 +17,37 @@
 @media (max-width: 600px) {
  .img-uni-lu {
    margin-left: 1%;
-    width: 80px;
+    width: 70px;
  }
 }

 // Banner ==================================================================================
 .img-banner {
  bottom: -10px;
-  margin-left: 3%;
  position: relative;
-  width: 40%;
+}
+
+.img-banner-main {
+  margin-left: 3%;
+  width: 20%;
+}
+
+.img-banner-motto {
+  width: 20%;
 }

 @media (max-width: 600px) {
  .img-banner {
-    margin-left: 1%;
-    width: 50%;
+    margin-bottom: 2%;
+  }
+
+  .img-banner-main {
+    margin-left: 3%;
+    width: 47%;
+  }
+
+  .img-banner-motto {
+    display: none;
  }
 }

@@ -48,7 +63,6 @@
  .img-lcsb {
    margin-right: 1%;
    width: 120px;
-    bottom: -8px;
  }
 }

--- a/assets/banners/banner-frozen-text-main.svg
+++ b/assets/banners/banner-frozen-text-main.svg
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 64.5 10.53375"
+   version="1.1"
+   id="svg5251"
+   sodipodi:docname="banner-frozen-text-main.svg"
+   width="258"
+   height="42.134998"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata5255">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>frozen-banner-text-main</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1027"
+     id="namedview5253"
+     showgrid="false"
+     inkscape:zoom="1.9074287"
+     inkscape:cx="315.77925"
+     inkscape:cy="54.940013"
+     inkscape:window-x="1912"
+     inkscape:window-y="22"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="frozen" />
+  <defs
+     id="defs4870">
+    <style
+       id="style4868">.cls-1{fill:none;stroke:#60605e;stroke-width:0.333px;}.cls-2{fill:#626665;}.cls-3{fill:#17a8e1;}.cls-4{fill:#ed3028;}.cls-5{fill:#5d5d5d;}.cls-6,.cls-7{fill:#575b5e;}.cls-6{stroke:#575b5e;stroke-width:0.25px;}.cls-8{fill:#00aae5;}.cls-9{fill:#ee2e27;}</style>
+  </defs>
+  <title
+     id="title4872">frozen-banner-text-main</title>
+  <g
+     id="frozen"
+     transform="matrix(1,0,0,1.0373272,-70.29953,-9.7875937)">
+    <path
+       class="cls-5"
+       d="m 70.29953,18.04985 v -6.5 h 3.67285 v 0.54 h -3.08789 v 2.2959 h 2.98 v 0.54 h -2.98 v 3.124 z"
+       id="path4943"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+    <path
+       class="cls-5"
+       d="m 75.96066,18.04985 h -0.58545 v -6.5 h 2.12451 A 2.66636,2.66636 0 0 1 79.03048,11.89214 1.51893,1.51893 0 0 1 78.445,14.647 v 0.01807 c 0.82813,0.13476 1.0083,0.69287 1.08936,1.44922 0.11719,1.05322 0.08105,1.53955 0.34228,1.93554 h -0.67529 a 5.24748,5.24748 0 0 1 -0.2251,-1.35058 c -0.13476,-1.48535 -0.22509,-1.7461 -1.40429,-1.7461 h -1.6113 z m 1.251,-3.6372 c 0.82862,0 1.8545,-0.05371 1.8545,-1.16114 0,-1.25146 -1.16993,-1.16162 -1.79151,-1.16162 h -1.314 v 2.32276 z"
+       id="path4945"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+    <path
+       class="cls-5"
+       d="m 83.77316,18.18511 c -1.86328,0 -2.89893,-1.35987 -2.89893,-3.38526 0,-2.02539 1.03565,-3.38476 2.89893,-3.38476 1.86377,0 2.89892,1.35937 2.89892,3.38476 0,2.02539 -1.03515,3.38526 -2.89892,3.38526 z m 0,-0.54053 c 1.6206,0 2.26855,-1.42236 2.26855,-2.84473 0,-1.42237 -0.64795,-2.84472 -2.26855,-2.84472 -1.6206,0 -2.26856,1.42236 -2.26856,2.84472 0,1.42236 0.64795,2.84473 2.26856,2.84473 z"
+       id="path4947"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+    <path
+       class="cls-5"
+       d="m 87.62423,18.04985 v -0.54 l 3.60987,-5.41992 h -3.60987 v -0.54 h 4.30322 v 0.54 l -3.61914,5.41992 h 3.61914 v 0.54 z"
+       id="path4949"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+    <path
+       class="cls-5"
+       d="m 93.19552,18.04985 v -6.5 h 3.86182 v 0.54 h -3.27686 v 2.332 h 3.15088 v 0.54 h -3.15088 v 2.54785 h 3.41211 v 0.54 z"
+       id="path4951"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+    <path
+       class="cls-5"
+       d="m 98.60421,11.54985 h 0.66651 l 3.583,5.7168 h 0.0181 v -5.7168 h 0.585 v 6.5 h -0.73828 L 99.20777,12.43218 H 99.1897 v 5.61767 h -0.58545 z"
+       id="path4953"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+    <path
+       class="cls-5"
+       d="m 107.67648,18.04985 v -6.5 h 1.62939 c 1.25147,-0.02685 2.65576,0.28809 2.65576,1.83643 0,1.54883 -1.40429,1.86377 -2.65576,1.83691 h -1.04443 v 2.82666 z m 0.585,-3.36718 h 1.42236 c 0.87354,0 1.64746,-0.27881 1.64746,-1.29639 0,-1.01709 -0.77392,-1.29639 -1.64746,-1.29639 h -1.42236 z"
+       id="path4955"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+    <path
+       class="cls-5"
+       d="m 111.68087,18.04985 2.57471,-6.5 h 0.68408 l 2.59278,6.5 h -0.63916 l -0.69288,-1.75537 h -3.23193 l -0.68457,1.75537 z m 4.312,-2.29589 -1.40429,-3.66407 -1.43114,3.66411 z"
+       id="path4957"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+    <path
+       class="cls-5"
+       d="m 122.78829,14.73687 v 3.043 a 6.06393,6.06393 0 0 1 -2.33154,0.40528 c -1.77344,0 -2.77295,-1.38672 -2.77295,-3.38526 0,-1.67431 0.89112,-3.38476 2.77295,-3.38476 a 2.102,2.102 0 0 1 2.28662,1.7373 h -0.6665 a 1.47821,1.47821 0 0 0 -1.62012,-1.19726 c -1.55762,0 -2.14258,1.49414 -2.14258,2.84472 0,1.65674 0.69287,2.84473 2.44873,2.84473 a 5.22142,5.22142 0 0 0 1.44043,-0.27 V 15.2769 h -1.62988 v -0.54 z"
+       id="path4959"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+    <path
+       class="cls-5"
+       d="m 124.52413,18.04985 v -6.5 h 3.86187 v 0.54 h -3.2769 v 2.332 h 3.1509 v 0.54 h -3.1509 v 2.54785 h 3.4121 v 0.54 z"
+       id="path4961"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+    <path
+       class="cls-5"
+       d="m 131.56222,18.18511 a 1.88182,1.88182 0 0 1 -1.93555,-1.82764 h 0.63037 c 0.0181,0.999 0.75635,1.28711 1.6294,1.28711 0.72949,0 1.56641,-0.42285 1.56641,-1.251 0,-0.64843 -0.46778,-0.95459 -1.01709,-1.13476 -1.05323,-0.35108 -2.65577,-0.68408 -2.65577,-2.08838 a 1.893,1.893 0 0 1 2.07032,-1.75537 1.86776,1.86776 0 0 1 2.11572,1.54834 h -0.62988 c -0.0181,-0.80127 -0.74756,-1.0083 -1.41358,-1.0083 -0.67529,0 -1.51269,0.34179 -1.51269,1.13427 0,1.84571 3.67334,1.00831 3.67334,3.25 0,1.41362 -1.21534,1.84573 -2.521,1.84573 z"
+       id="path4963"
+       inkscape:connector-curvature="0"
+       style="fill:#5d5d5d" />
+  </g>
+</svg>
--- a/assets/banners/banner-frozen-text-motto.svg
+++ b/assets/banners/banner-frozen-text-motto.svg