Added flip on over on CV image

2 files changed, 10 insertions, 1 deletions

diff --git a/template/_includes.html b/template/_includes.html
index 1edbce7..3c73ccf 100755
--- a/template/_includes.html
+++ b/template/_includes.html
@@ -1,3 +1,3 @@
 <!-- user code -->
 
-<script src="/script.js?v=2021-10-07-3" async></script>
+<script src="/script.js?v=2021-10-08" async></script>
diff --git a/template/script.js b/template/script.js
index 0332221..e8b7039 100755
--- a/template/script.js
+++ b/template/script.js
@@ -12,4 +12,13 @@ window.addEventListener('load', () => {
       evt.target.src = ditheredImage;
     });
   });
+
+  // flip CV image on mouse over
+  document.querySelector('.cv-picture img').addEventListener('mouseover', evt => {
+    evt.target.style.transform = 'scaleX(-1)';
+  });
+
+  document.querySelector('.cv-picture img').addEventListener('mouseout', evt => {
+    evt.target.style.transform = 'scaleX(1)';
+  });
 });