From 5edd378719739d7006accef30f412317babcf8c7 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sun, 4 Mar 2018 11:41:53 +0100
Subject: [PATCH] Resetting the overlay before drawing and editorconfig

---
 .editorconfig               |  8 ++++++++
 assets/scripts/src/sholo.js | 20 ++++++++++++++++++--
 2 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 .editorconfig

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..8162457
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,8 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
\ No newline at end of file
diff --git a/assets/scripts/src/sholo.js b/assets/scripts/src/sholo.js
index 41032dc..cd2cf5a 100644
--- a/assets/scripts/src/sholo.js
+++ b/assets/scripts/src/sholo.js
@@ -7,6 +7,7 @@ function createOverlay() {
   overlay = document.createElement('canvas');
   overlayContext = overlay.getContext('2d');
 
+  overlay.style.pointerEvents = 'none';
   overlay.style.background = 'transparent';
   overlay.style.position = 'fixed';
   overlay.style.top = '0';
@@ -61,6 +62,13 @@ function selectNode(node) {
     return;
   }
 
+  const overlayAlpha = 0.7;
+
+  // Reset the overlay
+  overlayContext.clearRect(0, 0, overlay.width, overlay.height);
+  overlayContext.fillStyle = `rgba( 0, 0, 0, ${overlayAlpha} )`;
+  overlayContext.fillRect(0, 0, overlay.width, overlay.height);
+
   // Cut out the cleared region
   overlayContext.clearRect(
     currentRegion.left - window.scrollX,
@@ -72,7 +80,15 @@ function selectNode(node) {
   document.body.appendChild(overlay);
 }
 
-const nodeToSelect = document.querySelector('.section__header');
+const nodesToSelect = [
+  document.querySelector('.section__header'),
+  document.querySelector('.section__how'),
+];
 
 createOverlay();
-selectNode(nodeToSelect);
+
+nodesToSelect.forEach((nodeToSelect, index) => {
+  window.setTimeout(() => {
+    selectNode(nodeToSelect);
+  }, index * 1000);
+});
-- 
GitLab