Skip to content

Added privacy page #134

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Deepika14145 merged 2 commits into from
Oct 20, 2025
Merged

Added privacy page #134

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9a80d9c
Added privacy policy
KIRTI13115 Oct 20, 2025
e865b71
Added privacy page
KIRTI13115 Oct 20, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions app.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,9 @@ def home():
def dashboard():
return render_template('dashboard.html')

@app.route('/privacy')
def privacy():
return render_template('privacy.html')
@app.route('/about')
def about():
return render_template('about.html')
Expand Down
69 changes: 69 additions & 0 deletions static/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1441,6 +1441,70 @@ body.dark .summary-box p { color: var(--text-secondary-dark); }
margin-top: 0; /* spacing handled by gap */
}


.privacy-section {
display: flex;
justify-content: center;
padding: 3rem 1.5rem;
}

.privacy-container {
max-width: 900px;
width: 100%;
background: white;
border-radius: 1.5rem;
box-shadow: var(--shadow-light);
padding: 2.5rem;
backdrop-filter: blur(10px);
}

.privacy-container h1 {
font-size: 2rem;
font-weight: 800;
color: #6c5ce7;
margin-bottom: 1.5rem;
text-align: center;
}

.privacy-container h2 {
font-size: 1.3rem;
color: var(--text-primary-light);
margin-top: 1.5rem;
margin-bottom: 0.5rem;
}

.privacy-container p {
font-size: 1rem;
line-height: 1.6;
color: var(--text-secondary-light);
}

.privacy-container .intro-text {
margin-bottom: 1.5rem;
}

.privacy-container a {
color: #6c5ce7;
text-decoration: none;
}

.privacy-container a:hover {
text-decoration: underline;
}

.effective-date {
margin-top: 2rem;
font-size: 0.9rem;
color: gray;
text-align: right;
}

body.dark .privacy-container {
background: rgba(31, 41, 55, 0.6);
box-shadow: var(--shadow-dark);
}


/*About us*/
.about-card {
background: var(--card-light);
Expand Down Expand Up @@ -1623,3 +1687,8 @@ body.dark .about-card {
}
}

/* Privacy Policy page styling */
.privacy-container h2,
.privacy-container h3 {
color: #6c5ce7; /* purple tone consistent with site theme */
}
2 changes: 1 addition & 1 deletion templates/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -154,7 +154,7 @@ <h4 class="footer-title">Resources</h4>
<div class="footer-column">
<h4 class="footer-title">Legal</h4>
<ul class="footer-list">
<li><a href="#privacy" class="footer-link">Privacy Policy</a></li>
<li><a href="/privacy" class="footer-link">Privacy Policy</a></li>
<li><a href="#disclaimer" class="footer-link">Disclaimer</a></li>
</ul>
</div>
Expand Down
2 changes: 1 addition & 1 deletion templates/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -153,7 +153,7 @@ <h4 class="footer-title">Resources</h4>
<div class="footer-column">
<h4 class="footer-title">Legal</h4>
<ul class="footer-list">
<li><a href="#privacy" class="footer-link">Privacy Policy</a></li>
<li><a href="/privacy" class="footer-link">Privacy Policy</a></li>
<li><a href="#disclaimer" class="footer-link">Disclaimer</a></li>
</ul>
</div>
Expand Down
2 changes: 1 addition & 1 deletion templates/dashboard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@ <h4 class="footer-title">Resources</h4>
<div class="footer-column">
<h4 class="footer-title">Legal</h4>
<ul class="footer-list">
<li><a href="#privacy" class="footer-link">Privacy Policy</a></li>
<li><a href="/privacy" class="footer-link">Privacy Policy</a></li>
<li><a href="#disclaimer" class="footer-link">Disclaimer</a></li>
</ul>
</div>
Expand Down
2 changes: 1 addition & 1 deletion templates/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -377,7 +377,7 @@ <h4 class="footer-title">Resources</h4>
<div class="footer-column">
<h4 class="footer-title">Legal</h4>
<ul class="footer-list">
<li><a href="#privacy" class="footer-link">Privacy Policy</a></li>
<li><a href="/privacy" class="footer-link">Privacy Policy</a></li>
<li><a href="#disclaimer" class="footer-link">Disclaimer</a></li>
</ul>
</div>
Expand Down
223 changes: 223 additions & 0 deletions templates/privacy.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,223 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Privacy Policy | Quick Fact Checker</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>

<body>
<!-- Navbar -->
<nav class="navbar">
<div class="nav-container">
<div class="nav-left">
<a href="/" class="nav-logo" id="home-logo">
<div class="logo-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
<polyline points="14,2 14,8 20,8"/>
<line x1="16" y1="13" x2="8" y2="13"/>
<line x1="16" y1="17" x2="8" y2="17"/>
<polyline points="10,9 9,9 8,9"/>
</svg>
</div>
<span class="logo-text">Quick Fact Checker</span>
</a>
</div>

<div class="nav-center">
<ul class="nav-links">
<li><a href="/about" class="nav-link">About</a></li>
<li><a href="/#how-it-works" class="nav-link">How It Works</a></li>
<li><a href="/#blog" class="nav-link">Blog</a></li>
<a href="/dashboard" class="nav-dashboard">Dashboard</a>
<li> <button class="theme-toggle" id="theme-toggle" aria-label="Toggle theme">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="theme-icon">
<circle cx="12" cy="12" r="4"/>
<path d="M12 2v2"/>
<path d="M12 20v2"/>
<path d="m4.93 4.93 1.41 1.41"/>
<path d="m17.66 17.66 1.41 1.41"/>
<path d="M2 12h2"/>
<path d="M20 12h2"/>
<path d="m6.34 17.66-1.41 1.41"/>
<path d="m19.07 4.93-1.41 1.41"/>
</svg>
</button></li>
</ul>
</div>

<div class="nav-right">
<!-- <button class="theme-toggle" id="theme-toggle" aria-label="Toggle theme">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="theme-icon">
<circle cx="12" cy="12" r="4"/>
<path d="M12 2v2"/>
<path d="M12 20v2"/>
<path d="m4.93 4.93 1.41 1.41"/>
<path d="m17.66 17.66 1.41 1.41"/>
<path d="M2 12h2"/>
<path d="M20 12h2"/>
<path d="m6.34 17.66-1.41 1.41"/>
<path d="m19.07 4.93-1.41 1.41"/>
</svg>
</button> -->
<button class="login-btn">Log In</button>
</div>
</div>
</nav>

<!-- Privacy Policy Section -->
<div style="height: 4rem;"></div>
<main class="privacy-section">
<div class="privacy-container">
<h1>Privacy Policy</h1>
<p class="intro-text">
At <strong>Quick Fact Checker</strong>, your privacy is important to us. This Privacy Policy outlines
how we collect, use, and protect your personal information when you use our platform.
</p>

<h2>1. Information We Collect</h2>
<p>
We may collect limited personal information such as your email address when you contact us or subscribe
to updates. Additionally, we collect anonymous analytical data to improve user experience and performance.
</p>

<h2>2. How We Use Your Information</h2>
<p>
The information we collect is used solely for communication, service improvement, and maintaining the
functionality of Quick Fact Checker. We do not sell, rent, or trade your personal data.
</p>

<h2>3. Cookies</h2>
<p>
Our website may use cookies to enhance your browsing experience. You can choose to disable cookies through
your browser settings, but some features of the site may not function properly.
</p>

<h2>4. Data Protection</h2>
<p>
We implement industry-standard security measures to safeguard your personal data against unauthorized
access, alteration, or disclosure.
</p>

<h2>5. Third-Party Links</h2>
<p>
Our website may contain links to third-party sites. We are not responsible for their privacy practices and
encourage you to review their privacy policies before sharing personal data.
</p>

<h2>6. Updates to This Policy</h2>
<p>
We may update this Privacy Policy periodically. Any changes will be posted on this page with the updated
effective date.
</p>

<h2>7. Contact Us</h2>
<p>
If you have any questions or concerns about this Privacy Policy, please contact us through the
<a href="/contact">Contact Page</a>.
</p>

<p class="effective-date"><em>Effective Date: October 15, 2025</em></p>
</div>
</main>

<!-- Footer -->
<footer class="footer">
<div class="footer-container">
<div class="footer-content">
<!-- Footer Logo & Description -->
<div class="footer-brand">
<div class="footer-logo">
<div class="footer-logo-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
<polyline points="14,2 14,8 20,8"/>
<line x1="16" y1="13" x2="8" y2="13"/>
<line x1="16" y1="17" x2="8" y2="17"/>
<polyline points="10,9 9,9 8,9"/>
</svg>
</div>
<span class="footer-logo-text">Quick Fact Checker</span>
</div>
<p class="footer-description">AI-powered analysis to combat misinformation</p>
</div>

<!-- Footer Links -->
<div class="footer-links">
<div class="footer-column">
<h4 class="footer-title">Company</h4>
<ul class="footer-list">
<li><a href="/about" class="footer-link">About Us</a></li>
<li><a href="/contact" class="footer-link">Contact</a></li>
</ul>
</div>

<div class="footer-column">
<h4 class="footer-title">Resources</h4>
<ul class="footer-list">
<li><a href="#terms" class="footer-link">Terms of Service</a></li>
<li><a href="#blog" class="footer-link">Blog</a></li>
</ul>
</div>

<div class="footer-column">
<h4 class="footer-title">Legal</h4>
<ul class="footer-list">
<li><a href="/privacy" class="footer-link">Privacy Policy</a></li>
<li><a href="#disclaimer" class="footer-link">Disclaimer</a></li>
</ul>
</div>
</div>

<!-- Social Links -->
<div class="footer-social">
<a href="#twitter" class="social-link" aria-label="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"/>
</svg>
</a>
<a href="#linkedin" class="social-link" aria-label="LinkedIn">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"/>
<circle cx="4" cy="4" r="2"/>
</svg>
</a>
<a href="#github" class="social-link" aria-label="GitHub">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0020 4.77 5.07 5.07 0 0019.91 1S18.73.65 16 2.48a13.38 13.38 0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 005 4.77a5.44 5.44 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22"/>
</svg>
</a>
</div>
</div>

<!-- Footer Bottom -->
<div class="footer-bottom">
<p class="copyright">© 2025 Quick Fact Checker. All Combat Reserved.</p>
<div class="footer-heart">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
</svg>
</div>
</div>
</div>
</footer>

<!-- Toast + Confetti -->
<div class="toast" id="toast" role="alert" aria-live="assertive" aria-atomic="true"></div>
<canvas id="confetti-canvas" style="position: fixed; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;"></canvas>

<!-- Scripts -->
<script src="script.js"></script>
</body>
</html>

Loading