diff --git a/app/assets/images/lcpt-logo.png b/app/assets/images/lcpt-logo.png new file mode 100644 index 000000000..2cf630f81 Binary files /dev/null and b/app/assets/images/lcpt-logo.png differ diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index ed10a41a9..0e13a9ed0 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -15,7 +15,7 @@ body { display: grid; grid-template-columns: 1fr 768px 1fr; - grid-template-rows: 248px auto auto auto; + grid-template-rows: repeat(4, auto); font-family: var(--serif-font); font-weight: 400; line-height: 1.75; @@ -26,7 +26,7 @@ body { @media (max-width: 940px) { body { grid-template-columns: auto; - grid-template-rows: auto auto auto auto; + grid-template-rows: repeat(4, auto); } } @@ -49,6 +49,7 @@ header { grid-column: 2; grid-row: 1; padding: 0 3em; + text-align: center; } @media (max-width: 940px) { header { @@ -61,9 +62,7 @@ header { main { grid-column: 2; grid-row: 2; - padding-top: 4em; - padding-left: 3em; - padding-right: 3em; + padding: 3em; } @media (max-width: 940px) { main { @@ -342,12 +341,6 @@ label { .head-title { width: 100%; - border-bottom: 1px solid var(--almost-black); - display: flex; - flex-direction: row; - justify-content: space-between; - padding-top: 5em; - padding-bottom: 10px; } @media(max-width: 940px) { .head-title { @@ -356,42 +349,18 @@ label { } .head-title img { - width: 16%; - height: auto; - align-self: center; + width: 400px; + margin-top: 80px; } @media(max-width: 940px) { .head-title img { - width: 14vw; - } -} - -.head-text h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 300%; - margin: 0; - padding: 0; -} -@media(max-width: 940px) { - .head-text h1 { - font-size: 6.5vw; - white-space: nowrap; + margin-top: 0; } } -.head-text h3 { - margin: 0; - padding: 0; - font-weight: 700; - font-style: italic; - font-size: 155%; - line-height: 0.8em; -} @media(max-width: 940px) { - .head-text h3 { - font-size: 3.3vw; - white-space: nowrap; + .head-byline { + margin-bottom: 32px; } } @@ -422,8 +391,8 @@ label { } @media (max-width: 800px) { - .profile-text { - margin-top: 1em; + .profile-text { + margin-top: 1em; } } diff --git a/app/views/home/index.html.haml b/app/views/home/index.html.haml index eed82b193..d8fa9c6c2 100644 --- a/app/views/home/index.html.haml +++ b/app/views/home/index.html.haml @@ -3,8 +3,6 @@ %meta{property: 'og:description', content: 'The London College of Political Technology'}/ %meta{property: 'og:image', content: asset_url('book-logo-black-2-sq.jpg')}/ -%div.wide-pic{:style => "background-image: url(#{image_path "door.jpg"})"} - %p Newspeak House is an independent residential college founded in 2015 to study, nurture and inspire emerging communities of practice across civil society and the public sector in the UK.  %a{:href => "/about"}> more... @@ -37,7 +35,7 @@ %h3 What's On - +%div.wide-pic{:style => "background-image: url(#{image_path "door.jpg"})"} .event %a.event-title{:href => "https://lu.ma/RationClub"} Ration Club %br/ diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index 7f5abe478..ae6c87aef 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -36,12 +36,8 @@ %header .head-title - = image_tag('book-logo-black-2.png') - .head-text - %h1 Newspeak House - %h3 The London College of Political Technology - - %p + = image_tag('lcpt-logo.png') + .head-byline %a{:href => "https://goo.gl/maps/Z8Sa4T6sb3n"} 133-135 Bethnal Green Road • %a{:href => "mailto:contact@newspeak.house"} contact@newspeak.house