Merge pull request #40 from Tushar-sonawane06/main

Privacy Policy UI Improved

Author: Harshdev625

docs/css/privacy.css

@@ -125,6 +125,8 @@ body {
     text-decoration: none;
     font-weight: 500;
     transition: var(--transition-fast);
+    display:flex;
+    justify-content: center;
 }
 
 .nav-link:hover {
@@ -701,4 +703,160 @@ body {
         box-shadow: none;
         border: 1px solid var(--gray-300);
     }
-}
+}
+
+/* improved css */
+
+.content-section {
+    opacity: 0;
+    transform: translateY(20px);
+    animation: fadeInUp 0.4s ease forwards;
+  }
+  .content-section:nth-child(2) { animation-delay: 0.1s; }
+  .content-section:nth-child(3) { animation-delay: 0.2s; }
+  .content-section:nth-child(4) { animation-delay: 0.3s; }
+  
+  @keyframes fadeInUp {
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+  
+  .content-section + .content-section {
+    border-top: 1px dashed rgba(79, 172, 254, 0.25);
+    padding-top: var(--space-10);
+  }
+  
+  .data-table tbody tr:hover {
+    background: linear-gradient(90deg, rgba(79, 172, 254, 0.05), rgba(124, 58, 237, 0.05));
+    box-shadow: inset 0 0 8px rgba(79, 172, 254, 0.1);
+    transition: all 0.25s ease;
+  }
+  
+  .simple-list{
+    padding-left: 15px;
+  }
+
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: linear-gradient(135deg, var(--primary-500), var(--secondary-600));
+    border-radius: 10px;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(135deg, var(--primary-600), var(--secondary-500));
+  }
+  
+  .callout-box:hover {
+    transform: scale(1.02);
+    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+  }
+  
+  .hero-badge {
+    position: relative;
+    border: 2px solid transparent;
+    border-radius: 12px;
+    background: linear-gradient(90deg, #4facfe, #00f2fe, #8b5cf6) border-box;
+    background-size: 300% 300%;
+    animation: gradientBorder 3.5s linear infinite;
+  }
+
+  @keyframes gradientBorder {
+    0% { background-position: 0% 50%; }
+    50% { background-position: 100% 50%; }
+    100% { background-position: 0% 50%; }
+  }
+  
+  .security-card {
+    animation: floatCard 6s ease-in-out infinite;
+  }
+  @keyframes floatCard {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-6px); }
+  }
+  
+  .footer-brand h3 {
+    position: relative;
+    z-index: 1;
+  }
+  .footer-brand h3::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: 6px;
+    background: linear-gradient(90deg, rgba(79,172,254,0.07), rgba(139,92,246,0.07));
+    z-index: -1;
+    opacity: 0;
+    transition: opacity 240ms var(--transition-normal), transform 240ms var(--transition-normal);
+    transform: translateY(4px) scale(0.98);
+  }
+  .footer-brand h3:hover::before {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+  
+  
+  a.nav-link, .contact-option {
+    position: relative;
+  }
+  a.nav-link::after, .contact-option::after {
+    content: "";
+    position: absolute;
+    bottom: 4px;
+    left: 0;
+    width: 0;
+    height: 2px;
+    background: linear-gradient(90deg, var(--primary-500), var(--secondary-500));
+    transition: width 0.3s ease;
+  }
+  a.nav-link:hover::after, .contact-option:hover::after {
+    width: 100%;
+  }
+  
+  .section-title {
+    display: inline-block;
+    position: relative;
+  }
+  
+  .section-title::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: -6px;
+    height: 3px;
+    width: 100%; /* covers full heading text width */
+    border-radius: 2px;
+    background: linear-gradient(90deg, var(--primary-500), var(--secondary-500));
+    transition: transform 0.3s ease, opacity 0.3s ease;
+    transform-origin: left;
+  }
+  .section-title:hover::after {
+    transform: scaleX(1.1);
+    opacity: 0.9;
+  }
+
+  @media (max-width: 640px) {
+    .section-title::after { width: 56px; height: 3px; margin-top: 6px; }
+  }
+  
+  html {
+    scroll-behavior: smooth;
+    scroll-padding-top: 80px;
+  }
+  
+  @media (max-width: 640px) {
+    .content-section {
+      padding: var(--space-6);
+    }
+    .section-title {
+      font-size: 1.375rem;
+    }
+    .page-hero {
+      padding: 6rem 1rem 3rem;
+    }
+  }
+  

docs/privacy.html

@@ -213,10 +213,10 @@ <h2 class="section-title">Contact Us</h2>
                             <span>Open an issue for privacy inquiries</span>
                         </span>
                     </a>
-                    <a href="mailto:support@example.com" class="contact-option">
+                    <a href="https://github.com/Harshdev625/TimeMachine/discussions" class="contact-option">
                         <span class="contact-text">
-                            <strong>Email Support</strong>
-                            <span>support@example.com</span>
+                            <strong>Discussion</strong>
+                            <span>Have a Discussion here</span>
                         </span>
                     </a>
                 </div>