☰

No Surf Constant Splash Reminder + Timer

Every time you navigate to websites such as Reddit, Youtube, TikTok, Facebook you will get a full-face splash saying "Are you sure you want to waste your time here?".

  1. // ==UserScript==
  2. // @name         No Surf Constant Splash Reminder + Timer
  3. // @author       bajspuss@reddit + sudface
  4. // @version      0.2
  5. // @description  Every time you navigate to websites such as Reddit, Youtube, TikTok, Facebook you will get a full-face splash saying "Are you sure you want to waste your time here?".
  6. // @require      https://code.jquery.com/jquery-3.6.0.min.js
  7. // @include      https://www.reddit.com/*
  8. // @include      https://www.youtube.com/*
  9. // @include      https://www.tiktok.com/*
  10. // @include      https://www.facebook.com/*
  11. // @include      https://twitter.com/*
  12. // @noframes
  13. // @namespace https://greatest.deepsurf.us/users/809510
  14. // ==/UserScript==
  15.  
  16. (function ()
  17. {
  18.  
  19. // !!!!!!!!!!!! N O T I C E   M E !!!!!!!!!!!!!!
  20.  
  21. // !!!!!!!!!!!! N O T I C E   M E !!!!!!!!!!!!!!
  22.  
  23. // !!!!!!!!!!!! N O T I C E   M E !!!!!!!!!!!!!!
  24.  
  25. // This is a tampermonkey script.
  26.   
  27. // Change the below values to your liking.
  28. // count is the countdown before the proceed button enables, in seconds.
  29.     // Default Value = 5
  30. // redirectsite is the site that the do something better button takes you to.
  31.     // Note: The full link, including the http:// at the start must be present. Remember to enclose the whole link in quotation marks.
  32.     // Default Value = "https://phys.libretexts.org/Bookshelves/Quantum_Mechanics/Book%3A_Introductory_Quantum_Mechanics_(Fitzpatrick)/"
  33.  
  34. // !!!!!!!!!!!! N O T I C E   M E !!!!!!!!!!!!!!
  35.  
  36. // !!!!!!!!!!!! N O T I C E   M E !!!!!!!!!!!!!!
  37.  
  38. // !!!!!!!!!!!! N O T I C E   M E !!!!!!!!!!!!!!
  39.  
  40. let $ = window.$;
  41.   
  42. var count = 5;
  43. var redirectsite = "https://phys.libretexts.org/Bookshelves/Quantum_Mechanics/Book%3A_Introductory_Quantum_Mechanics_(Fitzpatrick)/"
  44.  
  45. $("head").append(`<style>
  46. #fullscreen-overlay {
  47.     display: visible;
  48.     position: fixed;
  49.     height: 100vh;
  50.     width: 100vw;
  51.     top: 0px;
  52.     left: 0px;
  53.     background: rgba(0, 0, 0, 1);
  54.     z-index: 999999999;
  55. }
  56. .centertext
  57. {
  58.   margin: 0;
  59.   position: absolute;
  60.   top: 50%;
  61.   left: 50%;
  62.   transform: translate(-50%, -50%);
  63.   text-align: center;
  64.   font-family: sans-serif;
  65.   font-size: 50px;
  66.   color: #fff;
  67. }
  68. button.btn {
  69.     height: 42px;
  70.     text-align: center;
  71.     text-decoration: none;
  72.     display: inline-block;
  73.     font-size: 16px;
  74.     border: none;
  75.     border-radius: 8px;
  76. }
  77. button.no {
  78.     width: 50%;
  79.     margin-left: 5%;
  80.     background-color: #4CAF50; /* Green */
  81.     color: white;
  82. }
  83. button.no:hover {
  84.     color: #4CAF50;
  85.     background-color: white;
  86. }
  87. button.yes {
  88.     width: 10%;
  89.     margin-right: 5%;
  90.     background-color: rgba(0, 0, 0, 1);
  91.     color: #f44336;
  92. }
  93. button.yes:hover {
  94.     color: rgba(0, 0, 0, 1);
  95.     background-color: #f44336;
  96. }
  97. button.yes:disabled:hover {
  98.     background-color: rgba(0, 0, 0, 1);
  99.     color: #f44336;
  100. }
  101. </style>`);
  102.  
  103. let [w, h] = [, window.innerHeight];
  104. $("body").append(`<div id="fullscreen-overlay">
  105. <div class="centertext">
  106. Are you sure you want to waste your time here?
  107. <br>
  108. <button id="keeponsite" class="yes btn" disabled>yes (<span id="countdowntimer"></span>)</button>
  109. <button id="quit" class="no btn">No I'll do something better.</button>
  110. </div>
  111. </div>`);
  112.  
  113. var spn = document.getElementById("countdowntimer");
  114. var btn = document.getElementById("keeponsite");
  115.  
  116. var timer = null;  // For referencing the timer
  117.  
  118. (function countDown(){
  119.   // Display counter and start counting down
  120.   spn.textContent = count;
  121.  
  122.   // Run the function again every second if the count is not zero
  123.   if(count !== 0){
  124.     timer = setTimeout(countDown, 1000);
  125.     count--; // decrease the timer
  126.   } else {
  127.     // Enable the button
  128.     btn.removeAttribute("disabled");
  129.   }
  130. }());
  131.  
  132. $("#keeponsite").click((e) => {
  133.     $("#fullscreen-overlay").css("display", "none");
  134.     console.log('ignoring');
  135. });
  136.  
  137. $("#quit").click((e) => {
  138.     window.location.href = redirectsite;
  139.     console.log('bye');
  140. });
  141.  
  142. window.addEventListener('popstate', () => {
  143.     $("#fullscreen-overlay").css("display", "visible");
  144. });
  145.  
  146. window.addEventListener('hashchange', () => {
  147.     $("#fullscreen-overlay").css("display", "visible");
  148. });
  149. })()