From e185aa20690165e64683965af79109fddc913f22 Mon Sep 17 00:00:00 2001
From: Anshul Soni <74638335+anshulsoni4@users.noreply.github.com>
Date: Tue, 4 Oct 2022 19:13:15 +0530
Subject: [PATCH 1/3] updated the contact us heading and button command

---
 Website/index.html | 59 +++++++++++++++++++++++++++++++++-------------
 1 file changed, 42 insertions(+), 17 deletions(-)

diff --git a/Website/index.html b/Website/index.html
index cebd7716f..9211513c7 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -40,10 +40,10 @@
       }
 
       .container {
-        margin: 0px 20px;
+        margin: 0px 10px;
         width: 1200px;
         flex: 1; 
-        text-align: right;
+        text-align: center;
       } 
       #btn1 {
         width:80px;
@@ -185,9 +185,15 @@
         cursor: pointer;
       }
       
-        
-
+      .more-info {       
+        left: 50%;
+        top: 50%;   
+        text-align: center;
+      }
       
+      video{
+        position: relative;
+      }
     
     </style>
   
@@ -195,8 +201,11 @@
     <header>
       
       <nav class="container">
-        <div id=><img src="img/Driftyicon.ico" id="btn1"/></div>
-        <div class="btn2" >CONTACT US</div>
+        <div id=><a href="https://saptarshisarkar12.github.io/Drifty/"><img src="img/Driftyicon.ico" id="btn1"/></a></div>
+
+        <!-- added the button action -->
+        <a style="text-decoration: none;" href="#contact"><div class="btn2" >CONTACT US</div></a>
+        
         <div class="btn2" >ABOUT US</div>
         <a style="text-decoration: none;" href="#download_section"><div class="btn2" >DOWNLOAD</div></a>
         
@@ -206,34 +215,50 @@
 
       <div class="header-container">
         <div class="header-container-inner">
-          <h1>DRIFTY</h1>
-          
+          <h1>DRIFTY</h1>          
           <p>
             Drifty is an open-source interactive File Downloader system built with java.
             It takes the link to the file, the directory where it needs to be saved and the filename
-             of the downloaded file as input and downloads it.
+             of the downloaded file as input and downloads it in the given directory with the given filename.
           </p>
-          <a href="#" class="btn">More Info</a>
+          <a href="#info" class="btn">More Info</a>
         </div>
       </div>
     </header>
      
     <section>
-      <div class="container">
+      <div class="container" id="info">
         <h2>More Information About Drifty</h2>
         <p>
-          It is currently available in CLI mode and has the GUI version under active development. It uses URL class for connecting to the server to get the file,
-           FileSystems, Files and Path classes to check existence of the directory and create them if needed,
-           and ReadableByteChannel and FileOutputStream clases for downloading the file.
+          It is currently available in CLI (Command Line Interface) mode and has the GUI (Graphical User Interface) version under active development. 
+          You may contribute to this project here.
         </p>
+        <p>
+          <a href="https://github.com/SaptarshiSarkar12/Drifty" class="btn4"><i class="fab fa-github"></i> Contribute to Drifty</a>
+        </p>        
         <a id="download_section">
-            <a href="https://github.com/SaptarshiSarkar12/Drifty/releases/latest/download/Drifty_CLI.exe" class="btn4">Download Now (For Windows Users)</a>
-            <a href="https://github.com/SaptarshiSarkar12/Drifty/releases/latest/download/Drifty.jar" class="btn4">Download Now (For Other users)</a>
+            <a href="https://github.com/SaptarshiSarkar12/Drifty/releases/latest/download/Drifty_CLI.exe" class="btn4">Download Now <i class="fab fa-windows"></i></a>
+            <a href="https://github.com/SaptarshiSarkar12/Drifty/releases/latest/download/Drifty.jar" class="btn4">Download Now <i class="fab fa-apple"></i> <i class="fab fa-linux"></i></a>
         </a>
       </div>
     </section>
-    <section class="footer">
+    <section>
+      <div class="more-info" id="demo">
+        <h2>Demonstration of using Drifty</h2>
+        <p>
+          Here is a quick demo of using Drifty.
+        </p>
+        <p>
+          <video src="Resources/Usage.mp4" height=700 width=1250 controls></video>
+        </p>
+    </section>
+    <section class="footer" id="contact">
       <div class="social">
+
+        <!-- added this  h1 to contact us-->
+        <h1>Contact Us</h1>
+        <br>
+        
         <a href="https://www.twitter.com/SSarkar2007"><i class="fab fa-twitter"></i></a>
         <a href="https://github.com/SaptarshiSarkar12"><i class="fab fa-github"></i></a>
         <a href="mailto:saptarshi.programmer@gmail.com "><i class="fa-sharp fa-solid fa-envelope"></i></a>

From 28eebb2144b9363d7265aa7fa580463af8a3ec95 Mon Sep 17 00:00:00 2001
From: Anshul Soni <74638335+anshulsoni4@users.noreply.github.com>
Date: Tue, 4 Oct 2022 20:28:24 +0530
Subject: [PATCH 2/3] updated again

---
 Website/index.html | 143 ++++++++++++++-------------------------------
 1 file changed, 43 insertions(+), 100 deletions(-)

diff --git a/Website/index.html b/Website/index.html
index a7398b94a..0aca2515b 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -5,9 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Drifty</title>
-    <link
-    rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
+  </head>
     <link rel="preconnect" href="https://fonts.gstatic.com" />
     <link
       href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700&display=swap"
@@ -15,9 +13,6 @@
     />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer">
    
-  
-  </head>
-    
    
     <style>
       
@@ -76,11 +71,11 @@
 
       .header-container {
         width: 1200px;
-        position:relative;
-        top: 65%;
+        position: absolute;
 
-       left: 50%;
-        
+       
+        left: 50%;
+        top: 50%;
 
         
         transform: translate(-50%, -50%);
@@ -190,39 +185,36 @@
         cursor: pointer;
       }
       
-      .more-info {  
-        position: relative;     
-        left: 5%;
+      .more-info {       
+        left: 50%;
         top: 50%;   
-        
+        text-align: center;
       }
       
       video{
         position: relative;
-        border:2px  black;
-        border-radius: 5%;
       }
-      .swiper{
-        position: relative;
-        bottom:365px;
-         width: 700px;
-         height: 400px;
-         margin:auto  600px;
-         border-radius: 5%;
-         border:1px  grey;
-             
-      }
-    
-      .swiper .swiper-button-next , .swiper .swiper-button-prev{
-color: white;
+
+      /* contact us section */
+      #contact{
+        padding: 96px;
+        
+        text-align: center;
+        left: 60%;
+        background-color:var(--background-color);
       }
-      #info{
-        position: relative;
-        left:10%;
+
+      .btn4{
+        padding: 15px;
+        margin: 4px;
       }
-      .swiper .swiper-pagination-bullet-active {
-        background: white;
+
+      .contact_section{
+        text-align: center;
+        padding: 6px;
       }
+
+    
     </style>
   
   <body>
@@ -231,19 +223,15 @@
       <nav class="container">
         <div id=><a href="https://saptarshisarkar12.github.io/Drifty/"><img src="img/Driftyicon.ico" id="btn1"/></a></div>
 
-
         <!-- added the button action -->
         <a style="text-decoration: none;" href="#contact"><div class="btn2" >CONTACT US</div></a>
         
-
-        <div class="btn2" >CONTACT US</div>
-
         <div class="btn2" >ABOUT US</div>
         <a style="text-decoration: none;" href="#download_section"><div class="btn2" >DOWNLOAD</div></a>
         
        
       </nav>
-        
+
 
       <div class="header-container">
         <div class="header-container-inner">
@@ -254,32 +242,9 @@ <h1>DRIFTY</h1>
              of the downloaded file as input and downloads it in the given directory with the given filename.
           </p>
           <a href="#info" class="btn">More Info</a>
-               <!-- Slider main container -->
-
+        </div>
       </div>
-          <!-- Slider main container -->
-          <div class="swiper">
-            <!-- Additional required wrapper -->
-            <div class="swiper-wrapper">
-              <!-- Slides -->
-              <div class="swiper-slide"><img src="img/img1.png" alt=""></div>
-              <div class="swiper-slide"><img src="img/img4.png" alt=""></div>
-              <div class="swiper-slide"><img src="img/Screenshot (59).png" alt=""></div>
-              ...
-            </div>
-            <!-- If we need pagination -->
-            <div class="swiper-pagination"></div>
-          
-            <!-- If we need navigation buttons -->
-            <div class="swiper-button-prev"></div>
-            <div class="swiper-button-next"></div>
-          
-                  </div>
-
-              
     </header>
-
-
      
     <section>
       <div class="container" id="info">
@@ -291,12 +256,15 @@ <h2>More Information About Drifty</h2>
         <p>
           <a href="https://github.com/SaptarshiSarkar12/Drifty" class="btn4"><i class="fab fa-github"></i> Contribute to Drifty</a>
         </p>        
-        <a id="download_section">
+        <a id="contact_section">
             <a href="https://github.com/SaptarshiSarkar12/Drifty/releases/latest/download/Drifty_CLI.exe" class="btn4">Download Now <i class="fab fa-windows"></i></a>
             <a href="https://github.com/SaptarshiSarkar12/Drifty/releases/latest/download/Drifty.jar" class="btn4">Download Now <i class="fab fa-apple"></i> <i class="fab fa-linux"></i></a>
         </a>
       </div>
     </section>
+
+    
+
     <section>
       <div class="more-info" id="demo">
         <h2>Demonstration of using Drifty</h2>
@@ -306,19 +274,21 @@ <h2>Demonstration of using Drifty</h2>
         <p>
           <video src="Resources/Usage.mp4" height=700 width=1250 controls></video>
         </p>
-
     </section>
-    <section class="footer" id="contact">
 
-    </section>>
-    <section class="footer">
+    <!-- contact us section -->
+    <section id="contact">
+      <div class="contact_section">
+        <h2>Contact Us</h2>
+            <a href="https://github.com/SaptarshiSarkar12/Drifty/issues" class="btn4"><i class="fab fa-github"></i> Contribute to Drifty </a>
+            <a href="https://www.twitter.com/SSarkar2007" class="btn4"> <i class="fab fa-twitter"></i> My Twitter</a>
+            <a href="mailto:saptarshi.programmer@gmail.com " class="btn4"><i class="fa-sharp fa-solid fa-envelope"></i> My Email </a>
+        </a>
+      </div>
+    </section>
 
+    <section class="footer" id="">
       <div class="social">
-
-        <!-- added this  h1 to contact us-->
-        <h1>Contact Us</h1>
-        <br>
-        
         <a href="https://www.twitter.com/SSarkar2007"><i class="fab fa-twitter"></i></a>
         <a href="https://github.com/SaptarshiSarkar12"><i class="fab fa-github"></i></a>
         <a href="mailto:saptarshi.programmer@gmail.com "><i class="fa-sharp fa-solid fa-envelope"></i></a>
@@ -329,32 +299,5 @@ <h1>Contact Us</h1>
     </section>
     <script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
     <script src="script.js" ></script>
-    <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
-   
-   <script>
-    const swiper = new Swiper('.swiper', {
-  autoplay: {
-     delay:3000,
-     DisableOnInteraction:false,
-  },
-  
-  loop: true,
-
-   pagination: {
-    el: '.swiper-pagination',
-    clickable:true,
-  },
-
-  
-  navigation: {
-    nextEl: '.swiper-button-next',
-    prevEl: '.swiper-button-prev',
-  },
-
-  
- 
-});
-   </script>
-  
   </body>
 </html>

From afc6c8d1f9c3b90dc28a343d59d5c2b3e7ff6e68 Mon Sep 17 00:00:00 2001
From: Anshul Soni <74638335+anshulsoni4@users.noreply.github.com>
Date: Wed, 5 Oct 2022 06:27:16 +0530
Subject: [PATCH 3/3] updated the font awesome icon

---
 Website/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Website/index.html b/Website/index.html
index 0aca2515b..631daebf5 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -206,7 +206,7 @@
 
       .btn4{
         padding: 15px;
-        margin: 4px;
+        margin: 4px;  
       }
 
       .contact_section{
@@ -280,7 +280,7 @@ <h2>Demonstration of using Drifty</h2>
     <section id="contact">
       <div class="contact_section">
         <h2>Contact Us</h2>
-            <a href="https://github.com/SaptarshiSarkar12/Drifty/issues" class="btn4"><i class="fab fa-github"></i> Contribute to Drifty </a>
+            <a href="https://github.com/SaptarshiSarkar12/Drifty/issues" class="btn4"><i class="fa-solid fa-hand-holding-hand"></i> Help and Support </a>
             <a href="https://www.twitter.com/SSarkar2007" class="btn4"> <i class="fab fa-twitter"></i> My Twitter</a>
             <a href="mailto:saptarshi.programmer@gmail.com " class="btn4"><i class="fa-sharp fa-solid fa-envelope"></i> My Email </a>
         </a>