Update

andrewbrg · andrewbrg · commit 510c439c04d4 · 2020-05-06T22:54:03.000+02:00
diff --git a/src/css/main.css b/src/css/main.css
@@ -185,7 +185,7 @@ aside.ui-resizable.ui-resizing {
     box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2), 0 0 0 2px rgba(255, 255, 255, 0.18) !important;
     border-radius: .25rem !important;
     opacity: 0.95 !important;
-    border: none!important;
+    border: none !important;
 }
 
 .ace_tooltip.ace_doc-tooltip {
@@ -560,6 +560,11 @@ input.cmn-tgl-rnd-flt:checked + label:after {
     width: 100%;
 }
 
+.paypal-donate:hover {
+    opacity: 0.8;
+    cursor: pointer;
+}
+
 /*******************************************************************************/
 /********************************** Scrollers **********************************/
 /*******************************************************************************/
diff --git a/src/html/app.html b/src/html/app.html
@@ -56,6 +56,7 @@
     <link rel="stylesheet"
           href="/src/css/main.css"/>
 
+    <title>CodePad</title>
 </head>
 <body>
 
@@ -341,7 +342,7 @@
                            data-toggle="modal"
                            data-target=".modal-md-container">
                             <i class="fa fa-fw fa-heart"></i>
-                            &nbsp;Love Code Pad?
+                            &nbsp;Support CodePad
                         </a>
                     </div>
                 </li>
diff --git a/src/html/modals/content/rate.html b/src/html/modals/content/rate.html
@@ -1,13 +1,26 @@
 <div class="container-fluid">
-    <h2 class="text-center">Help us grow, leave a rating!</h2>
-    <br/>
-    <p class="text-center">Code Pad is a new application, help us by leaving your rating or feedback on the application page in the Chrome store.</p>
-    <p class="text-center">It only takes a few seconds ;)</p>
-    <p class="text-center">
-        <a href="https://chrome.google.com/webstore/detail/code-pad-ide/adaepfiocmagdimjecpifghcgfjlfmkh/reviews"
-           target="_blank"
-           class="btn btn-outline-primary">
-            <i class="fa fa-chrome"></i> Rate the IDE
+    <h3 class="text-center">Free, From Now Until Forever!</h3>
+    <p class="text-center"></p>
+    <p class="text-center">
+        CodePad was built to help the developer community on ChromeOS. It's free for anyone to use and/or
+        modify and that part will never change. CodePad was built for the community.
+    </p>
+    <p class="text-center">
+        However if you do enjoy CodePad and find it useful, please consider leaving a small &euro;0.25c donation. It
+        would be greatly appreciated.
+    </p>
+    <p class="text-center">
+        If you cannot do so or just don't want to, it's all good :) Just enjoy the application and keep coding! Thank
+        you!
+    </p>
+    <p class="text-center"></p>
+    <p class="text-center">
+        <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9N2WMWGKDVS84&source=url"
+           target="_blank">
+            <img src="/src/img/paypal-donate-button.png"
+                 alt="Thank You!"
+                 class="paypal-donate"
+                 height="80"/>
         </a>
     </p>
 </div>
diff --git a/src/html/templates/js.tpl b/src/html/templates/js.tpl
@@ -1,19 +1,16 @@
-(function(){
-    var BoilerplateClass = function () {
+/**
+ * Example class
+**/
+class ClassicalGreeting {
+    constructor(greeting = "Hello", name = "World") {
+        this.greeting = greeting;
+        this.name = name;
+    }
 
-        // Properties
-        this.publicProperty   = 'foo';
-        this._privateProperty = 'bar';
+    greet() {
+        return `${this.greeting}, ${this.name}!`;
+    }
+}
 
-        // Constructor
-        this.initialise = function(){
-        };
-
-        // Functions
-        this.publicFn = function(){
-        };
-
-        this._privateFn = function(){
-        };
-    };
-})();
+const classyGreeting = new ClassicalGreeting("Hey", "folks");
+console.log(classyGreeting.greet());
diff --git a/src/img/paypal-donate-button.png b/src/img/paypal-donate-button.png
