change logo

nwspk · Jun 6, 2024 · 2135be6 · 2135be6
1 parent 7be931d
commit 2135be6
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 51 deletions.
diff --git a/app/assets/images/lcpt-logo.png b/app/assets/images/lcpt-logo.png
diff --git 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
@@ -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.&thinsp;
   %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
@@ -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