Commit ffae8030 authored by Yohan Jarosz's avatar Yohan Jarosz
Browse files

add svgs for banner

parent e70d54a8
<header class="site-header" role="banner">
<div class="wrapper">
{%- assign default_paths = site.pages | map: "path" -%}
{%- assign page_paths = site.header_pages | default: default_paths -%}
<div id="bannerwrapper">
<img class="banner-line" src="{{ '/assets/banner-line.svg' | relative_url }}" type="image/svg+xml"></img>
<img class="banner-uni" src="{{ '/assets/banner-uni.svg' | relative_url }}" type="image/svg+xml"></img>
<img class="banner-lcsb" src="{{ '/assets/banner-lcsb.svg' | relative_url }}" type="image/svg+xml"></img>
<div id="bannertext" class="wrapper">
{%- assign default_paths = site.pages | map: "path" -%}
{%- assign page_paths = site.header_pages | default: default_paths -%}
<a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
{%- if page_paths -%}
......@@ -29,4 +32,5 @@
</nav>
{%- endif -%}
</div>
</div>
</header>
......@@ -26,6 +26,9 @@ $content-width: 800px !default;
$on-palm: 600px !default;
$on-laptop: 800px !default;
// height of the banner
$banner-height: 100px;
// Use media queries like this:
// @include media-query($on-palm) {
// .wrapper {
......
......@@ -179,6 +179,7 @@ pre {
padding-right: $spacing-unit;
padding-left: $spacing-unit;
@extend %clearfix;
position: relative;
@include media-query($on-laptop) {
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
......
......@@ -2,14 +2,48 @@
* Site header
*/
.site-header {
border-top: 5px solid $grey-color-dark;
border-bottom: 1px solid $grey-color-light;
min-height: $spacing-unit * 1.865;
height: $banner-height;
// Positioning context for the mobile navigation icon
position: relative;
}
/**
* SVG BANNER
*/
#bannerwrapper {
max-width: 100%;
max-height: $banner-height;
}
#bannertext {
margin-top: 20px;
}
.banner-uni {
position: fixed;
top: 0;
left: 0;
height: 100px;
}
.banner-lcsb {
position: fixed;
top: 0;
right: 0;
height: 100px;
}
.banner-line {
position: fixed;
top: 0;
left: 0;
height: 100px;
width: 100%;
}
.site-title {
@include relative-font-size(1.625);
font-weight: 300;
......@@ -185,6 +219,7 @@
* Page content
*/
.page-content {
margin-top: 100px;
padding: $spacing-unit 0;
}
......@@ -261,3 +296,5 @@
}
}
}
This diff is collapsed.
<svg preserveAspectRatio="xMinYMin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 30">
<defs>
<style>.cls-1{fill:none;stroke:#60605e;stroke-width:0.333px;}</style>
</defs>
<g>
<path class="cls-1" d="M1300,25 H60"/>
</g>
</svg>
\ No newline at end of file
<svg preserveAspectRatio="xMinYMin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 30"><defs><style>.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:#575b5e;}.cls-6{fill:#00aae5;}.cls-7{fill:#ee2e27;}</style></defs><title>ul-header-with-lcsb</title>
<g>
<path class="cls-1" d="M60 25V6.50856a3.82583,3.82583,0,0,0-3.826-3.825h-25.82a3.82581,3.82581,0,0,0-3.826,3.825v18.181H-.15992"/>
<path class="cls-2" d="M33.53115,21.14138a.6819.6819,0,0,1-.723-.731v-1.152h.256v1.152a.43975.43975,0,0,0,.467.492.447.447,0,0,0,.474-.492v-1.152h.251v1.152a.69771.69771,0,0,1-.725.731"/>
<polygon class="cls-2" points="36.009 21.11 35.037 19.768 35.005 19.718 35.009 19.778 35.009 21.11 34.757 21.11 34.757 19.258 34.972 19.258 35.931 20.575 35.963 20.628 35.958 20.567 35.958 19.258 36.211 19.258 36.211 21.11 36.009 21.11"/>
<rect class="cls-2" x="36.72515" y="19.25768" width="0.254" height="1.85101"/>
<polygon class="cls-2" points="38.174 21.11 38.016 21.11 37.364 19.258 37.61 19.258 38.079 20.595 38.095 20.659 38.109 20.595 38.581 19.258 38.823 19.258 38.174 21.11"/>
<polygon class="cls-2" points="39.209 21.11 39.209 19.258 40.244 19.258 40.244 19.498 39.463 19.498 39.463 20.088 40.226 20.088 40.226 20.326 39.463 20.326 39.463 20.871 40.292 20.871 40.292 21.11 39.209 21.11"/>
<path class="cls-2" d="M41.29693,19.49807h-.3v.636h.294a.32933.32933,0,0,0,.362-.341.32591.32591,0,0,0-.356-.295m.448,1.612-.748-.864v.864h-.253v-1.852h.599a.54416.54416,0,0,1,.573.546.53706.53706,0,0,1-.528.53l.682.776Z"/>
<path class="cls-2" d="M42.89025,21.14138a.83092.83092,0,0,1-.544-.188l.146-.197a.60977.60977,0,0,0,.385.138c.188,0,.317-.084.317-.257,0-.158-.145-.245-.309-.329-.265-.135-.533-.25-.533-.603a.48.48,0,0,1,.535-.477.86511.86511,0,0,1,.5.157l-.137.209a.54988.54988,0,0,0-.365-.117c-.145,0-.267.072-.267.213,0,.2.178.268.406.382.211.104.434.238.434.549a.52089.52089,0,0,1-.568.52"/>
<rect class="cls-2" x="43.87414" y="19.25768" width="0.254" height="1.85101"/>
<polygon class="cls-2" points="45.179 19.498 45.179 21.11 44.925 21.11 44.925 19.498 44.547 19.498 44.547 19.258 45.572 19.258 45.572 19.498 45.179 19.498"/>
<path class="cls-2" d="M46.58865,19.11208h-.243l.236-.374h.243Zm-.598,1.998v-1.852h1.034v.24h-.781v.59h.764v.238h-.764v.545h.83v.239Z"/>
<path class="cls-2" d="M49.01684,19.48708h-.213v1.395h.165a.70007.70007,0,1,0,.048-1.395m-.017,1.623h-.45v-1.852h.471a.90941.90941,0,0,1,.99.921.92834.92834,0,0,1-1.011.931"/>
<path class="cls-2" d="M51.158,21.14138a.6819.6819,0,0,1-.723-.731v-1.152h.256v1.152a.4402.4402,0,0,0,.467.492.44656.44656,0,0,0,.474-.492v-1.152h.251v1.152a.69717.69717,0,0,1-.725.731"/>
<rect class="cls-2" x="32.61917" y="17.75566" width="19.45599" height="0.267"/>
<polygon class="cls-2" points="32.816 24.329 32.816 22.476 33.07 22.476 33.07 24.09 33.772 24.09 33.772 24.329 32.816 24.329"/>
<path class="cls-2" d="M34.97586,24.35958a.68061.68061,0,0,1-.723-.73v-1.153h.256v1.153a.43975.43975,0,0,0,.467.492.447.447,0,0,0,.474-.492v-1.153h.251v1.153a.69691.69691,0,0,1-.725.73"/>
<polygon class="cls-2" points="37.475 24.329 37.062 23.697 36.983 23.568 36.899 23.703 36.488 24.329 36.195 24.329 36.836 23.351 36.268 22.476 36.579 22.476 36.935 23.026 36.993 23.121 37.054 23.021 37.412 22.476 37.703 22.476 37.138 23.339 37.782 24.329 37.475 24.329"/>
<polygon class="cls-2" points="38.281 24.329 38.281 22.476 39.316 22.476 39.316 22.717 38.535 22.717 38.535 23.307 39.299 23.307 39.299 23.546 38.535 23.546 38.535 24.09 39.364 24.09 39.364 24.329 38.281 24.329"/>
<polygon class="cls-2" points="41.569 24.329 41.569 22.967 41.575 22.895 41.549 22.94 40.967 23.723 40.866 23.723 40.281 22.959 40.256 22.92 40.261 22.987 40.261 24.329 40.007 24.329 40.007 22.476 40.222 22.476 40.92 23.383 41.598 22.476 41.823 22.476 41.823 24.329 41.569 24.329"/>
<path class="cls-2" d="M43.07894,23.53991H42.78v.55h.273c.229,0,.335-.111.335-.283a.27339.27339,0,0,0-.309-.267m-.106-.823H42.78v.585h.17c.276,0,.339-.167.339-.323,0-.165-.109-.262-.316-.262m.109,1.612h-.556v-1.853h.489a.49022.49022,0,0,1,.539.483.47987.47987,0,0,1-.213.426.474.474,0,0,1,.311.442.51091.51091,0,0,1-.57.502"/>
<path class="cls-2" d="M45.02005,22.69658a.66213.66213,0,0,0-.677.702.69842.69842,0,0,0,.686.713.68138.68138,0,0,0,.683-.718.66937.66937,0,0,0-.692-.697m.009,1.663a.93744.93744,0,0,1-.951-.961.949.949,0,1,1,1.898.004.94481.94481,0,0,1-.947.957"/>
<path class="cls-2" d="M47.19845,24.35958a.68033.68033,0,0,1-.722-.73v-1.153h.256v1.153a.43905.43905,0,0,0,.466.492.44728.44728,0,0,0,.475-.492v-1.153h.252v1.153a.69851.69851,0,0,1-.727.73"/>
<path class="cls-2" d="M49.05334,22.71688h-.298v.634h.293a.31949.31949,0,1,0,.005-.634m.449,1.612-.747-.864v.864h-.255v-1.853h.599a.545.545,0,0,1,.573.547.53639.53639,0,0,1-.527.531l.682.775Z"/>
<path class="cls-2" d="M51.06744,24.35958a.95.95,0,0,1-.938-.957.92792.92792,0,0,1,.941-.956.97745.97745,0,0,1,.682.251l-.154.189a.76689.76689,0,0,0-.532-.19.66723.66723,0,0,0-.673.709.70462.70462,0,0,0,.683.706.54523.54523,0,0,0,.545-.374h-.559v-.237h.853a.84942.84942,0,0,1-.848.859"/>
<path class="cls-3" d="M46.99285,8.28188a.70479.70479,0,0,1-.631-.393h-.08v7.926a.709.709,0,0,0,1.418,0V7.8889h-.08a.69883.69883,0,0,1-.627.393"/>
<path class="cls-4" d="M41.89666,10.03276a.69438.69438,0,0,1-.627-.392h-.08v6.174a.707.707,0,1,0,1.414,0v-6.174h-.079a.69589.69589,0,0,1-.628.392"/>
<path class="cls-4" d="M41.188,8.61a.70949.70949,0,1,1,.71.709.70866.70866,0,0,1-.71-.709"/>
<path class="cls-4" d="M33.51715,16.52239h0a.70692.70692,0,0,1-.707-.707v-5.467a.708.708,0,1,1,1.416,0v6.174h-.709"/>
<path class="cls-4" d="M34.60714,16.52239h0v-6.174a.70749.70749,0,1,1,1.415,0v6.174h.002c-.336,0-.412-.387-.412-.767a.76074.76074,0,0,1-.708.767h-.295"/>
<path class="cls-4" d="M39.50967,9.64077h0a.70845.70845,0,0,1,.707.708v5.467a.708.708,0,0,1-1.416,0v-6.175h.709"/>
<path class="cls-4" d="M38.41766,9.64077h.001v6.175a.708.708,0,0,1-1.416,0v-6.175c.334,0,.412.389.412.769h-.001a.76282.76282,0,0,1,.709-.769h.295"/>
<path class="cls-3" d="M49.38455,16.52239h0a.70628.70628,0,0,1-.707-.707v-5.467a.708.708,0,1,1,1.416,0v6.174h-.709"/>
<path class="cls-3" d="M50.47656,16.52239h-.001v-6.174a.707.707,0,1,1,1.414,0v6.174h.002c-.334,0-.412-.389-.412-.767h.001a.76162.76162,0,0,1-.709.767h-.295"/>
<path class="cls-3" d="M43.73864,15.81429a.70949.70949,0,1,1,.71.708.70887.70887,0,0,1-.71-.708"/>
</g>
</svg>
......@@ -7,4 +7,4 @@ layout: default
# Hello world.
This is the homepage `nice`.
\ No newline at end of file
This is the homepage `nicer`.
\ No newline at end of file
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