Commit c2c09bd4 authored by lic's avatar lic
Browse files

Rearrange footer

parent de109603
......@@ -11,14 +11,14 @@ footer {
margin: 0 auto;
@media @wide, @desktop {
grid-template-columns: 1fr auto 1fr;
grid-template-areas: 'social-media-logos copyright institution-logos';
grid-template-columns: 50% 25% 25%;
grid-template-areas: 'copyright social-media-logos institution-logos';
max-width: @dimension-max-content-width;
}
@media @tablet {
grid-template-columns: 1fr auto 1fr;
grid-template-areas: 'social-media-logos copyright institution-logos';
grid-template-columns: 50% 25% 25%;
grid-template-areas: 'copyright social-media-logos institution-logos';
font-size: .7em;
}
......@@ -35,9 +35,9 @@ footer {
footer div.copyright {
display: flex;
align-items: center;
justify-content: center;
justify-content: left;
grid-area: copyright;
padding: 2.5em 0;
padding: 2.5em .7em;
@media @mobile {
justify-content: center;
......@@ -51,9 +51,8 @@ footer div.copyright {
}
footer div.social-media-logos {
width: 100%;
display: flex;
justify-content: left;
justify-content: center;
align-items: center;
grid-area: social-media-logos;
......@@ -66,13 +65,12 @@ footer div.social-media-logos {
img {
height: 2em;
padding: 0 .8em;
padding: 0 .7em;
}
}
}
footer div.institution-logos {
width: 100%;
display: flex;
justify-content: right;
align-items: center;
......
......@@ -40,12 +40,6 @@ export default class Footer {
return m(
'footer',
m('div', [
m(
'div.social-media-logos',
m('a', { href: `https://www.facebook.com/AMIV.ETHZ/` }, m('img', { src: FacebookLogo })),
m('a', { href: `https://www.instagram.com/amiv_eth/` }, m('img', { src: InstagramLogo })),
m('a', { href: `https://twitter.com/amiv_ethz` }, m('img', { src: TwitterLogo }))
),
m('div.copyright', [
m('span', `© 1893 - ${new Date().getFullYear()} AMIV an der ETH`),
m(
......@@ -57,6 +51,12 @@ export default class Footer {
`${i18n('contact')} / ${i18n('legal-notice')}`
),
]),
m(
'div.social-media-logos',
m('a', { href: `https://www.facebook.com/AMIV.ETHZ/` }, m('img', { src: FacebookLogo })),
m('a', { href: `https://www.instagram.com/amiv_eth/` }, m('img', { src: InstagramLogo })),
m('a', { href: `https://twitter.com/amiv_ethz` }, m('img', { src: TwitterLogo }))
),
m('div.institution-logos', [
m('a', { href: `https://www.ethz.ch/` }, m('img', { src: EthLogo })),
m(
......
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