Added Help link to GitHub Project for easier access to support

CHANGELOG.md

@@ -5,6 +5,11 @@ TelePrompter - Change Log
 
 ![icon](assets/img/icon-256x256.png "icon")
 
+:white_check_mark: v1.2.2 Release Notes ( January 29th, 2023 )
+---
+
+- [X] Added Help link to GitHub Project for easier access to support
+
 :white_check_mark: v1.2.1 Release Notes ( December 31st, 2022 )
 ---
 

README.md

@@ -46,12 +46,3 @@ Key              | Alternatives                            | Description
 <kbd>ESC</kbd>   |                                         | Resets GUI
 
 We also made an effort to make sure your text will be easy to read.   So if you are pasting text from a word document, we'll do some cleaning up to make the breaks flow more easily.
-
-Get Updates
----
-
-Follow this project on GitHub, or you can follow me on Twitter for updates: **[@mrmidi](http://twitter.com/mrmidi "Follow @mrmidi on Twitter")**
-
-#### Do you use this TelePrompter?
-
-[![Buy Me Coffee](https://peterschmalfeldt.com/buy-me-coffee.png)](https://www.paypal.me/manifestinteractive)

assets/css/style.v120.css → assets/css/style.v122.css

@@ -351,6 +351,36 @@ input[type="color"]::-webkit-color-swatch {
   border-radius: 8px;
 }
 
+#get-help {
+  color: #999;
+  top: 0;
+  left: 10px;
+  position: absolute;
+  z-index: 100;
+  width: 60px;
+  height: 60px;
+  display: block;
+  line-height: 60px;
+  text-decoration: none;
+  text-align: center;
+  font-size: 40px;
+  transition: color 0.25s;
+}
+#get-help:hover, #get-help:focus {
+  color: #FFF;
+}
+
+a.sponsor-project {
+  cursor: pointer;
+  pointer-events: all;
+  color: #4197d7;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+a.sponsor-project:hover, a.sponsor-project:focus {
+  text-decoration: underline;
+}
+
 @media only screen and (min-width: 601px) and (max-width: 960px) {
   header {
     height: 130px;
@@ -394,6 +424,10 @@ input[type="color"]::-webkit-color-swatch {
   .buttons {
     margin-right: 0 !important;
   }
+
+  #get-help {
+    left: 0;
+  }
 }
 
 @media only screen and (max-width: 600px) {
@@ -490,6 +524,14 @@ input[type="color"]::-webkit-color-swatch {
   .overlay .bottom {
     top: 230px;
   }
+
+  #get-help {
+    left: 0;
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    font-size: 30px;
+  }
 }
 
 @media only screen and (min-width: 376px) and (max-width: 420px) {
@@ -529,6 +571,10 @@ input[type="color"]::-webkit-color-swatch {
   .sliders label > span {
     display: unset;
   }
+
+  #get-help {
+    left: 40px;
+  }
 }
 
 @media only screen and (max-width: 320px) {

assets/js/remote.v120.js → assets/js/remote.v122.js

@@ -1,6 +1,6 @@
 /**
- * TelePrompter v1.2.0 - Browser-based TelePrompter with Remote Control
- * (c) 2021 Peter Schmalfeldt
+ * TelePrompter v1.2.2 - Browser-based TelePrompter with Remote Control
+ * (c) 2023 Peter Schmalfeldt
  * License: https://github.com/manifestinteractive/teleprompter/blob/master/LICENSE
  */
  var TelePrompterRemote = (function() {

assets/js/script.v120.js → assets/js/script.v122.js

@@ -1,6 +1,6 @@
 /**
- * TelePrompter v1.2.0 - Browser-based TelePrompter with Remote Control
- * (c) 2021 Peter Schmalfeldt
+ * TelePrompter v1.2.2 - Browser-based TelePrompter with Remote Control
+ * (c) 2023 Peter Schmalfeldt
  * License: https://github.com/manifestinteractive/teleprompter/blob/master/LICENSE
  */
 var TelePrompter = (function() {
@@ -27,7 +27,7 @@ var TelePrompter = (function() {
     timerExp = 10,
     timerGA,
     timerURL,
-    version = 'v1.2.0';
+    version = 'v1.2.2';
 
   /* Default App Settings */
   var defaultConfig = {

index.html

@@ -61,7 +61,7 @@
     <!-- Styles -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap">
     <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/redmond/jquery-ui.min.css" />
-    <link rel="stylesheet" href="assets/css/style.v120.css">
+    <link rel="stylesheet" href="assets/css/style.v122.css">
     <link rel="stylesheet" href="assets/css/font-awesome.min.css">
 
     <!-- DNS Pre-Connects -->
@@ -73,6 +73,9 @@
   </head>
 
   <body id="gui">
+    <a href="https://github.com/manifestinteractive/teleprompter#readme" id="get-help" target="_blank" title="Get Help with TelePrompter" aria-label="Get Help with TelePrompter" data-ga data-category="Nav" data-action="Help" data-label="Get Help">
+      <i class="icon-question-sign"></i>
+    </a>
     <div id="modal">
       <a class="button icon-remove-circle close-modal" href="javascript:void(0)" role="button" aria-label="Close Modal" title="Close Modal" data-ga data-category="Nav" data-action="Modal" data-label="Close Modal"></a>
 
@@ -160,6 +163,13 @@ <h1><i class="icon icon-bullhorn"></i> <span class="clock">00:00:00</span></h1>
         Microsoft Word document, we'll do some cleaning up to make the breaks flow more easily.
         <br><br>
         Thanks for stopping by.
+        <br><br>
+        Love this TelePrompter?
+        <br><br>
+        <a href="https://github.com/manifestinteractive/teleprompter#project-support" contenteditable="false" class="sponsor-project" target="_blank" title="Support TelePrompter" aria-label="Support TelePrompter" data-ga data-category="Nav" data-action="Help" data-label="Support TelePrompter">
+          Support Our Work :)
+        </a><br><br>
+        Thanks !!!
       </div>
       <i class="icon-play marker" style="display: none"></i>
     </article>
@@ -189,8 +199,8 @@ <h1><i class="icon icon-bullhorn"></i> <span class="clock">00:00:00</span></h1>
       });
     </script>
 
-    <script src="assets/js/plugins.v120.js"></script>
-    <script src="assets/js/script.v120.js"></script>
+    <script src="assets/js/plugins.v122.js"></script>
+    <script src="assets/js/script.v122.js"></script>
 
     <script>
       // Load Service Worker for PWA

package.json

@@ -1,6 +1,6 @@
 {
   "name": "teleprompter",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Browser-based TelePrompter with Remote Control",
   "homepage": "https://github.com/manifestinteractive/teleprompter",
   "license": "MIT",