From 9f16f43de436255cccc97328b6d06434416eb7b1 Mon Sep 17 00:00:00 2001
From: robinmoisson <robin.moisson@gmail.com>
Date: Tue, 4 Feb 2025 18:29:44 +0100
Subject: [PATCH] update readme & index footer

---
 README.md                      |  2 +-
 example/encrypted/example.html |  6 +++---
 index.html                     | 27 +++++++++++++++++----------
 scripts/index_template.html    | 23 +++++++++++++++--------
 4 files changed, 36 insertions(+), 22 deletions(-)

diff --git a/README.md b/README.md
index c294edc..920202c 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ StatiCrypt uses AES-256 and WebCrypto to encrypt your HTML file with your long p
 
 👉️ You can encrypt a file online in your browser (client side) at [robinmoisson.github.io/staticrypt](https://robinmoisson.github.io/staticrypt), or use the CLI to do it in your terminal or build process.
 
-> 🌱 **Supporting:** I quit my software developer job after 10 years to [teach mindfulness meditation](https://robinmoisson.com/mindfulness-coaching) in French and English. If you want to support StatiCrypt development you can do so by clicking on the sponsor button (or, well, come learn meditation!). See [how donations are used](https://github.com/sponsors/robinmoisson). Thank you for your support!
+> 🌱 **Supporting:** If you want to support StatiCrypt development you can do so by clicking on the sponsor button (or, well, [come learn meditation](https://robinmoisson.com/en/) at my other job!). See [how donations are used](https://github.com/sponsors/robinmoisson). Thank you for your support!
 >
 > <a href="https://github.com/sponsors/robinmoisson"><img src="https://user-images.githubusercontent.com/5664025/234358001-65dfb967-19ab-49da-a8f5-27deca92ceb1.png" alt="Sponsor" /></a>
 
diff --git a/example/encrypted/example.html b/example/encrypted/example.html
index a0fd71e..9ec65b7 100644
--- a/example/encrypted/example.html
+++ b/example/encrypted/example.html
@@ -165,9 +165,9 @@
                 }
             }
 
-            @media screen and (-webkit-min-device-pixel-ratio:0) { 
+            @media screen and (-webkit-min-device-pixel-ratio: 0) {
                 .staticrypt-form input[type="password"],
-                input[type="text"]  {
+                input[type="text"] {
                     font-size: 16px;
                 }
             }
@@ -820,7 +820,7 @@ exports.init = init;
                 templateToggleAltShow = "Show password",
                 templateToggleAltHide = "Hide password",
                 isRememberEnabled = true,
-                staticryptConfig = {"staticryptEncryptedMsgUniqueVariableName":"8e395d6160e79a99ea38ea6115934a9090173fd99186a1cb457b57ea2868ab704e6035e29e2031ce62a11a631efcfeb3565ff471739927d161ac53cec34edb4f9d0fbd7c630651e90c0f3009973d1ac2c04278a5c72622279a43133430862b1ac89dec458421be73f93419606ddbec12aefd3ed5c316f25224826f1baddcb9f247e1fe209608e82946e043de9a4e234ed3c1dfa2f83cfc2e9c3e2467e01322c8a10456e8cf4cc643fa18fd5db58399c3a3f423bc2164c0cd53c3de98be3cd96b","isRememberEnabled":true,"rememberDurationInDays":0,"staticryptSaltUniqueVariableName":"b93bbaf35459951c47721d1f3eaeb5b9"};
+                staticryptConfig = {"staticryptEncryptedMsgUniqueVariableName":"b6316cd49ce09d90d6cf34cd96603f083cd803602dc4e5c34d6cf1f2d871f236ea7e0d207814dee498ab00a44e18b94846ebb2538a18d5920e274768c25955cb3add357be6967f3b0a63669017427eb52fe6d5b2d8994f849c7d9f227062db040eac791ca7bcf7b6cd12799d3ad730d18eb63e9d533cb6277b9546c632668da3f4ca3af925e0bfdc22992bd43e2344f07dbae2c2e0bfa2e84976ab8bec4f320508008deb828196d74f7c2923c2be19111f21e285fae7400d64271e32c6f9a618","isRememberEnabled":true,"rememberDurationInDays":0,"staticryptSaltUniqueVariableName":"b93bbaf35459951c47721d1f3eaeb5b9"};
 
             // you can edit these values to customize some of the behavior of StatiCrypt
             const templateConfig = {
diff --git a/index.html b/index.html
index e8ada72..2ea214e 100644
--- a/index.html
+++ b/index.html
@@ -26,12 +26,20 @@
                 font-weight: normal;
             }
 
-            @media screen and (-webkit-min-device-pixel-ratio:0) { 
+            @media screen and (-webkit-min-device-pixel-ratio: 0) {
                 .staticrypt-form input[type="password"],
-                input[type="text"]  {
+                input[type="text"] {
                     font-size: 16px;
                 }
             }
+
+            .footer {
+                width: 100%;
+                background-color: #f8f9fa;
+                padding: 20px;
+                text-align: center;
+                margin-top: 10em;
+            }
         </style>
     </head>
 
@@ -274,7 +282,13 @@
             </div>
         </div>
 
-        <script src="https://cdn.ckeditor.com/4.7.0/standard/ckeditor.js"></script>
+        <div class="footer">
+            Thank you for using StatiCrypt - I hope you like the tool!
+            <br />
+            If you'd like to support it you can
+            <a href="https://github.com/sponsors/robinmoisson" target="_blank">sponsor me on github</a>, or check-out my
+            other project to <a href="https://translateabook.com" target="_blank">Translate a Book</a> with LLMs.
+        </div>
 
         <script id="cryptoEngine">
             window.cryptoEngine = ((function(){
@@ -1281,9 +1295,6 @@ exports.init = init;
         <script>
             const encode = codec.init(cryptoEngine).encode;
 
-            // enable CKEDIRTOR
-            CKEDITOR.replace("template_instructions");
-
             let htmlToDownload;
 
             /**
@@ -1353,10 +1364,6 @@ exports.init = init;
 
                 trackEvent("generate_encrypted");
 
-                // update instruction textarea value with CKEDITOR content
-                // (see https://stackoverflow.com/questions/3147670/ckeditor-update-textarea)
-                CKEDITOR.instances["template_instructions"].updateElement();
-
                 const unencrypted = document.getElementById("unencrypted_html").value,
                     password = document.getElementById("password").value;
 
diff --git a/scripts/index_template.html b/scripts/index_template.html
index 5d6e4e5..edc57a9 100644
--- a/scripts/index_template.html
+++ b/scripts/index_template.html
@@ -32,6 +32,14 @@
                     font-size: 16px;
                 }
             }
+
+            .footer {
+                width: 100%;
+                background-color: #f8f9fa;
+                padding: 20px;
+                text-align: center;
+                margin-top: 10em;
+            }
         </style>
     </head>
 
@@ -274,7 +282,13 @@
             </div>
         </div>
 
-        <script src="https://cdn.ckeditor.com/4.7.0/standard/ckeditor.js"></script>
+        <div class="footer">
+            Thank you for using StatiCrypt - I hope you like the tool!
+            <br />
+            If you'd like to support it you can
+            <a href="https://github.com/sponsors/robinmoisson" target="_blank">sponsor me on github</a>, or check-out my
+            other project to <a href="https://translateabook.com" target="_blank">Translate a Book</a> with LLMs.
+        </div>
 
         <script id="cryptoEngine">
             window.cryptoEngine = /*[|js_crypto_engine|]*/ 0;
@@ -295,9 +309,6 @@
         <script>
             const encode = codec.init(cryptoEngine).encode;
 
-            // enable CKEDIRTOR
-            CKEDITOR.replace("template_instructions");
-
             let htmlToDownload;
 
             /**
@@ -367,10 +378,6 @@
 
                 trackEvent("generate_encrypted");
 
-                // update instruction textarea value with CKEDITOR content
-                // (see https://stackoverflow.com/questions/3147670/ckeditor-update-textarea)
-                CKEDITOR.instances["template_instructions"].updateElement();
-
                 const unencrypted = document.getElementById("unencrypted_html").value,
                     password = document.getElementById("password").value;