Commit 50bba80b authored by Jacek Lebioda's avatar Jacek Lebioda
Browse files

Responsive header, v2

parent 1b470511
......@@ -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 -%}
......
......@@ -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"
......
......@@ -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;
......
......@@ -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;
}
}
<?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>
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment