Add new logo to the website (#41)

Signed-off-by: petetnt <pete.a.nykanen@gmail.com>

src/assets/icons/browserconfig.xml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-  <msapplication>
-    <tile>
-      <square70x70logo src="/mstile-70x70.png"/>
-      <square150x150logo src="/mstile-150x150.png"/>
-      <square310x310logo src="/mstile-310x310.png"/>
-      <wide310x150logo src="/mstile-310x150.png"/>
-      <TileColor>#3090de</TileColor>
-    </tile>
-  </msapplication>
-</browserconfig>

src/assets/icons/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"}

src/index.jade

@@ -8,9 +8,9 @@ block header_content
     source(src='videos/jumbo.mp4', type='video/mp4')
   .header__container
     .header__nav
-      a(href='/') etusivu
+      a(href='/')
+        img(src="images/logo-new.svg", alt="Etusivu")
     .header__headline
-      .header__logo
       h1.header__title Yhteisö kaikille ohjelmoinnista ja ohjelmistoalasta kiinnostuneille harrastajille ja ammattilaisille.
 
 block content

src/styles/_header.styl

@@ -30,38 +30,27 @@ headerHeight = 400px
   left 90px
   top 40px
 
+  @media screen and (max-width: 810px)
+    left auto
+    right auto
+    width: 100%
+
   a
-    color white
+    display: block;
-    font-size 16px
+    max-width: 180px;
-    font-weight bold
+
-    margin-left 16px
+    @media screen and (max-width: 810px)
-    text-shadow 0 2px 0 rgba(0,0,0,0.1)
+      margin-left auto
-    position relative
+      margin-right auto
+    
+    img
+      width: 100%;
 
 .header__headline
   display table-cell
   padding 0 1em
   vertical-align middle
 
-.header__logo
-  background url('../images/logo.png')
-  background-size contain
-  display inline-block
-  height 180px
-  margin-right 2em
-  vertical-align middle
-  width 180px
-
-  @media screen and (max-width: 1030px)
-    height 120px
-    margin-right 1.5em
-    width 120px
-
-  @media screen and (max-width: 810px)
-    height 80px
-    margin 0 0 1.5em
-    width 80px
-
 .header__title
   color #fff
   display inline-block
@@ -70,7 +59,7 @@ headerHeight = 400px
   line-height 1.1
   margin auto
   max-width 780px
-  text-align left
+  text-align center
   text-shadow 0 2px 0 rgba(#000, 0.1)
   vertical-align middle
 

src/templates/head.jade

@@ -15,24 +15,10 @@ html
       if(location.hostname === 'koodiklinikka.fi' && location.protocol !== 'https:') {
         location.protocol = 'https';
       }
-    link(rel='apple-touch-icon', sizes='57x57', href='icons/apple-touch-icon-57x57.png')
+    link(rel='apple-touch-icon', sizes='180x180', href='icons/apple-touch-icon.png')
-    link(rel='apple-touch-icon', sizes='114x114', href='icons/apple-touch-icon-114x114.png')
+    link(rel='icon', type='image/png', sizes='32x32', href='icons/favicon-32x32.png')
-    link(rel='apple-touch-icon', sizes='72x72', href='icons/apple-touch-icon-72x72.png')
+    link(rel='icon', type='image/png', sizes='16x16', href='icons/favicon-16x16.png')
-    link(rel='apple-touch-icon', sizes='144x144', href='icons/apple-touch-icon-144x144.png')
+    link(rel='manifest', href='icons/site.webmanifest')
-    link(rel='apple-touch-icon', sizes='60x60', href='icons/apple-touch-icon-60x60.png')
-    link(rel='apple-touch-icon', sizes='120x120', href='icons/apple-touch-icon-120x120.png')
-    link(rel='apple-touch-icon', sizes='76x76', href='icons/apple-touch-icon-76x76.png')
-    link(rel='apple-touch-icon', sizes='152x152', href='icons/apple-touch-icon-152x152.png')
-    link(rel='apple-touch-icon', sizes='180x180', href='icons/apple-touch-icon-180x180.png')
-    link(rel='icon', type='image/png', href='icons/favicon-192x192.png', sizes='192x192')
-    link(rel='icon', type='image/png', href='icons/favicon-160x160.png', sizes='160x160')
-    link(rel='icon', type='image/png', href='icons/favicon-96x96.png', sizes='96x96')
-    link(rel='icon', type='image/png', href='icons/favicon-16x16.png', sizes='16x16')
-    link(rel='icon', type='image/png', href='icons/favicon-32x32.png', sizes='32x32')
-    link(rel='shortcut icon', href='icons/favicon.ico')
-    link(rel='icon', href='icons/favicon.ico')
-    meta(name='msapplication-TileColor', content='#10558c')
-    meta(name='msapplication-TileImage', content='icons/mstile-144x144.png')
     meta(property='og:image', content='images/logo.png')
     script(src='https://js.stripe.com/v3/')
     script(src='//use.typekit.net/scb5xny.js')