| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| |
|
| | <!DOCTYPE html> |
| | <html lang="en"> |
| |
|
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Analysis Result | AMEY & MEGA </title> |
| | <link rel="icon" href="{{url_for('.static', filename='chart-bar.svg')}}" type="image/svg+xml"> |
| |
|
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
| | <link rel="stylesheet" href="{{url_for('.static', filename='styles.css')}}"> |
| | <script src="{{url_for('.static', filename='security.js')}}"></script> |
| | </head> |
| |
|
| | <body> |
| |
|
| | <header class="hero-section container animate-fade"> |
| | <i class="fas fa-chart-line fa-3x" style="color: #1daeff; margin-bottom: 20px;"></i> |
| | <h1>Analysis Result</h1> |
| | <p>Here is what our model predicted for the tweet you provided.</p> |
| | </header> |
| |
|
| | <main class="container animate-fade" style="animation-delay: 0.2s;"> |
| | <section class="analysis-card"> |
| | <h3><i class="fas fa-quote-left" style="color: var(--clr-slate); margin-right: 10px;"></i> The Tweet |
| | </h3> |
| | <div |
| | style="background: #F8F9FA; padding: 25px; border-radius: 8px; margin: 20px 0; border-left: 4px solid var(--clr-slate);"> |
| | <p |
| | style="font-family: var(--font-serif); font-style: italic; font-size: 1.1rem; color: var(--clr-navy);"> |
| | {{ name }} |
| | </p> |
| | </div> |
| | </section> |
| |
|
| | <section class="analysis-card result-display"> |
| | <h3>Our Prediction</h3> |
| |
|
| | {% if prediction == 0 %} |
| | <div class="result-badge badge-non-depressive"> |
| | <i class="fas fa-check-circle"></i> Non-Depressive |
| | </div> |
| | <p style="margin-top: 25px; color: var(--clr-slate);">Our model didn't find any significant signs of |
| | depression in this text.</p> |
| | {% elif prediction == 1 %} |
| | <div class="result-badge badge-depressive"> |
| | <i class="fas fa-exclamation-triangle"></i> Depressive |
| | </div> |
| | <p style="margin-top: 25px; color: var(--clr-slate);">Our model identified patterns that are often |
| | associated with depression in this text.</p> |
| | {% endif %} |
| |
|
| | <div style="margin-top: 40px; border-top: 1px solid #E2E8F0; padding-top: 30px;"> |
| | <a href="{{ url_for('index') }}" class="btn-primary"> |
| | <i class="fab fa-twitter" style="margin-right: 8px;"></i> Analyze Another Tweet |
| | </a> |
| | </div> |
| | </section> |
| | </main> |
| |
|
| | <footer class="container" |
| | style="padding: 60px 0 40px; text-align: center; border-top: 1px solid rgba(136, 146, 176, 0.1);"> |
| | <p style="color: var(--clr-slate); font-size: 0.95rem; margin-bottom: 12px;"> |
| | Developed by <a href="https://github.com/Amey-Thakur" |
| | style="color: var(--clr-accent-dark); font-weight: 700;">Amey Thakur</a> & <a |
| | href="https://github.com/msatmod" style="color: var(--clr-accent-dark); font-weight: 700;">Mega |
| | Satish</a> |
| | </p> |
| | <p style="color: var(--clr-light-slate); font-size: 0.85rem; letter-spacing: 0.5px;"> |
| | © 2022 • MIT License • <a href="https://github.com/Amey-Thakur/DEPRESSION-DETECTION-USING-TWEETS" |
| | target="_blank" style="margin-left: 5px;"><i class="fab fa-github"></i> GitHub</a> |
| | </p> |
| | </footer> |
| |
|
| | </body> |
| |
|
| | </html> |
