Pass the site to https, gzip all files, use more aggressive server-si…

…de caching and some useless busywork to improve the lighthouse audit score.

README.md

@@ -1,6 +1,6 @@
 # Graph.ical
 
-http://www.kchapelier.com/graph.ical/
+https://www.kchapelier.com/graph.ical/
 
 A procedural texture authoring application developed for [PROCJAM 2018](http://www.procjam.com/).
 
@@ -10,22 +10,22 @@ The main objective of this project is to have a free, intuitive and efficient gr
 
  * Create procedural height maps for 3D applications.
  * Procedurally generate a full set of tileable textures (diffuse, normal maps, height maps, specular maps, ...) for 3D applications.
- * Generate tileable variations from a given tileable texture with very simple patch-based synthesis ([graph](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/07869fb98c5348605cd9dffd104580e5)). Works best with highdensity textures such as sand, gravels, dirt, ...
- * Generate a tileable textures from a given non-tileable texture ([graph](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/b70aef495c97e306291b35dd57d9ddb3)). Works best with highdensity textures such as sand, gravels, dirt, ...
- * Generate a normal map from a given image ([graph](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/f0e5741103160c1f7f89b8eb4a14e1a1)).
- * Combine multiple b/w maps in a single image ([graph](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/c8cc088bdca781c421666656e0ea6723))
+ * Generate tileable variations from a given tileable texture with very simple patch-based synthesis ([graph](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/07869fb98c5348605cd9dffd104580e5)). Works best with highdensity textures such as sand, gravels, dirt, ...
+ * Generate a tileable textures from a given non-tileable texture ([graph](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/b70aef495c97e306291b35dd57d9ddb3)). Works best with highdensity textures such as sand, gravels, dirt, ...
+ * Generate a normal map from a given image ([graph](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/f0e5741103160c1f7f89b8eb4a14e1a1)).
+ * Combine multiple b/w maps in a single image ([graph](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/c8cc088bdca781c421666656e0ea6723))
  * Create complex custom effects to apply to images.
- * Usable as a prototyping tool for creative coding, without the coding ([example](https://twitter.com/kchplr/status/1058008232063627266), [graph](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/5a4648b643c914d676f6f62891cd2407))
- * Generate black and white maps to use in page transitions in websites ([example](https://twitter.com/kchplr/status/1061616749697744896), [graph](http://www.kchapelier.com/graph.ical/?gist=http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/be0b5de96b712fddcdf6d912078394ef)).
+ * Usable as a prototyping tool for creative coding, without the coding ([example](https://twitter.com/kchplr/status/1058008232063627266), [graph](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/5a4648b643c914d676f6f62891cd2407))
+ * Generate black and white maps to use in page transitions in websites ([example](https://twitter.com/kchplr/status/1061616749697744896), [graph](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/be0b5de96b712fddcdf6d912078394ef)).
 
 ## More examples
 
- * [Examples of each noise generator nodes](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/65608b65fd726c3f77ed9522e0524a56)
- * [Custom kaleidoscope](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/69c85cb68ee4610a30548facf69e8bf9)
- * [Cartoonish shiny stones](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/b801ea0ed3443dfb1af939f80f6b435f)
- * [Semi-realistic polished volcanic cobblestones](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/49d95ca6190410872e9b5c1e3a7c7097)
- * [Cords](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/b60f7b9b3f39895ec3082dc2f82fa520)
- * [Black sea](http://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/a5a8e30cd99307d0920cdb6826055d08), simplified port of my first [PROCJAM projet](https://github.com/kchapelier/procjam2014)
+ * [Examples of each noise generator nodes](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/65608b65fd726c3f77ed9522e0524a56)
+ * [Custom kaleidoscope](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/69c85cb68ee4610a30548facf69e8bf9)
+ * [Cartoonish shiny stones](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/b801ea0ed3443dfb1af939f80f6b435f)
+ * [Semi-realistic polished volcanic cobblestones](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/49d95ca6190410872e9b5c1e3a7c7097)
+ * [Cords](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/b60f7b9b3f39895ec3082dc2f82fa520)
+ * [Black sea](https://www.kchapelier.com/graph.ical/?gist=https://gist.github.com/kchapelier/a5a8e30cd99307d0920cdb6826055d08), simplified port of my first [PROCJAM projet](https://github.com/kchapelier/procjam2014)
 
 ## How to use
 
@@ -52,6 +52,7 @@ Make sure to contact me, either on [Twitter](https://twitter.com/kchplr) or thro
 
 ## History
 
+ * **1.2.1 (2019-01-12):** [Changelog](https://github.com/kchapelier/procjam2018/wiki/Changelogs#121-2019-01-12)
  * **1.2.0 (2018-12-08):** [Changelog](https://github.com/kchapelier/procjam2018/wiki/Changelogs#120-2018-12-08)
  * **1.1.0 (2018-11-22):** [Changelog](https://github.com/kchapelier/procjam2018/wiki/Changelogs#110-2018-11-22)
  * **1.0.1 (2018-11-17):** [Changelog](https://github.com/kchapelier/procjam2018/wiki/Changelogs#101-2018-11-17)

public/index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Graph.ical</title>
-    <link rel="stylesheet" href="resources/fonts/fonts.css">
-    <link rel="stylesheet" href="resources/fork-awesome/fork-awesome.min.css">
-    <link rel="stylesheet" href="main.css?v=1.2.0">
+    <meta name="description" content="Free open-source graph-based application to author procedural texture.">
+    <link rel="stylesheet" href="resources/fonts/fonts.css?v=1.2.1">
+    <link rel="stylesheet" href="resources/fork-awesome/fork-awesome.min.css?v=1.2.1">
+    <link rel="stylesheet" href="main.css?v=1.2.1">
 </head>
 <body>
 <main>
@@ -14,7 +16,7 @@ <h1>Graph.ical <span><strong>β</strong> <span id="version"></span></span></h1>
         <div class="buttons">
             <button class="fa fa-upload load-button" title="Load"></button>
             <button class="fa fa-save save-button" title="Save"></button>
-            <a class="fa fa-question" href="https://github.com/kchapelier/procjam2018/wiki/Help" target="_blank"></a>
+            <a class="fa fa-question" href="https://github.com/kchapelier/procjam2018/wiki/Help" target="_blank" rel="noopener noreferrer" title="Help"></a>
         </div>
     </header>
     <section class="working-space">
@@ -37,7 +39,7 @@ <h1>Graph.ical <span><strong>β</strong> <span id="version"></span></span></h1>
     </section>
     <footer>
         <div class="error"><span class="fa fa-times-circle"></span> <span class="error-text"></span></div>
-        <div class="credits"><a href="http://github.com/kchapelier/procjam2018" class="fa fa-github" target="_blank"></a></div>
+        <div class="credits"><a href="http://github.com/kchapelier/procjam2018" class="fa fa-github" target="_blank" rel="noopener noreferrer" title="Github repository"></a></div>
     </footer>
     <div class="overlay">
         <div class="popup">
@@ -50,7 +52,7 @@ <h1>Graph.ical <span><strong>β</strong> <span id="version"></span></span></h1>
         <input type="file" class="load-popup-input">
     </div>
 </main>
-<script src="main.js?v=1.2.0"></script>
+<script src="main.js?v=1.2.1"></script>
 <script>
     var a = new App();
 </script>

src/js/app.js

@@ -17,8 +17,8 @@ var { generateUUID } = require('./commons/utils');
 function App () {
   // Initialize node graph
 
-  this.version = 4;
-  this.versionStr = '1.2.0';
+  this.version = 5;
+  this.versionStr = '1.2.1';
   this.context = new Context();
 
   document.querySelector('#version').innerHTML = this.versionStr;

src/js/components/node-graph/type-selector.js

@@ -5,7 +5,7 @@ const { makeElement, simplifyString } = require('./../../commons/utils');
 function TypeSelector (typesProvider, callback) {
   this.callback = callback;
   this.element = makeElement('div', { className: 'selector' });
-  this.input = makeElement('input', { type: 'text', placeholder: 'Type node name', value: '' });
+  this.input = makeElement('input', { 'aria-label': 'Search a node', type: 'text', placeholder: 'Type node name', value: '' });
   this.container = makeElement('div', { className: 'types-container'});
 
   this.element.appendChild(this.input);