From 257b912b21086da32009907fc93a94a186451a84 Mon Sep 17 00:00:00 2001
From: Kunal Shah <kunalmanishshah@gmail.com>
Date: Sun, 21 Jan 2024 16:17:38 +0530
Subject: [PATCH 1/2] Minor Bug Fixes

---
 Pledge-Ceartificate/index.html | 17 ++++++-
 Pledge-Ceartificate/script.js  |  2 +
 Pledge-Ceartificate/style.css  | 84 +++++++++++++++++++++++++++++++++-
 Project-Feedback/index.html    | 12 ++++-
 Project-Feedback/script.js     |  2 +
 Project-Feedback/style.css     | 46 ++++++++++++++++++-
 script.js                      |  7 +++
 style.css                      |  2 +-
 video-script.md                | 14 ++++++
 9 files changed, 180 insertions(+), 6 deletions(-)
 create mode 100644 video-script.md
diff --git a/Pledge-Ceartificate/index.html b/Pledge-Ceartificate/index.html
index 30e145f..8cb99dd 100644
--- 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
index 8cd1d77..692f051 100644
--- 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
index 136ca16..42fbacb 100644
--- 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
index 49db6db..6e575c2 100644
--- 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
index 5c786ce..58545c1 100644
--- 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
index 25c9fb0..0c2c1bf 100644
--- 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
index 2b4f48e..f4da488 100644
--- 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
index e54dd79..e4d6cf7 100644
--- 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%;
diff --git a/video-script.md b/video-script.md
new file mode 100644
index 0000000..f1bafa9
--- /dev/null
+++ b/video-script.md
@@ -0,0 +1,14 @@
+Hello, we are Team: Sudo.
+
+And We are here to introduce our project, Choices, a web-based game designed to raise awareness about the impact of drugs on one's life. let me introduce you to our team members.
+
+I am Piyush Chaudhary, a first-year student pursuing BTech in Computer Science and Engineering. I serve as the Team Lead and Front-end Developer for this project.
+
+I am Kunal Shah, also a first-year student in Computer Applications, and I contribute as a Front-end Developer to this initiative
+
+---
+
+Introduction Format
+
+
+

From e0daffa4c8ee37abbf75716cd6977a540c2b387e Mon Sep 17 00:00:00 2001
From: Kunal Shah <kunalmanishshah@gmail.com>
Date: Sun, 21 Jan 2024 16:19:13 +0530
Subject: [PATCH 2/2] Delete video-script.md

---
 video-script.md | 14 --------------
 1 file changed, 14 deletions(-)
 delete mode 100644 video-script.md

diff --git a/video-script.md b/video-script.md
deleted file mode 100644
index f1bafa9..0000000
--- a/video-script.md
+++ /dev/null
@@ -1,14 +0,0 @@
-Hello, we are Team: Sudo.
-
-And We are here to introduce our project, Choices, a web-based game designed to raise awareness about the impact of drugs on one's life. let me introduce you to our team members.
-
-I am Piyush Chaudhary, a first-year student pursuing BTech in Computer Science and Engineering. I serve as the Team Lead and Front-end Developer for this project.
-
-I am Kunal Shah, also a first-year student in Computer Applications, and I contribute as a Front-end Developer to this initiative
-
----
-
-Introduction Format
-
-
-
