favicon

Author: olegrimko-etg

app.js

@@ -14,6 +14,10 @@ app.set('views', path.join(__dirname, 'views'))
 app.set('view engine', 'pug')
 app.set('env', process.env.NODE_ENV || 'production')
 
+router.get('/favicon.ico', (req, res, next) => {
+  res.redirect('/icon.svg')
+})
+
 app.use(logger('dev'))
 app.use(express.raw())
 app.use(express.json())

client/css/main.css

@@ -55,12 +55,6 @@ a.logo {
     border-radius: 4px;
 }
 
-.controls button.compare {}
-
-.controls button.edit {}
-
-.controls button.save {}
-
 .delim {
     min-width: 4px;
 }
@@ -82,7 +76,6 @@ form .files textarea {
 }
 
 .d2h-file-header {
-    z-index: inherit;
     display: block;
     height: auto;
 }

client/icon.svg

@@ -1,4 +1,4 @@
-const { src, dest, parallel, series, watch, task } = require('gulp')
+const { src, dest, parallel, series, watch } = require('gulp')
 const clean = require('gulp-clean')
 const uglifyCSS = require('gulp-clean-css')
 const concat = require('gulp-concat')
@@ -19,18 +19,19 @@ const build = (type, compile) =>
     ])
         .pipe(concat(`bundle.${type}`))
         .pipe(hash({ format: HASH_FORMAT }))
-        .pipe(dest(`./public/${type}`))
+        .pipe(dest(`public/${type}`))
 
 const buildCSS = () => build('css', uglifyCSS)
 const buildJS = () => build('js', uglifyJS)
 
 const css = series(cleanCSS, buildCSS)
 const js = series(cleanJS, buildJS)
+const favicon = () => src('client/icon.svg').pipe(dest('public'))
 
 const watchCSS = () => watch('client/css/**', { ignoreInitial: false }, css)
 const watchJS = () => watch('client/js/**', { ignoreInitial: false }, js)
 
 module.exports = {
-    default: parallel(css, js),
+    default: parallel(css, js, favicon),
     watch: parallel(watchCSS, watchJS)
 }

gulpfile.js

@@ -3,6 +3,7 @@ html
   head
     block head
       title DIƒƒER
+      link(rel='icon' href='icon.svg' sizes='any' type='images/svg+xml')
       - if (typeof bundles === 'object') {
       link(rel='stylesheet' href=`/css/${bundles.css}`)
       - }