Browse Source

ADDED favicons and support files [#1].

ADDED simple PWA support.
REMOVED development `base_uri`.
UPDATED to v0.2.0.
Eric Woodward 6 months ago
parent
commit
48f900d1b0
33 changed files with 76 additions and 7 deletions
  1. 1
    1
      README.md
  2. BIN
      assets/images/favicons/android-icon-144x144.png
  3. BIN
      assets/images/favicons/android-icon-192x192.png
  4. BIN
      assets/images/favicons/android-icon-36x36.png
  5. BIN
      assets/images/favicons/android-icon-48x48.png
  6. BIN
      assets/images/favicons/android-icon-72x72.png
  7. BIN
      assets/images/favicons/android-icon-96x96.png
  8. BIN
      assets/images/favicons/apple-icon-114x114.png
  9. BIN
      assets/images/favicons/apple-icon-120x120.png
  10. BIN
      assets/images/favicons/apple-icon-144x144.png
  11. BIN
      assets/images/favicons/apple-icon-152x152.png
  12. BIN
      assets/images/favicons/apple-icon-180x180.png
  13. BIN
      assets/images/favicons/apple-icon-57x57.png
  14. BIN
      assets/images/favicons/apple-icon-60x60.png
  15. BIN
      assets/images/favicons/apple-icon-72x72.png
  16. BIN
      assets/images/favicons/apple-icon-76x76.png
  17. BIN
      assets/images/favicons/apple-icon-precomposed.png
  18. BIN
      assets/images/favicons/apple-icon.png
  19. BIN
      assets/images/favicons/favicon-16x16.png
  20. BIN
      assets/images/favicons/favicon-32x32.png
  21. BIN
      assets/images/favicons/favicon-96x96.png
  22. BIN
      assets/images/favicons/ms-icon-144x144.png
  23. BIN
      assets/images/favicons/ms-icon-150x150.png
  24. BIN
      assets/images/favicons/ms-icon-310x310.png
  25. BIN
      assets/images/favicons/ms-icon-70x70.png
  26. 2
    0
      assets/public/browserconfig.xml
  27. BIN
      assets/public/favicon.ico
  28. 41
    0
      assets/public/manifest.json
  29. 1
    1
      assets/scripts/scripts.js
  30. 0
    1
      base_uri.development
  31. 9
    1
      gulpfile.js
  32. 1
    1
      package.json
  33. 21
    2
      templates/partials/top.ejs

+ 1
- 1
README.md View File

@@ -20,7 +20,7 @@ You can see this site at: https://www.wonderdome.net/
20 20
 
21 21
     npm install
22 22
 
23
-+ Put the site's base URI in a file called `base_uri` (or copy one of the supplied ones, based on your chosen environment):
23
++ Put the site's base URI in a file called `base_uri` (or copy the supplied one, based on your chosen environment):
24 24
 
25 25
     cp base_uri.production base_uri
26 26
 

BIN
assets/images/favicons/android-icon-144x144.png View File


BIN
assets/images/favicons/android-icon-192x192.png View File


BIN
assets/images/favicons/android-icon-36x36.png View File


BIN
assets/images/favicons/android-icon-48x48.png View File


BIN
assets/images/favicons/android-icon-72x72.png View File


BIN
assets/images/favicons/android-icon-96x96.png View File


BIN
assets/images/favicons/apple-icon-114x114.png View File


BIN
assets/images/favicons/apple-icon-120x120.png View File


BIN
assets/images/favicons/apple-icon-144x144.png View File


BIN
assets/images/favicons/apple-icon-152x152.png View File


BIN
assets/images/favicons/apple-icon-180x180.png View File


BIN
assets/images/favicons/apple-icon-57x57.png View File


BIN
assets/images/favicons/apple-icon-60x60.png View File


BIN
assets/images/favicons/apple-icon-72x72.png View File


BIN
assets/images/favicons/apple-icon-76x76.png View File


BIN
assets/images/favicons/apple-icon-precomposed.png View File


BIN
assets/images/favicons/apple-icon.png View File


BIN
assets/images/favicons/favicon-16x16.png View File


BIN
assets/images/favicons/favicon-32x32.png View File


BIN
assets/images/favicons/favicon-96x96.png View File


BIN
assets/images/favicons/ms-icon-144x144.png View File


BIN
assets/images/favicons/ms-icon-150x150.png View File


BIN
assets/images/favicons/ms-icon-310x310.png View File


BIN
assets/images/favicons/ms-icon-70x70.png View File


+ 2
- 0
assets/public/browserconfig.xml View File

@@ -0,0 +1,2 @@
1
+<?xml version="1.0" encoding="utf-8"?>
2
+<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>

BIN
assets/public/favicon.ico View File


+ 41
- 0
assets/public/manifest.json View File

@@ -0,0 +1,41 @@
1
+{
2
+ "name": "The Wonder Dome",
3
+ "icons": [
4
+  {
5
+   "src": "\/images\/favicons\/android-icon-36x36.png",
6
+   "sizes": "36x36",
7
+   "type": "image\/png",
8
+   "density": "0.75"
9
+  },
10
+  {
11
+   "src": "\/images\/favicons\/android-icon-48x48.png",
12
+   "sizes": "48x48",
13
+   "type": "image\/png",
14
+   "density": "1.0"
15
+  },
16
+  {
17
+   "src": "\/images\/favicons\/android-icon-72x72.png",
18
+   "sizes": "72x72",
19
+   "type": "image\/png",
20
+   "density": "1.5"
21
+  },
22
+  {
23
+   "src": "\/images\/favicons\/android-icon-96x96.png",
24
+   "sizes": "96x96",
25
+   "type": "image\/png",
26
+   "density": "2.0"
27
+  },
28
+  {
29
+   "src": "\/images\/favicons\/android-icon-144x144.png",
30
+   "sizes": "144x144",
31
+   "type": "image\/png",
32
+   "density": "3.0"
33
+  },
34
+  {
35
+   "src": "\/images\/favicons\/android-icon-192x192.png",
36
+   "sizes": "192x192",
37
+   "type": "image\/png",
38
+   "density": "4.0"
39
+  }
40
+ ]
41
+}

+ 1
- 1
assets/scripts/scripts.js View File

@@ -73,4 +73,4 @@
73 73
       }, 1);
74 74
     });
75 75
   }
76
-})();
76
+}());

+ 0
- 1
base_uri.development View File

@@ -1 +0,0 @@
1
-http://wd.local

+ 9
- 1
gulpfile.js View File

@@ -265,6 +265,14 @@ gulp
265 265
       }))
266 266
       .pipe(gulp.dest(dest));
267 267
   })
268
+  .task('public', function(){
269
+    var dest = path.join(dest_dir);
270
+    console.log('Copy public');
271
+    return gulp
272
+      .src('assets/public/*')
273
+      .pipe(newer(dest))
274
+      .pipe(gulp.dest(dest));
275
+  })
268 276
   .task('support', buildSupportFiles)
269 277
   .task('pages', function() {
270 278
   	seq(
@@ -274,7 +282,7 @@ gulp
274 282
   })
275 283
 
276 284
   .task('build', [
277
-    'css', 'files', 'fonts', 'images', 'js', 'pages'
285
+    'css', 'files', 'fonts', 'images', 'js', 'public', 'pages'
278 286
   ], buildSupportFiles)
279 287
   .task('clean', function () {
280 288
     var dest = dest_dir;

+ 1
- 1
package.json View File

@@ -1,6 +1,6 @@
1 1
 {
2 2
   "name": "wonderdome-site",
3
-  "version": "0.1.1",
3
+  "version": "0.2.0",
4 4
   "description": "WonderDome.net static site, built using Gulp.",
5 5
   "dependencies": {},
6 6
   "devDependencies": {

+ 21
- 2
templates/partials/top.ejs View File

@@ -3,8 +3,7 @@
3 3
     getPageField = function(field_name) {
4 4
       return page[field_name] || site[field_name] || '';
5 5
     }
6
--%>
7
-<!doctype html>
6
+-%><!doctype html>
8 7
 <!--[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]-->
9 8
 <!--[if IE 7]>         <html class="no-js ie lt-ie10 lt-ie9 lt-ie8" lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <![endif]-->
10 9
 <!--[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 @@
24 23
   <meta name="keywords" content="<%= getPageField('keywords') %>">
25 24
   <meta name="robots" content="<%= getPageField('robots') %>">
26 25
 
26
+  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
27
+  <link rel="icon" href="/favicon.ico" type="image/x-icon">
28
+  <link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-icon-57x57.png">
29
+  <link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-icon-60x60.png">
30
+  <link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-icon-72x72.png">
31
+  <link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-icon-76x76.png">
32
+  <link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-icon-114x114.png">
33
+  <link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-icon-120x120.png">
34
+  <link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-icon-144x144.png">
35
+  <link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-icon-152x152.png">
36
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-icon-180x180.png">
37
+  <link rel="icon" type="image/png" sizes="192x192"  href="/images/favicons/android-icon-192x192.png">
38
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png">
39
+  <link rel="icon" type="image/png" sizes="96x96" href="/images/favicons/favicon-96x96.png">
40
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png">
41
+  <link rel="manifest" href="/manifest.json">
42
+  <meta name="msapplication-TileColor" content="#121a24">
43
+  <meta name="msapplication-TileImage" content="/images/favicons/ms-icon-144x144.png">
44
+  <meta name="theme-color" content="#121a24">
45
+
27 46
   <!-- Open Graph -->
28 47
   <meta property="og:type" content="website" />
29 48
   <meta property="og:url" content="<%= site.base_uri %><%= page.path %>" />