About & Contact

mitko8009 · May 12, 2024 · 2cc4efd · 2cc4efd
1 parent 3b12e38
commit 2cc4efd
Show file tree

Hide file tree

Showing 8 changed files with 134 additions and 9 deletions.
diff --git a/public/about.html b/public/about.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <!-- Required META Tags -->
+    <title>ShkoloTweaks</title>
+    <meta charset="utf-8">
+    <!-- META Tags -->
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta property="og:title" content="ShkoloTweaks - a web extension for customizing Shkolo.bg">
+    <meta property="og:description" content="ShkoloTweaks is a web extension that adds Dark Theme, Custom Widgets, and more to Shkolo.bg.">
+    <meta property="og:image" content="https://shkolotweaks.web.app/assets/thumb2.png">
+    <meta property="og:url" content="https://shkolotweaks.web.app/">
+    <meta property="og:site_name" content="ShkoloTweaks">
+    <meta property="og:type" content="website">
+    <meta name="theme-color" content="#4276a4">
+    <meta name="description" content="ShkoloTweaks is a web extension that adds Dark Theme, Custom Widgets, and more to Shkolo.bg.">
+
+    <link rel="shortcut icon" type="image/x-icon" href="assets/logo.png">
+    <link rel="stylesheet" href="css/main.css">
+
+</head>
+<body>
+    <div class="backlightContainer" style="display: grid; place-content: center;">
+        <div class="content">
+            <h1>Shkolo Tweaks</h1>
+            <h2>• What is Shkolo Tweaks •</h2>
+            <p>
+                ShkoloTweaks is a web extension that modifies the content of the digital diary <a href="https://www.shkolo.bg/">Shkolo.bg</a>.<br>
+                By modifing the content of the site, it adds features like a dark theme, widgets, stats, etc.
+            </p>
+            <h2>• User Data •</h2>
+            <p>
+                ShkoloTweaks does not collect any user data. The extension is open-source and can be found on <a href="https://github.com/mitko8009/ShkoloTweaks">GitHub.</a><br>
+                In the future, the extension may collect some data with the user's consent.
+            </p>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/public/about/index.html b/public/about/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <!-- Required META Tags -->
+    <title>ShkoloTweaks</title>
+    <meta charset="utf-8">
+    <!-- META Tags -->
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta property="og:title" content="ShkoloTweaks - a web extension for customizing Shkolo.bg">
+    <meta property="og:description" content="ShkoloTweaks is a web extension that adds Dark Theme, Custom Widgets, and more to Shkolo.bg.">
+    <meta property="og:image" content="https://shkolotweaks.web.app/assets/thumb2.png">
+    <meta property="og:url" content="https://shkolotweaks.web.app/">
+    <meta property="og:site_name" content="ShkoloTweaks">
+    <meta property="og:type" content="website">
+    <meta name="theme-color" content="#4276a4">
+    <meta name="description" content="ShkoloTweaks is a web extension that adds Dark Theme, Custom Widgets, and more to Shkolo.bg.">
+
+    <link rel="shortcut icon" type="image/x-icon" href="assets/logo.png">
+    <link rel="stylesheet" href="css/main.css">
+
+    <meta http-equiv="refresh" content="0; url=../about.html">
+    <link rel="canonical" href="https://shkolotweaks.xyz/about">
+</head>
+<body>
+    <div class="backlightContainer" style="display: grid; place-content: center;">
+        <p>Redirecting to About.html...</p>
+        <p>If you are not redirected automatically, <a href="../about.html">click here</a>.</p>
+    </div>
+</body>
+</html>
diff --git a/public/assets/coolvetica.otf b/public/assets/coolvetica.otf
diff --git a/public/assets/coolvetica.ttf b/public/assets/coolvetica.ttf
diff --git a/public/chrome/index.html b/public/chrome/index.html
@@ -19,11 +19,10 @@
     <link rel="stylesheet" href="css/main.css">
 
     <meta http-equiv="refresh" content="0; url=https://chromewebstore.google.com/detail/shkolotweaks/benlbhlopnomakndbgihpghghdcejpjc">
-    <link rel="canonical" href="https://shkolotweaks.web.app/chrome">
+    <link rel="canonical" href="https://shkolotweaks.xyz/chrome">
 </head>
 <body>
     <div class="backlightContainer" style="display: grid; place-content: center;">
-        <title>ShkoloTweaks</title>
         <p>Redirecting to Chrome Web Store...</p>
         <p>If you are not redirected automatically, <a href="https://chromewebstore.google.com/detail/shkolotweaks/benlbhlopnomakndbgihpghghdcejpjc">click here</a>.</p>
     </div>

diff --git a/public/contact.html b/public/contact.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <!-- Required META Tags -->
+    <title>ShkoloTweaks</title>
+    <meta charset="utf-8">
+    <!-- META Tags -->
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta property="og:title" content="ShkoloTweaks - a web extension for customizing Shkolo.bg">
+    <meta property="og:description" content="ShkoloTweaks is a web extension that adds Dark Theme, Custom Widgets, and more to Shkolo.bg.">
+    <meta property="og:image" content="https://shkolotweaks.web.app/assets/thumb2.png">
+    <meta property="og:url" content="https://shkolotweaks.web.app/">
+    <meta property="og:site_name" content="ShkoloTweaks">
+    <meta property="og:type" content="website">
+    <meta name="theme-color" content="#4276a4">
+    <meta name="description" content="ShkoloTweaks is a web extension that adds Dark Theme, Custom Widgets, and more to Shkolo.bg.">
+
+    <link rel="shortcut icon" type="image/x-icon" href="assets/logo.png">
+    <link rel="stylesheet" href="css/main.css">
+</head>
+<body>
+    <div class="backlightContainer" style="display: grid; place-content: center;">
+        <div class="content">
+            <h1>Shkolo Tweaks</h1>
+            <h2>• Contact Us •</h2>
+            <p>
+                If you have any questions, suggestions, or feedback, feel free to contact us at <a class="blurText" onclick="navigator.clipboard.writeText('[email protected]')" style="cursor: copy;">[email protected]</a> .
+            </p>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/public/css/main.css b/public/css/main.css
@@ -3,7 +3,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url("https://shkolotweaks.web.app/assets/coolvetica.otf") format('otf');
+  src: url("./assets/coolvetica.ttf") format('ttf');
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
@@ -16,6 +16,10 @@ a, p, h1, h2, h3, h4, h5, h6, title {
   color: white;
 }
 
+h2 {
+  font-size: 2em;
+}
+
 p {
   font-size: 1.4em;
 }
@@ -46,6 +50,23 @@ body {
   animation: textColor 10s ease infinite;
 }
 
+.content {
+  overflow: scroll;
+}
+
+::-webkit-scrollbar {
+  width: 0px;
+}
+
+.blurText {
+  filter: blur(4px) brightness(0.5);
+  transition-duration: .4s;
+}
+
+.blurText:hover {
+  filter: blur(0px);
+}
+
 .backlightContainer:after {
   position: absolute;
   content: "";

diff --git a/public/index.html b/public/index.html
@@ -8,8 +8,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta property="og:title" content="ShkoloTweaks - a web extension for customizing Shkolo.bg">
     <meta property="og:description" content="ShkoloTweaks is a web extension that adds Dark Theme, Custom Widgets, and more to Shkolo.bg.">
-    <meta property="og:image" content="https://shkolotweaks.web.app/assets/thumb2.png">
-    <meta property="og:url" content="https://shkolotweaks.web.app/">
+    <meta property="og:image" content="https://shkolotweaks.xyz/assets/thumb2.png">
+    <meta property="og:url" content="https://shkolotweaks.xyz/">
     <meta property="og:site_name" content="ShkoloTweaks">
     <meta property="og:type" content="website">
     <meta name="theme-color" content="#4276a4">
@@ -19,7 +19,7 @@
         "@context": "https://schema.org/",
         "@type": "Product",
         "name": "Shkolo Tweaks",
-        "image": "https://shkolotweaks.web.app/assets/thumb2.png",
+        "image": "https://shkolotweaks.xyz/assets/thumb2.png",
         "description": "ShkoloTweaks is a web extension that adds Dark Theme, Custom Widgets, and more to Shkolo.bg.",
         "author": "ITPG Web Studios",
         "aggregateRating": {
@@ -41,6 +41,7 @@
     <link rel="shortcut icon" type="image/x-icon" href="assets/logo.png">
     <link rel="stylesheet" href="css/main.css">
   </head>
+
   <body>
     <!-- Google Tag Manager (noscript) -->
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MB2CXRCR"
@@ -49,14 +50,17 @@
 
     <div class="backlightContainer" style="display: grid; place-content: center;">
       <div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
-        <title>ShkoloTweaks</title>
         <img src="assets/logo.png" style="height: 128px; margin-bottom: -50px;" alt="Shkolo Tweaks logo">
         <h1 style="line-height: 0; margin-top: 1em;">Shkolo Tweaks</h1>
         <!--<p>ShkoloTweaks is a web extension that adds Dark Theme, Custom Widgets, and more customization to <a href="https://app.shkolo.bg/dashboard">Shkolo.bg</a>.</p>-->
         <div>
-          <button class="btn" onclick="window.open('https://chromewebstore.google.com/detail/shkolotweaks/benlbhlopnomakndbgihpghghdcejpjc?hl=en&authuser=0')"><img src="assets/webStore.png"><br>Download Now</button>
-          <button class="btn"><img src="assets/firefox.png"><br>Coming Soon</button>
+          <button class="btn" onclick="window.open(`https://chromewebstore.google.com/detail/shkolotweaks/benlbhlopnomakndbgihpghghdcejpjc?hl=en&authuser=0`)"><img src="assets/webStore.png" alt="Google Web Store"><br>Download Now</button>
+          <button class="btn"><img src="assets/firefox.png" alt="Firefox Web Store"><br>Coming Soon</button>
         </div>
+        <p>
+          <a href="./about.html" style="cursor: help;">About</a> • 
+          <a href="./contact.html">Contact</a>
+        </p>
       </div>
     </div>