feat: add new logo

Author: EthanWaite

public/images/logos/logo-with-text.png

@@ -5,7 +5,8 @@ header {
 	color: #fff;
 
 	.logo {
-		padding: 18px 0px 24px 0px;
+		line-height: 0px;
+		padding: 18px 0px;
 
 		h1, div {
 			font-family: Jura, Arial, Helvetica, sans-serif;
@@ -21,6 +22,12 @@ header {
 		div {
 			font-size: 14px;
 		}
+
+		img {
+			width: auto;
+			height: 72px;
+			border: none;
+		}
 	}
 
 	> .container > a {

src/components/header/header.scss

@@ -38,8 +38,7 @@ class HeaderComponent extends React.PureComponent<RouteComponentProps, IHeaderSt
 					<div className="row center">
 						<div className="logo flex">
 							<Link to="/">
-								<h1>CompSoc</h1>
-								<div>Durham University Computing Society</div>
+								<img src="/images/logos/logo-with-text.png" alt="Durham CompSoc Logo" />
 							</Link>
 						</div>
 						<div className="menu">

src/components/header/header.tsx

@@ -39,8 +39,6 @@ export class Team extends React.PureComponent {
 							<ArrowedLink to="/team/previous">See previous exec members</ArrowedLink>
 						</div>
 					</div>
-
-					<p>Society logo designed by Molly Watkins.</p>
 				</div>
 			</div>
 		)