Merge pull request #12 from kunalshah017/main

Minor Bug Fixes
Piyushchy · Jan 21, 2024 · 293e4e1 · 293e4e1
2 parents 8a98da9 + e0daffa
commit 293e4e1
Show file tree

Hide file tree

Showing 8 changed files with 166 additions and 6 deletions.
diff --git a/Pledge-Ceartificate/index.html b/Pledge-Ceartificate/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Sudo: Choices</title>
+    <title>Sudo: Take Pledge</title>
     <link rel="icon" href="/assets/tab-logo.png" type="image/png">
     <link rel="stylesheet" href="style.css">
     <style>
@@ -100,6 +100,19 @@ <h1>Get Your Anti-Drug Warrior Certificate</h1>
                 </div>
             </div>
 
+            <div class="feedback-container">
+                <h1>
+                    Please give us your valueable feedback on our project
+                </h1>
+                <h2>
+                    Also do give a ⭐ to our project on GitHub
+                </h2>
+                <div class="feedback-links">
+                    <a href="/Project-Feedback/index.html" class="feedback-link">Feedback</a>
+                    <a href="https://github.com/spark-lucifer/Choices-an-Anti-Drug-Adventure" class="github-link">GitHub
+                        <img src="/assets/github.png" alt="github"></a>
+                </div>
+            </div>
         </div>
         <div class="description">
             <h3>Take Anti-Drug pledge here at MyGov Website by Government of India</h3>
@@ -110,6 +123,7 @@ <h3>Take Anti-Drug pledge here at MyGov Website by Government of India</h3>
                 </a>
             </div>
         </div>
+
         <div class="footer">
             <div class="footer-message">
                 Made with ❤️ by <strong>Sudo</strong>
@@ -119,7 +133,6 @@ <h3>Take Anti-Drug pledge here at MyGov Website by Government of India</h3>
                 <a href="https://youtu.be/hTmDJXYRnEk" target="_blank">YouTube</a>
             </div>
         </div>
-
     </main>
 
 

diff --git a/Pledge-Ceartificate/script.js b/Pledge-Ceartificate/script.js
@@ -79,6 +79,8 @@ function toggleMenu() {
   } else {
     hideMenu();
     console.log("Hiding menu");
+    isDropdownOpen = true;
+    dropDown();
   }
 }
 

diff --git a/Pledge-Ceartificate/style.css b/Pledge-Ceartificate/style.css
@@ -155,7 +155,7 @@ nav * {
     top: 70px;
     right: 0;
     height: 50vh;
-    width: 200px;
+    width: 400px;
     background-color: rgba(27, 25, 25, 0.788);
     z-index: 100;
     right: -100%;
@@ -415,6 +415,72 @@ main{
     margin-bottom: 20px;
 }
 
+
+.feedback-container{
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    gap: 20px;
+    margin: 20px 0;
+}
+
+.feedback-container h1{
+    font-family: 'poppins', sans-serif;
+    font-size: 30px;
+    font-weight: 700;
+    text-align: center;
+    margin-bottom: 10px;
+}
+
+.feedback-container h2{
+    font-family: 'poppins', sans-serif;
+    font-size: 20px;
+    font-weight: 500;
+    text-align: center;
+    margin-bottom: 10px;
+}
+
+.feedback-links{
+    background-color: #1c1b1b;
+    width: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 70px;
+    padding: 20px 0;
+    border-radius: 20px;
+}
+
+.feedback-links a{
+    text-decoration: none;
+    color: #fff;
+    font-size: 20px;
+    font-weight: 500;
+    outline: none;
+    background-color: #0edf23;
+    padding: 10px 20px;
+    border-radius: 10px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    transition: all 0.3s ease;
+}
+
+.feedback-links img{
+    height: 30px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.feedback-links a:hover{
+    filter: drop-shadow(0px 0px 5px #0edf23);
+    border: 1px solid #fff;
+    transform: scale(1.1);
+}
+
 .gov-redirect-container{
     display: flex;
     justify-content: center;
@@ -532,6 +598,22 @@ main{
         right: 30px;
     }
 
+    .feedback-container h1{
+        font-size: 20px;
+    }
+
+    .feedback-container h2{
+        font-size: 15px;
+    }
+
+    .feedback-links{
+        width: 80%;
+        gap: 50px;
+    }
+
+    .feedback-links a{
+        font-size: 15px;
+    }
 }
 
 @media screen and (max-width: 620px){

diff --git a/Project-Feedback/index.html b/Project-Feedback/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Project Feedback</title>
+    <title>Sudo: Project Feedback</title>
     <link rel="icon" href="/assets/tab-logo.png" type="image/png">
     <link rel="stylesheet" href="style.css">
     <style>
@@ -68,6 +68,7 @@
     </nav>
 
     <main>
+        <script>(function () { var js, fs, d = document, id = "tars-widget-script", b = "https://tars-file-upload.s3.amazonaws.com/bulb/"; if (!d.getElementById(id)) { js = d.createElement("script"); js.id = id; js.type = "text/javascript"; js.src = b + "js/widget.js"; fs = d.getElementsByTagName("script")[0]; fs.parentNode.insertBefore(js, fs) } })(); window.tarsSettings = { "convid": "LO59ww", "href": "https://chatbot.hellotars.com/conv/LO59ww" };</script>
         <div class="fullscreen-msg">
             <h2>Thank you for your Feedback</h2>
             <h3>will surely upgrade as per your rating & suggestions </h3>
@@ -232,6 +233,15 @@ <h1>Project Feedback</h1>
                 </form>
             </div>
     </main>
+    <div class="footer">
+        <div class="footer-message">
+            Made with ❤️ by <strong>Sudo</strong>
+        </div>
+        <div class="footer-links">
+            <a href="https://github.com/spark-lucifer/Choices-an-Anti-Drug-Adventure" target="_blank">GitHub</a>
+            <a href="https://youtu.be/hTmDJXYRnEk" target="_blank">YouTube</a>
+        </div>
+    </div>
 
     <script src="script.js"></script>
 </body>

diff --git a/Project-Feedback/script.js b/Project-Feedback/script.js
@@ -40,6 +40,8 @@ function toggleMenu() {
   } else {
     hideMenu();
     console.log("Hiding menu");
+    isDropdownOpen = true;
+    dropDown();
   }
 }
 

diff --git a/Project-Feedback/style.css b/Project-Feedback/style.css
@@ -152,7 +152,7 @@ text-align: center;
     top: 70px;
     right: 0;
     height: 50vh;
-    width: 200px;
+    width: 400px;
     background-color: rgba(27, 25, 25, 0.788);
     z-index: 100;
     right: -100%;
@@ -196,6 +196,7 @@ main{
     min-height: 100vh;
     text-align: center;
     /* border: 1px solid red; */
+    padding-bottom: 7vh;
 }
 
 .form-container{
@@ -366,6 +367,36 @@ main{
 }
 
 
+.footer{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: row;
+    width: 100%;
+    height: 10vh;
+    background-color: rgba(0, 0, 0);
+}
+
+.footer-message{
+    font-size: 20px;
+    font-weight: 700;
+    color: #fff;
+    width: 50%;
+}
+
+.footer-links a{
+    text-decoration: none;
+    color: #fff;
+    font-size: 20px;
+    font-weight: 700;
+    margin: 0 10px;
+}
+
+.footer-links a:hover{
+    border-bottom: 2px solid #ffffff;
+}
+
+
 @media screen and (max-width: 1150px) {
     .nav-links-container {
         width: 60%;
@@ -440,6 +471,17 @@ main{
 
 }
 
+@media screen and (max-width: 620px) {
+    .footer{
+        height: 15vh;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        gap: 20px;
+    }
+
+}
+
 
 
 
@@ -451,6 +493,7 @@ main{
     height: 50px;
     line-height: 50px;
     font-size: 50px;
+    -webkit-tap-highlight-color: transparent;
   }
 
   .rating label {
@@ -504,6 +547,7 @@ main{
   .rating:not(:hover) label input:checked ~ .icon,
   .rating:hover label:hover input ~ .icon {
     color: #0edf23;
+    filter: drop-shadow(0 0 0.75rem #0edf23);
   }
 
   .rating label input:focus:not(:checked) ~ .icon:last-child {

diff --git a/script.js b/script.js
@@ -153,6 +153,13 @@ function toggleMenu() {
   } else {
     hideMenu();
     console.log("Hiding menu");
+    const dropdownContent = document.querySelector(".dropdown-content");
+    const dropdownIcon = document.querySelector(".dropdown img");
+    const mobileDropdownContent = document.querySelector(
+      ".mobile-dropdown-content"
+    );
+    isDropdownOpen = true;
+    dropDown();
   }
 }
 

diff --git a/style.css b/style.css
@@ -155,7 +155,7 @@ nav * {
     top: 70px;
     right: 0;
     height: 50vh;
-    width: 200px;
+    width: 400px;
     background-color: rgba(27, 25, 25, 0.788);
     z-index: 100;
     right: -100%;