Commit d98ad506 authored by lic's avatar lic Committed by Sandro Lutz
Browse files

Add ETH and VSETH logo to footer

parent 3196141e
<?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"
viewBox="0 0 248.56799 91.445335"
height="91.445335"
width="248.56799"
xml:space="preserve"
id="svg2"
version="1.1"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs6"><clipPath
id="clipPath18"
clipPathUnits="userSpaceOnUse"><path
id="path16"
d="M 0,68.584 H 186.426 V 0 H 0 Z" /></clipPath></defs><g
transform="matrix(1.3333333,0,0,-1.3333333,0,91.445333)"
id="g10"><g
id="g12"><g
clip-path="url(#clipPath18)"
id="g14"><g
transform="translate(109.3599,29.0952)"
id="g20"><path
id="path22"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -0.81,-4.017 -3.913,-4.221 -4.528,-4.221 -1.752,0 -2.797,1.012 -2.797,2.704 0,0.387 0.057,0.913 0.155,1.439 l 1.92,9.562 0.008,0.037 h -2.267 l -1.956,-9.805 -0.026,-0.14 c -0.084,-0.443 -0.162,-0.863 -0.162,-1.408 0,-2.634 1.73,-4.402 4.308,-4.402 1.887,0 3.401,0.619 4.508,1.841 L -1.131,-6.008 -1.139,-6.046 H 1.096 L 4.185,9.484 4.191,9.521 H 1.892 Z" /></g><g
transform="translate(124.8149,38.8047)"
id="g24"><path
id="path26"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.752,0 -3.304,-0.716 -4.281,-1.974 l 0.351,1.748 0.007,0.037 h -2.236 l -3.089,-15.529 -0.007,-0.038 h 2.269 l 1.891,9.525 c 0.484,2.444 2.361,4.217 4.466,4.217 0.903,0 1.615,-0.356 2.175,-1.087 L 1.567,-3.129 3.409,-1.48 3.39,-1.457 C 2.54,-0.475 1.429,0 0,0" /></g><g
transform="translate(87.3296,36.6411)"
id="g28"><path
id="path30"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 -0.007,-0.039 H 7.729 L -2.57,-11.683 -2.576,-11.689 -2.964,-13.592 H 8.014 l 0.391,2.014 H 0.198 l 10.331,11.645 0.005,0.007 0.387,1.901 H 0.384 Z" /></g><g
transform="translate(128.5117,23.0869)"
id="g32"><path
id="path34"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 -0.008,-0.038 H 2.259 L 5.353,15.529 H 3.123 Z" /></g><g
transform="translate(159.2524,38.8037)"
id="g36"><path
id="path38"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -1.865,0 -3.321,-0.571 -4.44,-1.75 l 1.758,8.669 H -4.95 l -4.555,-22.676 h 2.268 l 1.89,9.526 c 0.811,4.015 3.942,4.218 4.56,4.218 1.733,0 2.768,-1.011 2.768,-2.704 0,-0.384 -0.058,-0.908 -0.158,-1.44 l -1.924,-9.6 h 2.266 l 1.988,9.809 c 0.096,0.521 0.159,0.962 0.159,1.547 C 4.312,-1.769 2.577,0 0,0" /></g><g
transform="translate(144.2212,38.8047)"
id="g40"><path
id="path42"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 c -4.113,0 -7,-2.897 -7.923,-7.949 -0.166,-0.846 -0.223,-1.793 -0.223,-2.397 0,-3.452 2.095,-5.597 5.471,-5.597 1.963,0 3.755,0.752 5.181,2.177 l 0.02,0.021 -1.307,1.596 -0.024,0.028 -0.024,-0.027 c -1.203,-1.266 -2.281,-1.783 -3.721,-1.783 -1.609,0 -3.33,0.958 -3.33,3.648 0,0.842 0.1,1.538 0.249,2.322 0.243,1.32 0.79,3.164 2.005,4.447 0.966,0.995 2.111,1.5 3.406,1.5 1.352,0 2.198,-0.481 3.022,-1.715 l 0.019,-0.03 1.664,1.406 0.024,0.02 -0.018,0.025 C 3.354,-0.711 1.969,0 0,0" /></g><g
transform="translate(132.4761,42.8882)"
id="g44"><path
id="path46"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 H 2.272 L 2.837,2.834 H 0.573 Z" /></g><g
transform="translate(110.4292,42.8882)"
id="g48"><path
id="path50"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 H 2.273 L 2.835,2.834 H 0.574 Z" /></g><g
transform="translate(104.3828,42.8882)"
id="g52"><path
id="path54"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 H 2.272 L 2.836,2.834 H 0.575 Z" /></g><g
transform="translate(74.0903,36.936)"
id="g56"><path
id="path58"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 0,0 h -5.102 l 1.792,8.787 h -43.365 l -4.554,-22.676 h 17.29 l 1.132,5.668 h -10.208 l 0.619,3.118 h 10.205 L -31.164,0 h -10.207 l 0.618,3.119 h 16.18 l -3.416,-17.008 h 7.087 l 3.416,17.008 h 5.949 l -3.415,-17.008 h 7.088 l 1.749,8.786 h 5.1 l -1.749,-8.786 H 4.323 L 8.879,8.787 H 1.792 Z" /></g></g></g></g></svg>
\ No newline at end of file
<?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"
viewBox="0 0 383.04001 208.88"
height="208.88"
width="383.04001"
xml:space="preserve"
id="svg2"
version="1.1"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs6" /><g
transform="matrix(1.3333333,0,0,-1.3333333,0,208.88)"
id="g10"><g
transform="scale(0.1)"
id="g12"><path
id="path14"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 1629.18,829.617 c -12.18,26.973 -37.41,46.981 -75.69,46.981 -38.29,0 -63.52,-20.008 -75.7,-46.981 -6.96,-16.531 -9.57,-28.711 -10.44,-48.722 h 172.27 c -0.87,20.011 -3.48,32.191 -10.44,48.722 z M 1467.35,703.465 c 0,-58.301 35.68,-100.926 99.18,-100.926 49.6,0 73.96,13.914 102.67,42.625 l 68.73,-66.992 c -46.11,-46.113 -90.48,-71.352 -172.27,-71.352 -107.01,0 -209.67,48.731 -209.67,232.309 0,147.91 80.04,231.434 197.5,231.434 126.15,0 197.5,-92.223 197.5,-216.641 v -50.457 h -283.64" /><path
id="path16"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 1997.17,512.051 c -92.23,0 -131.38,65.25 -131.38,129.637 V 866.16 h -47.85 v 86.133 h 47.85 V 1086.29 H 1978.9 V 952.293 h 80.05 V 866.16 H 1978.9 V 648.648 c 0,-26.101 12.17,-40.894 39.15,-40.894 h 40.9 v -95.703 h -61.78" /><path
id="path18"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 2421.73,512.051 v 276.676 c 0,60.031 -38.29,80.039 -73.96,80.039 -35.67,0 -73.08,-20.879 -73.08,-80.039 V 512.051 h -113.11 v 619.479 h 113.11 V 923.582 c 30.45,31.328 68.73,46.981 108.75,46.981 99.19,0 151.39,-69.598 151.39,-165.301 V 512.051 h -113.1" /><path
id="path20"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 590.781,526.059 H 503.066 L 337.949,974.117 h 117.813 l 91.164,-276.922 90.293,276.922 h 117.82 L 590.781,526.059" /><path
id="path22"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="m 1029.12,1020.79 c -147.741,0 -267.936,-121.099 -267.936,-269.958 0,-124.59 84.226,-229.691 198.308,-260.66 v 0.469 c 16.106,-3.911 33.469,-5.672 50.698,-5.672 36.5,0 72.33,7.902 93.99,19.992 34.05,18.988 57.03,44.68 68.31,76.352 12.09,33.941 10.82,67.371 -3.77,99.375 -7.63,16.679 -19.71,33.757 -35.92,50.785 l -33.98,35.566 c -34.03,35.527 -46.16,52.227 -50.49,60.219 -4.97,8.808 -9.92,22.062 -5.26,35.14 2.6,7.313 10.46,21.102 33.81,31.379 13.65,6 21.13,7.227 24.13,7.457 l 7.55,29.442 c -41.2,12.265 -126.47,11.039 -165.072,-79.285 -11.371,-26.582 -11.906,-55.551 -1.554,-83.77 9.121,-24.898 28.515,-52.715 59.296,-85.027 l 29.31,-30.844 c 21.33,-22.27 29.16,-33.625 31.95,-39.168 5.38,-10.809 5.76,-22.34 1.16,-35.262 -4.25,-11.941 -10.45,-19.379 -22.1,-26.531 -6.45,-3.957 -41.03,-23.039 -88.464,-9.348 l -0.012,-0.011 c -87.711,31.277 -150.601,114.883 -150.601,213.347 0,125.172 101.48,226.645 226.647,226.645 125.18,0 226.65,-101.473 226.65,-226.645 0,-43.418 -12.23,-83.968 -33.4,-118.437 l 31.07,-32.906 c 27.55,42.414 43.63,93.039 43.63,147.398 0,148.859 -120.2,269.958 -267.95,269.958" /></g></g></svg>
\ No newline at end of file
......@@ -46,12 +46,17 @@ html,body {
section {
width: 100%;
margin: 3em 0 0;
> * {
max-width: @dimension-max-content-width;
padding: 0 1em;
margin: 0 auto;
}
&.blue {
background-color: @color-dark-blue;
}
}
main {
......
@import './colors.less';
footer {
color: #fff;
background-color: @color-dark-blue;
display: grid;
grid-template-columns: repeat(6, 1fr);
color: @color-grey;
div {
padding: 1.5em 0;
div.copyright {
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
grid-column: ~'1 / 3';
.copyright {
padding-right: 1em;
......@@ -15,16 +19,38 @@ footer {
@media @mobile {
display: block;
grid-column: ~'1 / 7';
border-right: none;
padding-right: 0;
padding: 2em 0 0;
margin-bottom: 1em;
}
}
a {
margin-left: 1em;
color: #fff;
color: @color-red;
text-decoration: none;
}
}
div.footer-logo {
width: 100%;
display: flex;
justify-content: center;
grid-column: span 2;
@media @mobile {
grid-column: span 3;
}
a {
position: relative;
img {
height: 4em;
max-width: 100%;
background-color: @color-dark-blue;
}
}
}
}
import m from 'mithril';
import { currentLanguage, i18n } from '../models/language';
import EthLogo from '../images/eth.svg';
import VsethLogo from '../images/vseth.svg';
const renderVseth = coord => {
const style = `
z-index: 999;
left: ${coord[0]}px;
top: ${coord[1]}px;
`;
return m(
'a',
{
onclick: false,
href: `https://vseth.ethz.ch/`,
style,
},
m('img', { src: VsethLogo })
);
};
export default class Footer {
static view() {
return m(
'footer',
m('div', [
m('span.copyright', `© 1893 - ${new Date().getFullYear()} AMIV an der ETH`),
oninit() {
this.coord = [0, 0];
}
handleClick() {
const x = -Math.random() * 400;
const y = -Math.random() * 400;
this.coord = [x, y];
// setTimeout(() => {
// window.scrollTo(0, document.body.scrollHeight || document.documentElement.scrollHeight);
// }, 0); // Without this timeout the page scrolls to the top
return false;
}
view() {
return m('footer', [
m('div.copyright', [
m('span', `© 1893 - ${new Date().getFullYear()} AMIV an der ETH`),
m(
'a',
{
......@@ -15,7 +48,15 @@ export default class Footer {
},
i18n('legal-notice')
),
])
);
]),
m('div.footer-logo', m('a', { href: `https://www.ethz.ch/` }, m('img', { src: EthLogo }))),
m(
'div.footer-logo',
{
onclick: () => this.handleClick(),
},
renderVseth(this.coord)
),
]);
}
}
Supports Markdown
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