add some icons and make BaySec clickable so it goes to home

page..

content/media/css/site.css

@@ -96,7 +96,6 @@ ul.posts {
 }
 
   .site .title a {
-    font-size: 2em;
     color: #00441d;
     text-decoration: none;
   }

content/media/ico/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/media/ico/ms-icon-70x70.png"/><square150x150logo src="/media/ico/ms-icon-150x150.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

content/media/ico/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/media\/ico\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/media\/ico\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/media\/ico\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/media\/ico\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/media\/ico\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/media\/ico\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

layout/base.j2

@@ -28,10 +28,23 @@
   <meta name="viewport" content="{{ resource.meta.viewport }}">
 
   {% block favicons %}
-  <!-- Place favicon.ico & apple-touch-icon.png
-        in the root of your domain and delete these references -->
-  <link rel="shortcut icon" href="{{ media_url('/images/favicon.ico') }}">
-  <link rel="apple-touch-icon" href="{{ media_url('/images/apple-touch-icon.png') }}">
+<link rel="apple-touch-icon" sizes="57x57" href="{{ media_url('/ico/apple-icon-57x57.png') }}">
+<link rel="apple-touch-icon" sizes="60x60" href="{{ media_url('/ico/apple-icon-60x60.png') }}">
+<link rel="apple-touch-icon" sizes="72x72" href="{{ media_url('/ico/apple-icon-72x72.png') }}">
+<link rel="apple-touch-icon" sizes="76x76" href="{{ media_url('/ico/apple-icon-76x76.png') }}">
+<link rel="apple-touch-icon" sizes="114x114" href="{{ media_url('/ico/apple-icon-114x114.png') }}">
+<link rel="apple-touch-icon" sizes="120x120" href="{{ media_url('/ico/apple-icon-120x120.png') }}">
+<link rel="apple-touch-icon" sizes="144x144" href="{{ media_url('/ico/apple-icon-144x144.png') }}">
+<link rel="apple-touch-icon" sizes="152x152" href="{{ media_url('/ico/apple-icon-152x152.png') }}">
+<link rel="apple-touch-icon" sizes="180x180" href="{{ media_url('/ico/apple-icon-180x180.png') }}">
+<link rel="icon" type="image/png" sizes="192x192"  href="{{ media_url('/ico/android-icon-192x192.png') }}">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ media_url('/ico/favicon-32x32.png') }}">
+<link rel="icon" type="image/png" sizes="96x96" href="{{ media_url('/ico/favicon-96x96.png') }}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ media_url('/ico/favicon-16x16.png') }}">
+<link rel="manifest" href="{{ media_url('/ico/manifest.json') }}">
+<meta name="msapplication-TileColor" content="#ffffff">
+<meta name="msapplication-TileImage" content="{{ media_url('/ico/ms-icon-144x144.png') }}">
+<meta name="theme-color" content="#ffffff">
   {% endblock favicons %}
 
   {% block css %}
@@ -52,7 +65,7 @@
       {% block container %}
           <header class="banner clearfix title">
           {% block header -%}
-            <h1>BaySec</h1>
+            <h1><a href="/">BaySec</a></h1>
             <h3>SF Bay Area Security Professional Meetup</h3>
           {%- endblock %}
           </header>