3 files changed, 19 insertions, 2 deletions

diff --git a/template/_meta.html b/template/_meta.html
index 9d92e34..b617f0f 100755
--- a/template/_meta.html
+++ b/template/_meta.html
@@ -3,10 +3,10 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-<link rel="stylesheet" href="/style.css?v=20210731-11">
+<link rel="stylesheet" href="/style.css?v=2021-10-07">
 
 <link rel="alternate" type="application/rss+xml" href="/feed.rss">
 <link rel="alternate" type="application/feed+json" href="/feed.json">
 <link rel="alternate" type="application/rss+xml" href="/yapyap.xml" title="YapYap">
 
-<link rel="icon" href="/assets/general/favicon.png?v=20210731-01" type="image/png">
+<link rel="icon" href="/assets/general/favicon.png?v=2021-10-07" type="image/png">
diff --git a/template/script.js b/template/script.js
index 8b13789..3d80484 100755
--- a/template/script.js
+++ b/template/script.js
@@ -1 +1,17 @@
+// dither image on mouse over replace
+document.querySelectorAll('article img').forEach(img => {
 
+  const ditheredImage = img.src;
+  const originalImage = img.src.replace('.dith.gif', '');
+
+  img.addEventListener('mouseover', evt => {
+    evt.target.src = originalImage;
+    console.log('mouseover')
+  });
+
+  img.addEventListener('mouseout', evt => {
+    evt.target.src = ditheredImage;
+    console.log('mouseout')
+  });
+
+});
diff --git a/template/style.css b/template/style.css
index 8152dab..8da06fd 100755
--- a/template/style.css
+++ b/template/style.css
@@ -307,6 +307,7 @@ article img {
   position: relative;
   left: -10%;
   margin: 70px auto;
+  border: 1px solid #eee;
 }
 
 article strong {