Browse Source

ADDED favicons and support files [#1].

ADDED simple PWA support.
REMOVED development `base_uri`.
UPDATED to v0.2.0.
master
Eric Woodward 1 year 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/

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


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 @@
<?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>

BIN
assets/public/favicon.ico View File


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

@@ -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"
}
]
}

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

@@ -73,4 +73,4 @@
}, 1);
});
}
})();
}());

+ 0
- 1
base_uri.development View File

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

+ 9
- 1
gulpfile.js View File

@@ -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;

+ 1
- 1
package.json View File

@@ -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": {

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

@@ -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 %>" />

Loading…
Cancel
Save