From ba7e78e3bcd38a05a841b18b0279efc6b185cc46 Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Tue, 28 Jul 2020 18:44:36 +0100
Subject: [PATCH] added screenshot watermark

---
 public/css/style.scss | 10 ++++++++++
 public/index.html     |  1 +
 public/js/script.js   | 16 ++++++++++------
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/public/css/style.scss b/public/css/style.scss
index e1854d0f3..2ad81344f 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -1451,12 +1451,22 @@ key {
 }
 
 .pageTest {
+  position: relative;
+
   .buttons {
     display: grid;
     grid-auto-flow: column;
     gap: 1rem;
     justify-content: center;
   }
+
+  .ssWatermark {
+    font-size: 1.25rem;
+    color: var(--sub-color);
+    position: absolute;
+    bottom: 0;
+    right: 0;
+  }
 }
 
 .pageLogin {
diff --git a/public/index.html b/public/index.html
index 312114d4c..20edb989f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -654,6 +654,7 @@
         <div id="testModesNotice">
 
         </div>
+        <div class="ssWatermark hidden">www.monkey-type.com</div>
         <div id="caret" class="default"></div>
         <div id="result" class="hidden">
           <div class="stats">
diff --git a/public/js/script.js b/public/js/script.js
index 7a3203789..591bb21c1 100644
--- a/public/js/script.js
+++ b/public/js/script.js
@@ -113,6 +113,8 @@ function copyResultToClipboard() {
   if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
     showNotification("Sorry, this feature is not supported in Firefox", 4000);
   } else {
+    $(".pageTest .ssWatermark").removeClass("hidden");
+    $(".pageTest .buttons").addClass("hidden");
     let src = $("#middle");
     var sourceX = src.position().left; /*X position from div#target*/
     var sourceY = src.position().top; /*Y position from div#target*/
@@ -143,14 +145,20 @@ function copyResultToClipboard() {
             ])
             .then((f) => {
               showNotification("Copied to clipboard", 1000);
+              $(".pageTest .ssWatermark").addClass("hidden");
+              $(".pageTest .buttons").removeClass("hidden");
             })
             .catch((f) => {
               showNotification("Error saving image to clipboard", 2000);
+              $(".pageTest .ssWatermark").addClass("hidden");
+              $(".pageTest .buttons").removeClass("hidden");
             });
         });
       });
     } catch (e) {
       showNotification("Error creating image", 2000);
+      $(".pageTest .ssWatermark").addClass("hidden");
+      $(".pageTest .buttons").removeClass("hidden");
     }
   }
 }
@@ -1281,11 +1289,7 @@ function showResult(difficultyFailed = false) {
     );
   }, 125);
 
-  $("#testModesNotice").css({
-    opacity: 0,
-    // 'height': 0,
-    // 'margin-bottom': 0
-  });
+  $("#testModesNotice").addClass("hidden");
 
   $("#result .stats .leaderboards .bottom").text("");
   $("#result .stats .leaderboards").addClass("hidden");
@@ -1860,7 +1864,7 @@ function restartTest(withSameWordset = false) {
         showKeymap();
       }
       $("#result").addClass("hidden");
-      $("#testModesNotice").css({
+      $("#testModesNotice").removeClass("hidden").css({
         opacity: 1,
         // 'height': 'auto',
         // 'margin-bottom': '1.25rem'