added privacy policy and modified css

kioydiolabs · Jan 28, 2024 · 29fe814 · 29fe814
1 parent c7f6d09
commit 29fe814
Show file tree

Hide file tree

Showing 2 changed files with 100 additions and 4 deletions.
diff --git a/web-frontend/privacy-policy.html b/web-frontend/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="./icons/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="../">Back</a>
+                </div>
+            </div>
+
+        </div>
+
+    </div>
+
+</body>
+<script src="index.js"></script>
+</html>
diff --git a/web-frontend/style.css b/web-frontend/style.css
@@ -13,6 +13,20 @@ body{
     height: 97vh;
 }
 
+#policy{
+    size: small;
+}
+
+h4{
+    margin: 0px;
+    align-self: start;
+}
+
+rest{
+    align-self: start;
+    text-align: start;
+}
+
 #header{
     width: 100%;
     position: fixed;
@@ -39,10 +53,6 @@ a{
     font-style: italic;
 }
 
-p{
-    margin: 5px;
-}
-
 #maindiv{
     display: flex;
     flex-direction: row;
@@ -83,6 +93,13 @@ p{
     left: 5px;
 }
 
+#hrpol{
+    width:  120%;
+    margin-top: 5px;
+    margin-bottom: 20px;
+    border: 1px solid rgba(255, 255, 255, 0.347);
+}
+
 button{
     border-radius: 3px;
     border: 0px;
@@ -156,6 +173,22 @@ button:hover{
     font-size: x-large;
 }
 
+#inputdetailspol{
+    border: 1px groove rgba(255, 255, 255, 0.267);
+    border-radius: 15px;
+    width: 400px;
+    height: 600px;
+    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;
+    font-size: small;
+}
+
 #confirmouter{
     display: block;
     text-align: center;