diff --git a/app.py b/app.py index 33380a9..7c38a3e 100644 --- a/app.py +++ b/app.py @@ -89,6 +89,15 @@ def about(): def contact(): return render_template('contact.html') +@app.route("/disclaimer") +def disclaimer(): + return render_template("disclaimer.html") + +@app.route("/blog") +def blog(): + return render_template("blog.html") + + def index(): diff --git a/static/blog.js b/static/blog.js new file mode 100644 index 0000000..7688723 --- /dev/null +++ b/static/blog.js @@ -0,0 +1,23 @@ +document.addEventListener("DOMContentLoaded", () => { + const posts = document.querySelectorAll(".blog-post"); + const prevBtn = document.getElementById("prev-btn"); + const nextBtn = document.getElementById("next-btn"); + + let current = 0; + + function showPost(index) { + posts.forEach((post, i) => post.classList.toggle("active", i === index)); + } + + prevBtn.addEventListener("click", () => { + current = (current - 1 + posts.length) % posts.length; + showPost(current); + }); + + nextBtn.addEventListener("click", () => { + current = (current + 1) % posts.length; + showPost(current); + }); + + showPost(current); +}); diff --git a/static/images/disclaimer-illustration.jpg b/static/images/disclaimer-illustration.jpg new file mode 100644 index 0000000..4ae50a7 Binary files /dev/null and b/static/images/disclaimer-illustration.jpg differ diff --git a/static/images/logreg-icon.png b/static/images/logreg-icon.png new file mode 100644 index 0000000..a070d2d Binary files /dev/null and b/static/images/logreg-icon.png differ diff --git a/static/images/lstm-icon.png b/static/images/lstm-icon.png new file mode 100644 index 0000000..d51a927 Binary files /dev/null and b/static/images/lstm-icon.png differ diff --git a/static/images/naivebayes-icon.png b/static/images/naivebayes-icon.png new file mode 100644 index 0000000..6371ba8 Binary files /dev/null and b/static/images/naivebayes-icon.png differ diff --git a/static/images/randomforest-icon.png b/static/images/randomforest-icon.png new file mode 100644 index 0000000..04e8292 Binary files /dev/null and b/static/images/randomforest-icon.png differ diff --git a/static/style.css b/static/style.css index c1a5915..5f8fd47 100644 --- a/static/style.css +++ b/static/style.css @@ -1692,3 +1692,190 @@ body.dark .about-card { .privacy-container h3 { color: #6c5ce7; /* purple tone consistent with site theme */ } + +/* ================================ + Disclaimer Page Styling +================================ */ +.disclaimer-container { + max-width: 800px; + margin: 4rem auto; + padding: 2rem; + background: var(--card-light); + border-radius: 1rem; + box-shadow: var(--shadow-light); + line-height: 1.7; +} + +body.dark .disclaimer-container { + background: var(--card-dark); + box-shadow: var(--shadow-dark); +} + +.disclaimer-container h1 { + font-size: 2rem; + font-weight: 800; + color: #6c5ce7; /* purple to match Quick Fact Checker title */ + margin-bottom: 1.5rem; + text-align: center; +} + +.disclaimer-container h2 { + color: #6c5ce7; + margin-top: 1.5rem; +} + +.disclaimer-container p { + color: var(--text-secondary-light); + margin: 0.75rem 0; +} + +body.dark .disclaimer-container p { + color: var(--text-secondary-dark); +} + +.disclaimer-hero { + text-align: center; + margin-bottom: 2rem; +} + +.disclaimer-hero img { + max-width: 300px; + height: auto; + opacity: 0.9; +} + +/* ===== BLOG PAGE (Slideshow Style) ===== */ +.blog-main { + max-width: 900px; + margin: 2rem auto; + padding: 1rem; + text-align: center; +} + +.blog-page-title { + font-size: 2.5rem; + font-weight: 800; + color: #6c5ce7; + margin-bottom: 0.5rem; +} + +.blog-page-subtitle { + color: var(--text-secondary-light); + margin-bottom: 2rem; +} +body.dark .blog-page-subtitle { + color: var(--text-secondary-dark); +} + +.blog-wrapper { + position: relative; + display: flex; + align-items: center; + justify-content: center; +} + +.blog-content { + width: 100%; + overflow: hidden; +} + +.blog-post { + display: none; + background: var(--card-light); + padding: 2rem; + border-radius: 1.5rem; + box-shadow: var(--shadow-light); + animation: fadeIn 0.4s ease; +} +body.dark .blog-post { + background: var(--card-dark); + box-shadow: var(--shadow-dark); +} + +.blog-post.active { + display: block; +} + +.blog-post h2 { + color: #6c5ce7; + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 1.5rem; +} + +.blog-post h3 { + font-size: 1.1rem; + font-weight: 500; /* đź’ˇ This makes it lighter than default (usually 600-700) */ + color: var(--text-primary-light); + margin-top: 1.8rem; + margin-bottom: 0.5rem; +} +body.dark .blog-post h3 { + color: var(--text-primary-dark); +} + + +.blog-post p { + font-size: 1rem; + color: var(--text-secondary-light); + line-height: 1.6; +} +body.dark .blog-post p { + color: var(--text-secondary-dark); +} + +.blog-img { + width: 100px; + height: 100px; + border-radius: 50%; + background: #f3f0ff; + padding: 10px; + margin-bottom: 1rem; +} + +.nav-arrow { + background: rgba(108, 92, 231, 0.15); + border: none; + cursor: pointer; + position: absolute; + top: 50%; + transform: translateY(-50%); + font-size: 2rem; + color: #6c5ce7; + border-radius: 50%; + width: 50px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.3s ease; + z-index: 10; +} +.nav-arrow:hover { + background: rgba(108, 92, 231, 0.25); + color: #8e7dff; +} + +.nav-arrow.left { + left: -60px; +} +.nav-arrow.right { + right: -60px; +} + + +@media (max-width: 768px) { + .nav-arrow.left { left: 10px; } + .nav-arrow.right { right: 10px; } +} + +@keyframes fadeIn { + from { opacity: 0; transform: translateY(10px); } + to { opacity: 1; transform: translateY(0); } +} + +@media (max-width: 768px) { + .nav-arrow.left { left: 10px; } + .nav-arrow.right { right: 10px; } +} + diff --git a/templates/about.html b/templates/about.html index dba2e13..4d7b9c1 100644 --- a/templates/about.html +++ b/templates/about.html @@ -31,7 +31,7 @@ + + +
+ + +
+ + + + + +
+
+

Model Insights Blog

+

Dive deeper into the models driving Quick Fact Checker

+ +
+ + + + + +
+ + +
+ Logistic Regression +

Logistic Regression – A Simple but Strong Start

+ +

What It Is

+

Logistic Regression is one of the simplest machine learning models for classification. It helps determine if a claim is likely true or false based on patterns in the data.

+ +

Why It Matters

+

Despite its simplicity, it gives fast, interpretable predictions. It shows which words or features influence the result, helping you understand the logic behind each decision.

+ +

How We Use It

+

In Quick Fact Checker, we use Logistic Regression as our baseline model. It gives reliable performance on short claims and helps compare the impact of more complex models.

+ +

What’s Next

+

Ideal for those new to machine learning. Start with this model to learn what works, then move to more advanced systems.

+
+ + +
+ Random Forest +

Random Forest – The Ensemble Powerhouse

+ +

What It Is

+

Random Forest is a collection of decision trees working together. Each tree gives its vote, and the forest averages the results.

+ +

Why It Matters

+

This model is more robust and handles noisy data better than individual models. It reduces overfitting and increases accuracy.

+ +

How We Use It

+

Quick Fact Checker uses Random Forest to detect misleading claims. It captures subtle signals from word frequency and structure, helping uncover hidden misinformation.

+ +

What’s Next

+

Use this model when you want more accuracy without sacrificing interpretability. A great step up from logistic regression.

+
+ + +
+ LSTM +

LSTM – Deep Context Understanding

+ +

What It Is

+

LSTM (Long Short-Term Memory) is a neural network that understands sequences. It looks at words in context — not just in isolation.

+ +

Why It Matters

+

LSTM can detect tone, intent, and sentence structure — giving a deeper view of a claim’s truthfulness. Great for longer or complex sentences.

+ +

How We Use It

+

LSTM helps Quick Fact Checker understand flow and meaning. It’s key in spotting misinformation that simpler models might miss.

+ +

What’s Next

+

If you're handling nuanced claims or contextual clues, LSTM is the model for the job. It enables deep NLP insight.

+
+ + +
+ Naive Bayes +

Naive Bayes – Fast & Probabilistic Classifier

+ +

What It Is

+

Naive Bayes calculates the probability that a statement is true based on the presence of certain words. It assumes all words are independent — even if they aren’t in reality.

+ +

Why It Matters

+

It’s incredibly fast and surprisingly accurate on small or clean datasets. Plus, it’s easy to explain to others.

+ +

How We Use It

+

Quick Fact Checker uses Naive Bayes as a lightweight screener. It quickly flags potentially false claims for deeper analysis.

+ +

What’s Next

+

Perfect for rapid prototyping or when you need results on low-resource devices. A solid utility model in your toolkit.

+
+ +
+ + +
+
+ + + + + + + + + + + + + + diff --git a/templates/contact.html b/templates/contact.html index 71f82a9..3ac6d65 100644 --- a/templates/contact.html +++ b/templates/contact.html @@ -31,7 +31,7 @@ + + +
+ + +
+ + + + +
+ +
+

Disclaimer

+
+ Disclaimer Illustration +
+ + + + +

The information provided by Quick Fact Checker is for general informational purposes only. All information on this site is provided in good faith; however, we make no representation or warranty of any kind regarding the accuracy, adequacy, validity, reliability, or completeness of any information.

+ +

External Links Disclaimer

+

Our website may contain links to other websites or content belonging to third parties. Such external links are not investigated, monitored, or checked for accuracy by us. We do not warrant or endorse any information found on external sites.

+ +

Professional Disclaimer

+

The information provided by Quick Fact Checker should not be considered professional or expert advice. Always verify information through multiple reliable sources before making decisions based on it.

+ +

Fair Use Disclaimer

+

Some content on this site may include copyrighted material used under fair use for educational and informational purposes. If you believe any material infringes your copyright, please contact us for removal.

+ +

By using this site, you agree that Quick Fact Checker and its creators are not liable for any damages arising from your use of the information provided.

+
+ + + + + + + + + + + + + + diff --git a/templates/index.html b/templates/index.html index 6b58cdd..9348a3d 100644 --- a/templates/index.html +++ b/templates/index.html @@ -99,7 +99,7 @@ @@ -370,7 +370,7 @@

Company

Resources

@@ -378,7 +378,7 @@

Resources

Legal

diff --git a/templates/privacy.html b/templates/privacy.html index c46cf85..ea9b581 100644 --- a/templates/privacy.html +++ b/templates/privacy.html @@ -32,7 +32,7 @@