added shit to the firefox exten

kioydiolabs · Feb 25, 2024 · 4df195a · 4df195a
1 parent 2308a26
commit 4df195a
Show file tree

Hide file tree

Showing 14 changed files with 509 additions and 26 deletions.
diff --git a/firefox-exten/icons/128.png → firefox-exten/icon/128.png b/firefox-exten/icons/128.png → firefox-exten/icon/128.png
diff --git a/firefox-exten/icons/16.png → firefox-exten/icon/16.png b/firefox-exten/icons/16.png → firefox-exten/icon/16.png
diff --git a/firefox-exten/icons/32.png → firefox-exten/icon/32.png b/firefox-exten/icons/32.png → firefox-exten/icon/32.png
diff --git a/firefox-exten/icons/48.png → firefox-exten/icon/48.png b/firefox-exten/icons/48.png → firefox-exten/icon/48.png
diff --git a/firefox-exten/icons/FullSize.png → firefox-exten/icon/FullSize.png b/firefox-exten/icons/FullSize.png → firefox-exten/icon/FullSize.png
diff --git a/firefox-exten/icons/background.png → firefox-exten/icon/background.png b/firefox-exten/icons/background.png → firefox-exten/icon/background.png
diff --git a/firefox-exten/index.html b/firefox-exten/index.html
@@ -3,34 +3,50 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>shortener</title>
+    <title>reKnag</title>
     <link rel="stylesheet" href="./style.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
+    <link rel="icon" href="./icon/128.png">
 </head>
 <body>
 
     <div id="parent">
+
         <div id="inputdetails">
-            <div id="header">
-                <p>Kioydioshort URL Shortener</p>
-                <div id="hr"></div>
-            </div>
-            <input id="url" placeholder="Target URL :"><br>
+
+            <a id="header" href="https://kioydioshort.kioydiolabs.org/">
+                <img src="./icon/32.png"><p class="p" id="kstext">reKnag</p>
+            </a>
+
+            <!-- <div id="hr"></div> -->
+
+            <input id="url" placeholder="URL to shorten :"><br>
+
             <button id="submit">Submit</button><br><Br>
+
             <div id="maindiv">
                 <button id="copy">
-                    <span class="material-symbols-outlined">
-                        content_copy
-                        </span>
-                </button><p>Shortened URL :</p>
+                    <span id="copyicon" class="material-symbols-outlined">content_copy</span>
+                </button>
+                <p class="p">Shortened URL :</p>
             </div>
+
             <a id="link"><p id="output"></p></a>
 
+            <div id="helpouterouter">
+                <div id="helpouter">
+                    <a class="helpatag" href="https://ksdocs.kioydiolabs.org/user-documentation.html">Need help?</a>
+                    <a class="helpatag" href="./privacy-policy.html">Privacy Policy</a>
+                </div>
+            </div>
+
             <div id="confirmouter">
                 <div id="confirm">
                     <p style="margin: 0px;">✔ Copied</p>
                 </div>
             </div>
+
+
         </div>
 
     </div>

diff --git a/firefox-exten/old/index.html b/firefox-exten/old/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>shortener</title>
+    <link rel="stylesheet" href="./style.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
+</head>
+<body>
+
+    <div id="parent">
+        <div id="inputdetails">
+            <div id="header">
+                <p>Kioydioshort URL Shortener</p>
+                <div id="hr"></div>
+            </div>
+            <input id="url" placeholder="Target URL :"><br>
+            <button id="submit">Submit</button><br><Br>
+            <div id="maindiv">
+                <button id="copy">
+                    <span class="material-symbols-outlined">
+                        content_copy
+                        </span>
+                </button><p>Shortened URL :</p>
+            </div>
+            <a id="link"><p id="output"></p></a>
+
+            <div id="confirmouter">
+                <div id="confirm">
+                    <p style="margin: 0px;">✔ Copied</p>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+</body>
+<script src="index.js"></script>
+</html>
diff --git a/firefox-exten/old/index.js b/firefox-exten/old/index.js
@@ -0,0 +1,42 @@
+document.getElementById("submit").onclick = function(){
+    original_url = document.getElementById("url").value;
+    endpoint = "https://shortapi.kioydio.org/create/?url="+original_url
+
+
+    const Http = new XMLHttpRequest();
+    Http.open("GET", endpoint);
+    Http.send();
+
+    Http.onreadystatechange=(e)=>{
+        document.getElementById("output").innerHTML = Http.responseText;
+        document.getElementById("link").href = Http.responseText;
+        console.log(Http.response);
+    }
+
+}
+
+
+document.getElementById("copy").onclick = function(){
+    console.log("copy clicked")
+    var copyText = document.getElementById("output");
+
+    /* Create a temporary textarea element to copy the text */
+    var tempTextarea = document.createElement("textarea");
+    tempTextarea.value = copyText.textContent;
+
+    /* Append the textarea to the document */
+    document.body.appendChild(tempTextarea);
+
+    /* Select and copy the text */
+    tempTextarea.select();
+    document.execCommand("copy");
+
+    /* Remove the temporary textarea */
+    document.body.removeChild(tempTextarea);
+
+    /* Provide some visual feedback (optional) */
+    document.getElementById("confirm").style.opacity = "1";
+    setTimeout(function(){
+        document.getElementById("confirm").style.opacity = "0";
+    },2000);
+}
diff --git a/firefox-exten/old/manifest.json b/firefox-exten/old/manifest.json
@@ -0,0 +1,20 @@
+{
+    "manifest_version": 2,
+    "name": "Kioydioshort",
+    "version": "6.1.2024",
+
+    "description": "Enables users to quickly create shortened URLs via Kioydioshort",
+    "homepage_url": "https://shorten.kioydio.org",
+    "icons": {
+      "48": "icons/48.png"
+    },
+
+    "permissions": ["activeTab"],
+
+    "browser_action": {
+      "default_icon": "icons/32.png",
+      "default_title": "Beastify",
+      "default_popup": "index.html"
+    }
+  }
+
diff --git a/firefox-exten/manifest.zip → firefox-exten/old/manifest.zip b/firefox-exten/manifest.zip → firefox-exten/old/manifest.zip
diff --git a/firefox-exten/old/style.css b/firefox-exten/old/style.css
@@ -0,0 +1,145 @@
+body{
+    background-color: #1e1e1e;
+    text-align: center;
+    color: white;
+    font-family: Arial;
+    background-image: url(./icons/forest.JPG);
+    background-position: center;
+    background-attachment: fixed;
+    background-size: cover;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 97vh;
+}
+
+#header{
+    width: 100%;
+    position: fixed;
+    top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+a{
+    color: #0077ff;
+    margin-left: 5px;
+    margin: 0px;
+}
+
+p{
+    margin: 5px;
+}
+
+#maindiv{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 0px;
+}
+
+#copy{
+    font-size: 10px;
+    margin-top: 0px;
+    width: max-content;
+    align-self: end;
+    justify-self: end;
+    border-radius: 99px;
+    background-color: transparent;
+}
+
+.material-symbols-outlined {
+  font-variation-settings:
+  'FILL' 0,
+  'wght' 400,
+  'GRAD' 0,
+  'opsz' 24
+}
+
+#submit{
+    margin-top: 5px;
+}
+
+#hr{
+    width: 98%;
+    margin-top: 0px;
+    border: 1px solid rgba(255, 255, 255, 0.347);
+}
+
+button{
+    border-radius: 0px;
+    border: 0px;
+    background-color: #be5413;
+    color: white;
+    width: 100%;
+}
+
+#url{
+    text-align: center;
+    width: 100%;
+    background-color: transparent;
+    border: 0px;
+    border-bottom: 2px solid white;
+    outline: 0;
+    outline: 2px solid transparent;
+    outline-offset: -2px;
+    color: white;
+}
+
+#url::placeholder{
+    text-align: left;
+    font-style: italic;
+}
+
+button:hover{
+    cursor: pointer;
+}
+
+#confirm{
+    display: block;
+    color: rgba(255, 255, 255, 0.347);
+    font-style: italic;
+    border-radius: 5px;
+    background-color: transparent;
+    margin: 5px;
+    padding: 2px;
+    padding-right: 4px;
+    padding-left: 4.5px;
+    width: max-content;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    transition: opacity 0.5s ease;
+    opacity: 0;
+}
+
+#inputdetails{
+    border: 1px groove rgba(255, 255, 255, 0.033);
+    border-radius: 15px;
+    width: 200px;
+    height: 200px;
+    padding: 50px;
+    box-shadow: 0px 50px 50px rgba(0,0,0,0.2);
+    background: transparent;
+    backdrop-filter: blur(10px);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+#confirmouter{
+    display: block;
+    text-align: center;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+    position: fixed;
+    bottom: 10px;
+    left: 10px;
+    font-size: small;
+}
diff --git a/firefox-exten/privacy-policy.html b/firefox-exten/privacy-policy.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kioydioshort</title>
+    <link rel="stylesheet" href="./style.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
+    <link rel="icon" href="./icon/128.png">
+</head>
+<body>
+
+    <div id="parent">
+        <div id="inputdetailspol">
+            <a id="header" href="https://kioydioshort.kioydiolabs.org/">
+
+            </a>
+            <p id="policy">
+
+                <h3 style="margin: 0px;">Privacy policy for reKnag.com</h3>
+                <p>Effective as of : January 29, 2024</p><div id="hrpol"></div>
+
+<h4>1. Introduction</h4>
+<rest>Welcome to reKnag.com. This Privacy Policy is designed to help you understand how we collect, use, disclose, and safeguard your personal information in relation to our AdSense integration.</rest><br>
+
+<h4>2. Information We Collect</h4>
+<rest>2.1 AdSense Information: We may collect information related to AdSense, including but not limited to ad impressions, clicks, and other interactions. This information is collected by Google AdSense, and we do not control or process this data.</rest><br>
+
+<h4>3. AdSense and Third-Party Services</h4>
+<rest>3.1 Google AdSense: Our site uses Google AdSense, a third-party advertising service provided by Google. AdSense may use cookies to serve relevant ads based on users' visits to our site and other websites on the internet. For more information on how Google AdSense uses data, please refer to Google's Privacy Policy.</rest><br>
+
+<h4>4. Security</h4>
+<rest>We implement reasonable security measures to protect your information. However, please note that AdSense data is collected and processed by Google, and their security measures apply. Refer to Google's Privacy Policy for more details.</rest><br>
+
+<h4>5. Your Choices</h4>
+<rest>You can control your preferences related to personalized advertising by adjusting your Google Ad Settings.</rest><br>
+
+<h4>6. Changes to This Privacy Policy</h4>
+<rest>We reserve the right to update our Privacy Policy. Any changes will be posted on this page with an updated effective date.</rest><br>
+
+<h4>7. Contact Us</h4>
+<rest>If you have any questions about this Privacy Policy, please contact us at <a id="helpatag" href="mailto:[email protected]">[email protected]</a>.</rest>
+            </p>
+            <a id="link"><p id="output"></p></a>
+
+            <div id="confirmouter">
+                <div id="confirm">
+                    <p style="margin: 0px;">✔ Copied</p>
+                </div>
+            </div>
+            <div id="helpouterouter">
+                <div id="helpouter">
+                    <a id="helpatag" href="./index.html">Back</a>
+                </div>
+            </div>
+
+        </div>
+
+    </div>
+
+</body>
+<script src="index.js"></script>
+</html>