ADDED favicons and support files [#1].

ADDED simple PWA support. REMOVED development `base_uri`. UPDATED to v0.2.0.
3 years ago · 48f900d1b0
33 changed files with 76 additions and 7 deletions
--- a/README.md
+++ b/README.md
@ -20,7 +20,7 @@ You can see this site at: https://www.wonderdome.net/

    npm install

-+ Put the site's base URI in a file called `base_uri` (or copy one of the supplied ones, based on your chosen environment):
+ Put the site's base URI in a file called `base_uri` (or copy the supplied one, based on your chosen environment):

    cp base_uri.production base_uri

--- a/assets/images/favicons/android-icon-144x144.png
+++ b/assets/images/favicons/android-icon-144x144.png
--- a/assets/images/favicons/android-icon-192x192.png
+++ b/assets/images/favicons/android-icon-192x192.png
--- a/assets/images/favicons/android-icon-36x36.png
+++ b/assets/images/favicons/android-icon-36x36.png
--- a/assets/images/favicons/android-icon-48x48.png
+++ b/assets/images/favicons/android-icon-48x48.png
--- a/assets/images/favicons/android-icon-72x72.png
+++ b/assets/images/favicons/android-icon-72x72.png
--- a/assets/images/favicons/android-icon-96x96.png
+++ b/assets/images/favicons/android-icon-96x96.png
--- a/assets/images/favicons/apple-icon-114x114.png
+++ b/assets/images/favicons/apple-icon-114x114.png
--- a/assets/images/favicons/apple-icon-120x120.png
+++ b/assets/images/favicons/apple-icon-120x120.png
--- a/assets/images/favicons/apple-icon-144x144.png
+++ b/assets/images/favicons/apple-icon-144x144.png
--- a/assets/images/favicons/apple-icon-152x152.png
+++ b/assets/images/favicons/apple-icon-152x152.png
--- a/assets/images/favicons/apple-icon-180x180.png
+++ b/assets/images/favicons/apple-icon-180x180.png
--- a/assets/images/favicons/apple-icon-57x57.png
+++ b/assets/images/favicons/apple-icon-57x57.png
--- a/assets/images/favicons/apple-icon-60x60.png
+++ b/assets/images/favicons/apple-icon-60x60.png
--- a/assets/images/favicons/apple-icon-72x72.png
+++ b/assets/images/favicons/apple-icon-72x72.png
--- a/assets/images/favicons/apple-icon-76x76.png
+++ b/assets/images/favicons/apple-icon-76x76.png
--- a/assets/images/favicons/apple-icon-precomposed.png
+++ b/assets/images/favicons/apple-icon-precomposed.png
--- a/assets/images/favicons/apple-icon.png
+++ b/assets/images/favicons/apple-icon.png
--- a/assets/images/favicons/favicon-16x16.png
+++ b/assets/images/favicons/favicon-16x16.png
--- a/assets/images/favicons/favicon-32x32.png
+++ b/assets/images/favicons/favicon-32x32.png
--- a/assets/images/favicons/favicon-96x96.png
+++ b/assets/images/favicons/favicon-96x96.png
--- a/assets/images/favicons/ms-icon-144x144.png
+++ b/assets/images/favicons/ms-icon-144x144.png
--- a/assets/images/favicons/ms-icon-150x150.png
+++ b/assets/images/favicons/ms-icon-150x150.png
--- a/assets/images/favicons/ms-icon-310x310.png
+++ b/assets/images/favicons/ms-icon-310x310.png
--- a/assets/images/favicons/ms-icon-70x70.png
+++ b/assets/images/favicons/ms-icon-70x70.png
--- a/assets/public/browserconfig.xml
+++ b/assets/public/browserconfig.xml
@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/images/favicons/ms-icon-70x70.png"/><square150x150logo src="/images/favicons/ms-icon-150x150.png"/><square310x310logo src="/images/favicons/ms-icon-310x310.png"/><TileColor>#000000</TileColor></tile></msapplication></browserconfig>
--- a/assets/public/favicon.ico
+++ b/assets/public/favicon.ico
--- a/assets/public/manifest.json
+++ b/assets/public/manifest.json
@ -0,0 +1,41 @@
+{
+ "name": "The Wonder Dome",
+ "icons": [
+  {
+   "src": "\/images\/favicons\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/images\/favicons\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/images\/favicons\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/images\/favicons\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/images\/favicons\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/images\/favicons\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}
--- a/assets/scripts/scripts.js
+++ b/assets/scripts/scripts.js
@ -73,4 +73,4 @@
      }, 1);
    });
  }
-})();
+}());
--- a/base_uri.development
+++ b/base_uri.development
@ -1 +0,0 @@
-http://wd.local
--- a/gulpfile.js
+++ b/gulpfile.js
@ -265,6 +265,14 @@ gulp
      }))
      .pipe(gulp.dest(dest));
  })
+  .task('public', function(){
+    var dest = path.join(dest_dir);
+    console.log('Copy public');
+    return gulp
+      .src('assets/public/*')
+      .pipe(newer(dest))
+      .pipe(gulp.dest(dest));
+  })
  .task('support', buildSupportFiles)
  .task('pages', function() {
  	seq(
@ -274,7 +282,7 @@ gulp
  })

  .task('build', [
-    'css', 'files', 'fonts', 'images', 'js', 'pages'
+    'css', 'files', 'fonts', 'images', 'js', 'public', 'pages'
  ], buildSupportFiles)
  .task('clean', function () {
    var dest = dest_dir;
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "wonderdome-site",
-  "version": "0.1.1",
+  "version": "0.2.0",
  "description": "WonderDome.net static site, built using Gulp.",
  "dependencies": {},
  "devDependencies": {
--- a/templates/partials/top.ejs
+++ b/templates/partials/top.ejs
@ -3,8 +3,7 @@
    getPageField = function(field_name) {
      return page[field_name] || site[field_name] || '';
    }
-%>
-<!doctype html>
+-%><!doctype html>
 <!--[if lt IE 7]>      <html class="no-js ie lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <![endif]-->
 <!--[if IE 7]>         <html class="no-js ie lt-ie10 lt-ie9 lt-ie8" lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <![endif]-->
 <!--[if IE 8]>         <html class="no-js ie lt-ie10 lt-ie9" lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <![endif]-->
@ -24,6 +23,26 @@
  <meta name="keywords" content="<%= getPageField('keywords') %>">
  <meta name="robots" content="<%= getPageField('robots') %>">

+  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+  <link rel="icon" href="/favicon.ico" type="image/x-icon">
+  <link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="/images/favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="/images/favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png">
+  <link rel="manifest" href="/manifest.json">
+  <meta name="msapplication-TileColor" content="#121a24">
+  <meta name="msapplication-TileImage" content="/images/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#121a24">
+
  <!-- Open Graph -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="<%= site.base_uri %><%= page.path %>" />