Spaces:
Runtime error
Runtime error
| <html lang="en" dir="ltr"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.png"> | |
| <title>SmileCheck</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/swiper-bundle.min.css') }}"> | |
| <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> | |
| </head> | |
| <body> | |
| <div class="loader" style="z-index:999999"> | |
| <br> | |
| <br> | |
| <br> | |
| <br> | |
| <div style="text-align: center;"> | |
| <video width="100%" height="100%" autoplay muted style="background-color: white;margin: 0 auto; max-height:440px; max-width:547px; padding:20px;"> | |
| <source src="static/smilecheckloader.mp4" type="video/mp4" autoplay /> | |
| </video> | |
| </div> | |
| <br> | |
| <div class="box"> | |
| <div class="loader3" style="text-align: center;"></div> | |
| </div> | |
| <br> | |
| <div style="text-align: center;"> | |
| <span id="variableValue">0</span> | |
| </div> | |
| </div> | |
| <script> | |
| var variable = 0; | |
| var intervalId = setInterval(function() { | |
| if (variable < 100) { | |
| variable++; | |
| document.getElementById("variableValue").innerHTML = variable+"%"; | |
| } else { | |
| clearInterval(intervalId); | |
| } | |
| }, 10); | |
| const loader = document.querySelector(".loader"); | |
| setTimeout(() => { | |
| loader.classList.add("hide"); | |
| setTimeout(() => { | |
| document.body.removeChild(loader); | |
| }, 500); | |
| }, 1200); | |
| </script> | |
| <header> | |
| <div class="nav-bar"> | |
| <a href="" class="logo"><img src="/static/smilelogo-transperent.png" width="260" height="85" style="padding-top: 15px;"></a> | |
| <div class="navigation"> | |
| <div class="nav-items"> | |
| <i class="uil uil-times nav-close-btn"></i> | |
| <a href="./home"><i class="uil uil-home"></i> <b>Home</b></a> | |
| <a href="#about" id="jump-link1"><i class="uil uil-info-circle"></i> <b>About</b></a> | |
| <a href="#features" id="jump-link4"><i class="uil uil-compass"></i> <b>Features</b></a> | |
| <a href="#reference" id="jump-link2"><i class="uil uil-document-layout-left"></i> <b>References</b></a> | |
| <a href="#contact" id="jump-link3"><i class="uil uil-envelope"></i> <b>Contact</b></a> | |
| </div> | |
| </div> | |
| <i class="uil uil-apps nav-menu-btn"></i> | |
| </div> | |
| </header> | |
| <section class="home"> | |
| <!-- <div class="media-icons">--> | |
| <!-- <a href="#"><i class="uil uil-facebook-f"></i></a>--> | |
| <!-- <a href="#"><i class="uil uil-instagram"></i></a>--> | |
| <!-- <a href="#"><i class="uil uil-twitter"></i></a>--> | |
| <!-- </div>--> | |
| <div class="swiper bg-slider"> | |
| <div class="swiper-wrapper"> | |
| <div class="swiper-slide"> | |
| <svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(445.69019277756365 247.65710150150943)"><path d="M112.9 -90.4C157.9 -67.9 213.9 -33.9 224.7 10.7C235.4 55.4 200.8 110.8 155.8 138.8C110.8 166.8 55.4 167.4 -1.2 168.6C-57.7 169.7 -115.5 171.5 -140.8 143.5C-166.2 115.5 -159.1 57.7 -147.6 11.4C-136.2 -34.9 -120.4 -69.8 -95.1 -92.3C-69.8 -114.8 -34.9 -124.9 -0.5 -124.4C33.9 -123.9 67.9 -112.9 112.9 -90.4" fill="#ff9900"></path></g></svg> | |
| <!-- <img id="visual" src="{{ url_for('static', filename='index-back.svg') }}" alt="">--> | |
| <div class="text-content"> | |
| <h2 class="title">SmileCheck <span>Happy Index</span></h2> | |
| <p>Welcome to SmileCheck - the revolutionary web app that helps college students measure their happiness index! Our app is designed to analyze your sentiment and provide you with an accurate assessment of your overall level of happiness.</p> | |
| <button class="read-btn" onclick="window.location.href='/home'">Take Assessment <i class="uil uil-arrow-right"></i></button> | |
| </div> | |
| </div> | |
| <div class="swiper-slide"> | |
| <svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(445.69019277756365 247.65710150150943)"><path d="M112.9 -90.4C157.9 -67.9 213.9 -33.9 224.7 10.7C235.4 55.4 200.8 110.8 155.8 138.8C110.8 166.8 55.4 167.4 -1.2 168.6C-57.7 169.7 -115.5 171.5 -140.8 143.5C-166.2 115.5 -159.1 57.7 -147.6 11.4C-136.2 -34.9 -120.4 -69.8 -95.1 -92.3C-69.8 -114.8 -34.9 -124.9 -0.5 -124.4C33.9 -123.9 67.9 -112.9 112.9 -90.4" fill="#ff9900"></path></g></svg> | |
| <!-- <img id="visual2" src="{{ url_for('static', filename='index-back.svg') }}" alt="">--> | |
| <div class="text-content"> | |
| <h2 class="title">SmileCheck <span>Happy Index</span></h2> | |
| <p>Welcome to SmileCheck - the revolutionary web app that helps college students measure their happiness index! Our app is designed to analyze your sentiment and provide you with an accurate assessment of your overall level of happiness.</p> | |
| <button class="read-btn" onclick="window.location.href='/home'">Take Assessment <i class="uil uil-arrow-right"></i></button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-slider-thumbs" style="display:none"></div> | |
| </section> | |
| <section id="about" class="about section"> | |
| <h2>About</h2> | |
| <p>We understand that college can be a challenging and stressful time for many students, and it's important to prioritize your mental health and wellbeing. That's why we've created SmileCheck - to give you an easy and accessible way to measure your happiness and identify areas where you can improve.<br> | |
| Our sentiment analysis tool is based on the latest research in psychology and uses advanced algorithms to analyze your responses to a series of questions. This allows us to provide you with a comprehensive and accurate assessment of your happiness index.</p> | |
| </section> | |
| <section id="features" class="about section"> | |
| <h2>Features</h2><br> | |
| <p>To get started, simply create an account and complete the assessment. You'll receive a detailed report that includes your happiness score, as well as personalized recommendations for how you can improve your wellbeing. You can even track your progress over time, so you can see how your happiness level changes as you implement our recommendations.</p> | |
| <div class="flex-container"> | |
| <div class="flex-item1"> | |
| <div class="marker"> | |
| <div class="ribbon"> | |
| <span>1</span> | |
| </div><br><br> | |
| </div> | |
| <h1><b>Sentiment Analysis Tool</b></h1><br> | |
| <span>Our sentiment analysis tool is the core feature of SmileCheck. It allows college students to assess their level of happiness and identify areas where they may need to focus on for improvement.</span> | |
| </div> | |
| <div class="flex-item2"><div class="numbers"><h1>1</h1></div></div> | |
| </div> | |
| <div class="flex-container"> | |
| <div class="flex-item3"><div class="flex-item2"><div class="numbers"><h1>2</h1></div></div></div> | |
| <div class="flex-item4"> | |
| <div class="marker"> | |
| <div class="ribbon"> | |
| <span>2</span> | |
| </div><br><br> | |
| </div> | |
| <h1><b>Personalized recommendations</b></h1><br> | |
| <span>Based on the results of the sentiment analysis, SmileCheck provides personalized recommendations to students. These recommendations are tailored to their specific needs and goals, and can help them make positive changes to improve their overall happiness.</span> | |
| </div> | |
| </div> | |
| <div class="flex-container"> | |
| <div class="flex-item5"> | |
| <div class="marker"> | |
| <div class="ribbon"> | |
| <span>3</span> | |
| </div><br><br> | |
| </div> | |
| <h1><b>Progress Tracking</b></h1><br> | |
| <span>SmileCheck enables students to track their progress over time. By regularly completing the assessment, they can see how their happiness level changes and identify trends or patterns that may need attention.</span> | |
| </div> | |
| <div class="flex-item6"><div class="flex-item2"><div class="numbers"><h1>3</h1></div></div></div> | |
| </div> | |
| <div class="flex-container"> | |
| <div class="flex-item7"><div class="flex-item2"><div class="numbers"><h1>4</h1></div></div></div> | |
| <div class="flex-item8"> | |
| <div class="marker"> | |
| <div class="ribbon"> | |
| <span>4</span> | |
| </div><br><br> | |
| </div> | |
| <h1><b>Admin Control</b></h1><br> | |
| <span>SmileCheck offers an admin control feature that allows administrators to create and manage assessments for students. This feature is particularly useful for universities or organizations that want to create custom assessments tailored to their specific needs.</span> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="reference"> | |
| <div class="media-icons"> | |
| <a href="#"><i class="uil uil-facebook-f"></i></a> | |
| <a href="#"><i class="uil uil-instagram"></i></a> | |
| <a href="#"><i class="uil uil-twitter"></i></a> | |
| </div> | |
| <div class="swiper bg-slider"> | |
| <div class="swiper-wrapper"> | |
| <div class="swiper-slide" style="background:none;"> | |
| <svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(445.69019277756365 247.65710150150943)"><path d="M112.9 -90.4C157.9 -67.9 213.9 -33.9 224.7 10.7C235.4 55.4 200.8 110.8 155.8 138.8C110.8 166.8 55.4 167.4 -1.2 168.6C-57.7 169.7 -115.5 171.5 -140.8 143.5C-166.2 115.5 -159.1 57.7 -147.6 11.4C-136.2 -34.9 -120.4 -69.8 -95.1 -92.3C-69.8 -114.8 -34.9 -124.9 -0.5 -124.4C33.9 -123.9 67.9 -112.9 112.9 -90.4" fill="#ff9900"></path></g></svg> | |
| <div class="text-content"> | |
| <h2 class="title">Smart India Hackathon [SIH] <br> <span>Problem Statement 2022</span></h2> | |
| <p><b>Department of School Education & Literacy (DoSEL), Ministry of Education -</b> Development of a happiness index for schools (including mental health and well-being parameters, among others) with self-assessment facilities.</p> | |
| <button class="read-btn" onclick="window.open('https://sih.gov.in/sih2022PS', '_blank')">See Details <i class="uil uil-arrow-right"></i></button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="contact" class="about section" style="height:550px;"> | |
| <div class="swiper bg-slider"> | |
| <div class="swiper-wrapper"> | |
| <div class="swiper-slide" style="background:none;"> | |
| <div class="text-content"> | |
| <h2 class="title">Conatct Us <br> <span>SmileCheck Team</span></h2> | |
| <div class="contact-items"> | |
| <p><b>Mobile : </b> <a href="tel:1234567890">1234567890</a><br> | |
| <b>Email : </b> <a href="mailto:smilecheck@gmail.com">smilecheck@gmail.com</a><br> | |
| <b></b> | |
| </p></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <footer id="footer"> | |
| <div class="footer"> | |
| <div> | |
| <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"> | |
| <defs> | |
| <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" /> | |
| </defs> | |
| <g class="parallax"> | |
| <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255, 157, 0,0.7" /> | |
| <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255, 157, 0,0.5)" /> | |
| <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255, 157, 0,0.3)" /> | |
| <use xlink:href="#gentle-wave" x="48" y="7" fill="rgba(255, 157, 0, 1)" /> | |
| </g> | |
| </svg> | |
| </div> | |
| <div class="footer-flex content"> | |
| <div class="logo-foot"><span style="color:white">SMILECHECK</span></div> | |
| <div class="copyright"><span style="color:white">Copyright © 2023 SmileCheck. All rights reserved.</span></div> | |
| <div class="follow"><span style="color:white">Follow Us On:<br>Facebook: @smilecheck<br>Twitter: @smilecheck<br>Instagram: @smilecheck</span></div> | |
| <!-- <a href="" class="logo"><img src="/static/smilelogo-transperent.png" width="260" height="85" style="padding-top: 15px;"></a>--> | |
| </div> | |
| </div> | |
| </footer> | |
| <script src="{{ url_for('static', filename='js/swiper-bundle.min.js') }}"></script> | |
| <script src="{{ url_for('static', filename='js/main.js') }}"></script> | |
| </body> | |
| </html> | |