Merge branch '29-make-a-logo' into 'dev'

Resolve "Make a logo"

Closes #29

See merge request pnx/httpcb!31

app/assets/sass/layout/_masthead.scss

@@ -1,11 +1,19 @@
 
 .masthead {
     @extend .container;
-    display: block;
+    display: flex;
+	flex-direction: column;
     text-align: center;
+	align-items: center;
     padding-top: 2em;
     padding-bottom: 4em;
 
+	.logo {
+		background: url(#{$image-path}/logo.png) no-repeat;
+		height: 220px;
+		width: 200px;
+	}
+
     h1, p {
         color: $text-light-color;
         text-shadow: $header-text-shadow;

app/views/_common/layout-front.volt

@@ -5,6 +5,8 @@
 
 <div class="masthead">
 
+	<div class="logo"></div>
+
     <h1>Welcome to HTTP Callback</h1>
 
     <p>

app/views/_common/layout.volt

@@ -4,6 +4,10 @@
         {{ assets.outputCss() }}
 
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<link rel="apple-touch-icon" sizes="180x180" href="{{ url('/apple-touch-icon.png') }}">
+		<link rel="icon" type="image/png" sizes="32x32" href="{{ url('/favicon-32x32.png') }}">
+		<link rel="icon" type="image/png" sizes="16x16" href="{{ url('/favicon-16x16.png') }}">
+		<link rel="manifest" href="{{ url('/site.webmanifest') }}">
         <title>HTTP Callback</title>
     </head>
 

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}