Spaces:

Rajeev-Isaac
/

NyaaySahaayak

Running

App Files Files Community

Rajeev-Isaac commited on Mar 28, 2024

Commit

3edeaf6

verified ·

1 Parent(s): c55399e

Upload 32 files

Browse files

Files changed (33) hide show

.gitattributes +1 -0
web/static/NyaaySahaayak.html +62 -0
web/static/NyaaySahaayak1.html +30 -0
web/static/anytime_icon.png +0 -0
web/static/anywhere_icon.png +0 -0
web/static/authentic_icon.png +0 -0
web/static/back2.jpg +3 -0
web/static/chatbot.jpeg +0 -0
web/static/css_logo.png +0 -0
web/static/docker.png +0 -0
web/static/example.html +64 -0
web/static/faiss.png +0 -0
web/static/flask_logo.png +0 -0
web/static/free_icon.png +0 -0
web/static/gai.png +0 -0
web/static/gt_logo.png +0 -0
web/static/html_logo.png +0 -0
web/static/huggingface.png +0 -0
web/static/huggingfacespaces.png +0 -0
web/static/index.html +288 -0
web/static/indexstyles.css +426 -0
web/static/javascript_logo.png +0 -0
web/static/langchain.jpeg +0 -0
web/static/langchain.png +0 -0
web/static/multilingual_icon.png +0 -0
web/static/nsstyles.css +94 -0
web/static/python_logo.png +0 -0
web/static/quick_easy_icon.png +0 -0
web/static/script1.js +64 -0
web/static/styles.css +329 -0
web/static/team.svg +1 -0
web/static/team_member1.jpg +0 -0
web/static/user.jpg +0 -0

.gitattributes CHANGED Viewed

@@ -34,3 +34,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
 faiss_index/index.faiss filter=lfs diff=lfs merge=lfs -text

 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
 faiss_index/index.faiss filter=lfs diff=lfs merge=lfs -text
+web/static/back2.jpg filter=lfs diff=lfs merge=lfs -text

web/static/NyaaySahaayak.html ADDED Viewed

	@@ -0,0 +1,62 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Nyaay Sahaayak</title>
+<link rel="stylesheet" type="text/css" href="styles.css"/>
+</head>
+<body>
+    <header class="container header">
+        <nav class="nav">
+          <div class="logo">
+            <h2>Nyaay Sahaayak</h2>
+          </div>
+        </nav>
+      </header>
+<div class="body1">
+<div id ="instruct" class="Instruct">
+    <h2>
+    FAQs
+    </h2>
+    <button class="faqs-button ">
+        What are the fundamental rights guaranteed by the Indian Constitution?
+        </button>
+    <button class="faqs-button ">
+        What are the rights of an accused person in India?
+    </button>
+    <button class="faqs-button ">
+        What are the legal requirements for starting a business in India?
+    </button>
+    <button class="faqs-button ">
+        What are the rights of women and minorities under Indian law?
+    </button>
+    <button class="faqs-button ">
+        What is the procedure for filing a case in Indian courts?
+    </button>
+    <p>
+    </p>
+</div>
+<div class="container">
+    <div class="chat-box" id="chatBox"></div>
+    <div class="input-box">
+        <input type="text" id="user-input" placeholder="Ask Nyaay Sahaayak...">
+    </div>
+    <p style="font-size: 1vw; color: grey; text-align: center; margin-top: 8px;">Nyaay Sahaayak provides general guidance on Indian laws, but it's not a substitute for professional legal advice; use responsibly.</p>
+</div>
+<div id ="instruct" class="Warn">
+    <h2 id="changingHeading">
+        Attention
+    </h2>
+    <p id="changingText" style="padding-left:10px; margin-right: vw; text-align: left; margin-top: 0.5vw;">
+        Kindly ensure your queries are specific and relevant to Indian legal matters. Maintaining clarity and focus in your questions will optimize the Nyaay Sahaayak's assistance. Thank you for your cooperation.
+    </p>
+</div>
+</div>
+<script src="script1.js">
+</script>
+</body>
+</html>

web/static/NyaaySahaayak1.html ADDED Viewed

	@@ -0,0 +1,30 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <style>
+    </style>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nyaay Sahaayak</title>
+    <link rel="stylesheet" href="nsstyles.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
+</head>
+<body>
+    <a href="{{ url_for('NyaaySahaayak') }}"></a>
+    <div class="back">
+        <h1 class="h1"> Nyaay Sahaayak</h1>
+        <div id="chat-container">
+            <div id="chat-log"></div>
+        </div>
+        <div class="input">
+            <input type="text" id="user-input" placeholder="Type your message...">
+            <button onclick="sendMessage()"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAABsElEQVR4nO2WS0oDQRCGv71mJ6ImIj4wuYvGtdET5OFC4kXcqXiAEI0rjQcRIrmFRjcxGSIN/0AbdKa7J+7mh4Jhuh5/V3dVNeTI4YdNoAU8A6/Ap8R894EmUOIfUASugQkwS5EI6AJbiwp+BIzkfAx0gGOgDCxJzHdNa2PpGptq1uBn2tFMu9p2sNkB7q1smCML3nkETIHzAPu2bKOQTBSttIcEt0kYH+/Auo/hrZX2JKxKktCTL3OJnUttqsuUdOYm8IskicSufE2U2VS0xLjjEDwuvTQSXek1XAj0pVxzDO5C4lQ6jy4EhlLeTwk+n4EkEmWtm46ZipGUC7+sNeYCxQRsYr+luWA1p0wEDOrWLmMC6J9ZIyuBYcIRzMMmkISK9AaLuIQhBLwuYdOhDH0JxGX41xH9QElNY6zBkpXAnm8jMriRYzPVsuJBvq58jDasajADJRQX8vEGrPkaV61x3A4MHo/jAwLRsh4kPQ0WHM48TnukS50Jh5rn8ZPM3OgT1faypKJSuwO+rLQH73weK8Cl46N0otnv9QBxRVG1/KSu9iEZqMnUfUotRw6DbxmQrRt/p9fGAAAAAElFTkSuQmCC"></button>
+        </div>
+    </div>
+    <script src="script1.js">
+</script>
+</body>
+</html>

web/static/anytime_icon.png ADDED Viewed

web/static/anywhere_icon.png ADDED Viewed

web/static/authentic_icon.png ADDED Viewed

web/static/back2.jpg ADDED Viewed

Git LFS Details

SHA256: 2e65bef9287fd324f0222bc62730537fae15a9466e2ca3190326868df3bc4e7c
Pointer size: 132 Bytes
Size of remote file: 1.05 MB

web/static/chatbot.jpeg ADDED Viewed

web/static/css_logo.png ADDED Viewed

web/static/docker.png ADDED Viewed

web/static/example.html ADDED Viewed

	@@ -0,0 +1,64 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Chat Interface</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            font-family: Arial, sans-serif;
+        }
+        .container {
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+        }
+        header {
+            background-color: #f2f2f2;
+            padding: 20px;
+            text-align: center;
+        }
+        .chat-wrapper {
+            flex: 1;
+            display: flex;
+        }
+        .instructions {
+            flex: 1;
+            background-color: #e6f2ff;
+            padding: 20px;
+        }
+        .warning {
+            flex: 1;
+            background-color: #ffe6e6;
+            padding: 20px;
+        }
+        .logo {
+            text-align: center;
+            padding: 20px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <header>
+            <div class="logo">
+                <img src="your_logo.png" alt="Your Logo" width="150">
+            </div>
+        </header>
+        <div class="chat-wrapper">
+            <div class="instructions">
+                <h2>Instructions:</h2>
+                <p>Enter your message in the chat box and press send.</p>
+                <p>Wait for the response.</p>
+            </div>
+            <div class="warning">
+                <h2>Warning:</h2>
+                <p>Be cautious with the information you share in the chat.</p>
+                <p>Avoid sharing sensitive or personal details.</p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>

web/static/faiss.png ADDED Viewed

web/static/flask_logo.png ADDED Viewed

web/static/free_icon.png ADDED Viewed

web/static/gai.png ADDED Viewed

web/static/gt_logo.png ADDED Viewed

web/static/html_logo.png ADDED Viewed

web/static/huggingface.png ADDED Viewed

web/static/huggingfacespaces.png ADDED Viewed

web/static/index.html ADDED Viewed

	@@ -0,0 +1,288 @@

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Homepage</title>
+    <link ... href="{{ url_for('static', filename='style.css') }}" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
+      rel="stylesheet"/>
+    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" />
+    <link rel = "stylesheet" href="indexstyles.css">
+  </head>
+  <body>
+    <header class="container header">
+      <nav class="nav">
+        <div class="logo">
+          <h2>Nyaay Sahaayak</h2>
+        </div>
+        <div class="nav_menu" id="nav_menu">
+          <button class="close_btn" id="close_btn">
+            <i class="ri-close-fill"></i>
+          </button>
+          <ul class="nav_menu_list">
+            <li class="nav_menu_item">
+              <a href="#" class="nav_menu_link" onclick="scrollToIntro()">Introduction</a>
+            </li>
+            <li class="nav_menu_item">
+              <a href="#" class="nav_menu_link" onclick="scrollToFeatures()">Features</a>
+            </li>
+            <li class="nav_menu_item">
+              <a href="#" class="nav_menu_link" onclick="scrollToTech()">TechStack</a>
+            </li>
+            <li class="nav_menu_item">
+              <a href="#" class="nav_menu_link" onclick="scrollToAboutus()">The Team</a>
+            </li>
+          </ul>
+        </div>
+        <button class="toggle_btn" id="toggle_btn">
+          <i class="ri-menu-line"></i>
+        </button>
+      </nav>
+    </header>
+    <section class="wrapper">
+      <div class="container">
+        <div class="grid-cols-2">
+          <div class="grid-item-1">
+            <h1 class="main-heading">
+              <span>Nyaay Sahaayak</span>
+              <br />
+              Legal Empowerment Redefined
+            </h1>
+            <p class="info-text">
+            A comprehensive platform for legal awareness,seamlessly responds in multiple languages
+            </p>
+            <div class="btn_wrapper">
+              <a href="NyaaySahaayak">
+                <button class="btn view_more_btn">
+                  Get Started
+                </button>
+              </a>
+            </div>
+          </div>
+          <div class="grid-item-2">
+            <div class="team_img_wrapper">
+              <img src="team.svg" alt="team-img" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section id = "Intro" class="wrapper">
+      <div class="container">
+        <div style="font-family: Inter, sans-serif;font-size: 30px; margin-left: 30px; margin-bottom: 50px; color: #335EEA;">Introduction
+          <p class="info-text">Access to legal information and awareness is a challenge for
+            a large population in India, especially for those who are not
+            literate or are from marginalized communities. Our aim was to
+            develop a digital assistant that can provide legal information
+            and guidance to people in a user-friendly manner. The digital
+            assistant would be able to converse in multiple languages
+            and provide information in a concise and easy-to-understand
+            manner. The platform should be accessible through various
+            devices, including smartphones, tablets, and desktop
+            computers. </p>
+        </div>
+    <section id = "features" class="wrapper">
+      <div class="container">
+        <div style="font-family: Inter, sans-serif;font-size: 30px; margin-bottom: 50px; color: #335EEA;">Features
+          <p class="info-text">Welcome to our platform, where convenience and quality converge! Enjoy round-the-clock access, multilingual support, and trustworthy, free-of-cost services. Experience unparalleled convenience and excellence with us today.</p>
+        </div>
+        <div class="feature-box">
+          <div class="feature">
+            <img src="anywhere_icon.png" alt="Anywhere Icon">
+            <h3 style="color:#335EEA">Anywhere</h3>
+            <p>Access our service from anywhere in the world.</p>
+          </div>
+          <div class="feature">
+            <img src="anytime_icon.png" alt="Anytime Icon">
+            <h3 style="color:#335EEA">Anytime</h3>
+            <p>Available 24/7, whenever you need it.</p>
+          </div>
+          <div class="feature">
+            <img src="free_icon.png" alt="Free Icon">
+            <h3 style="color:#335EEA">Free of Cost</h3>
+            <p>Our service is completely free to use.</p>
+          </div>
+          <div class="feature">
+            <img src="multilingual_icon.png" alt="Multilingual Icon">
+            <h3 style="color:#335EEA">Multilingual</h3>
+            <p>Supports multiple languages for global accessibility.</p>
+          </div>
+          <div class="feature">
+            <img src="quick_easy_icon.png" alt="Quick & Easy Icon">
+            <h3 style="color:#335EEA">Quick & Easy</h3>
+            <p>Simple and intuitive interface for fast usage.</p>
+          </div>
+          <div class="feature">
+            <img src="authentic_icon.png" alt="Authentic Info Icon">
+            <h3 style="color:#335EEA">Authentic Info</h3>
+            <p>Reliable and trustworthy information provided.</p>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section id="Tech" class="wrapper">
+      <div class="container">
+        <div style="font-family: Inter, sans-serif;font-size: 30px; margin-bottom: 50px; color: #335EEA;">TechStack
+        <p class="info-text"> Explore the technologies powering our project! We've utilized a diverse tech stack to bring our vision to life. From front-end to back-end, our stack ensures seamless performance and robust functionality. Discover the technologies we've embraced to create our application:</p>
+        </div>
+        <div class="info-text">
+        <div class="technologies">
+          <div class="technology">
+            <img src="html_logo.png" alt="HTML">
+            <p>HTML</p>
+          </div>
+          <div class="technology">
+            <img src="css_logo.png" alt="CSS">
+            <p>CSS</p>
+          </div>
+          <div class="technology">
+            <img src="javascript_logo.png" alt="JavaScript">
+            <p>JavaScript</p>
+          </div>
+          <div class="technology">
+            <img src="python_logo.png" alt="Python">
+            <p>Python</p>
+          </div>
+          <div class="technology">
+            <img src="flask_logo.png" alt="flask">
+            <p>Flask</p>
+          </div>
+          <div class="technology">
+            <img src="gt_logo.png" alt="gt">
+            <p>Google Translate API</p>
+          </div>
+          <div class="technology">
+            <img src="gai.png" alt="gai">
+            <p>Google Generative AI</p>
+          </div>
+          <div class="technology">
+            <img src="faiss.png" alt="faiss">
+            <p>Facebook AI Similarity Search</p>
+          </div>
+          <div class="technology">
+            <img src="langchain.png" alt="langchain">
+            <p style=" margin-top: 40px;"> Langchain </p>
+          </div>
+          <div class="technology">
+            <img src="docker.png" alt="docker">
+            <p style=" margin-top: 25px;">Docker</p>
+          </div>
+          <div class="technology">
+            <img src="huggingface.png" alt="huggingface">
+            <p>Hugging Face</p>
+          </div>
+          <div class="technology">
+            <img src="huggingfacespaces.png" alt="huggingfacespaces">
+            <p>Hugging Face Spaces</p>
+          </div>
+          </div>
+      </div>
+    </section>
+    <section id="Aboutus" class="wrapper">
+      <div class="container">
+        <div style="font-family: Inter, sans-serif;font-size: 30px; margin-bottom: 50px; color: #335EEA;">About us
+          <p class="info-text"> Get to know us! We're a dynamic team of aspiring computer science students, fueled by our passion for innovation and technology. With a shared vision for learning and collaboration, we've embarked on a journey to create our first project together. Learn more about our backgrounds, aspirations, and journey below.</p>
+          </div>
+        <div class="team">
+          <div class="team-member">
+            <img src="team_member1.jpg" alt="Team Member 1">
+            <h3 style="color:#335EEA">Rajeev Isaac</h3>
+            <p>CSE B</p>
+            <p>Neil Gogte Institute of Technology</p>
+          </div>
+          <div class="team-member">
+            <img src="team_member1.jpg" alt="Team Member 2">
+            <h3 style="color:#335EEA">Nitin</h3>
+            <p>CSE-B</p>
+            <p>Neil Gogte Institute of Technology</p>
+          </div>
+          <div class="team-member">
+            <img src="team_member1.jpg" alt="Team Member 3">
+            <h3 style="color:#335EEA">Vishal</h3>
+            <p>CSE-B</p>
+            <p>Neil Gogte Institute of Technology</p>
+          </div>
+          <div class="team-member">
+            <img src="team_member1.jpg" alt="Team Member 4">
+            <h3 style="color:#335EEA">Shankar</h3>
+            <p>CSE-B</p>
+            <p>Neil Gogte Institute of Technology</p>
+          </div>
+          <div class="team-member">
+            <img src="team_member1.jpg" alt="Team Member 5">
+            <h3 style="color:#335EEA">Manikanta</h3>
+            <p>CSE-B</p>
+            <p>Neil Gogte Institute of Technology</p>
+          </div>
+          <div class="team-member">
+            <img src="team_member1.jpg" alt="Team Member 6">
+            <h3 style="color:#335EEA">Bhanu Prasad</h3>
+            <p>CSE-A</p>
+            <p>Neil Gogte Institute of Technology</p>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!-- ==== ANIMATE ON SCROLL JS CDN -->
+    <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
+    <!-- ==== GSAP CDN ==== -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js"></script>
+    <!-- ==== SCRIPT.JS ==== -->
+    <script src="./script.js" defer></script>
+    <script>
+      function scrollToFeatures() {
+        var featuresSection = document.getElementById('features');
+        featuresSection.scrollIntoView({ behavior: 'smooth' });
+      }
+      function scrollToAboutus() {
+        var featuresSection = document.getElementById('Aboutus');
+        featuresSection.scrollIntoView({ behavior: 'smooth' });
+      }
+      function scrollToTech() {
+        var featuresSection = document.getElementById('Tech');
+        featuresSection.scrollIntoView({ behavior: 'smooth' });
+      }
+      function scrollToIntro() {
+        var featuresSection = document.getElementById('Intro');
+        featuresSection.scrollIntoView({ behavior: 'smooth' });
+      }
+      </script>
+  </body>
+  <footer>
+    <div class="footer-content">
+        <p>&copy; 2024 Nyaay Sahaayak. All rights reserved.</p>
+        <ul class="footer-links">
+            <li><a href="#">Privacy Policy</a></li>
+            <li><a href="#">Terms of Service</a></li>
+            <li><a href="#">Contact Us</a></li>
+        </ul>
+    </div>
+</footer>
+</html>

web/static/indexstyles.css ADDED Viewed

	@@ -0,0 +1,426 @@

+            /* ==== "Inter" FONT-FAMILY FROM FONTS.GOOGLE.COM  ==== */
+            @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap");
+            /* ==== ROOT RESET ==== */
+            * {
+              margin: 0;
+              padding: 0;
+              box-sizing: border-box;
+              font-family: "Inter", sans-serif;
+            }
+            *,
+            *::before,
+            *::after {
+              box-sizing: border-box;
+            }
+            /* ==== CSS VARIABLES ==== */
+            :root {
+              --primary-color: #335eea;
+              --link-color: #506690;
+              --btn-hover-color: #2b50c7;
+              --lg-heading: #161c2d;
+              --text-content: #869ab8;
+              --fixed-header-height: 4.5rem;
+            }
+            /* ==== RESET HTML ==== */
+            body {
+              width: 100%;
+              height: 100vh;
+              overflow-x: hidden;
+              background-color: #fafbfb;
+            }
+            ul li {
+              list-style-type: none;
+            }
+            a {
+              text-decoration: none;
+            }
+            button {
+              background-color: transparent;
+              border: none;
+              outline: none;
+              cursor: pointer;
+            }
+            /* ==== CONTAINER ==== */
+            .container {
+              width: 100%;
+            }
+            @media screen and (min-width: 1040px) {
+              .container {
+                width: 1040px;
+                margin: 0 auto;
+              }
+            }
+            /* ==== HEADER ==== */
+            .header {
+              height: var(--fixed-header-height);
+              padding: 0 1.7rem;
+            }
+            /* ==== NAV ==== */
+            .nav {
+              width: 100%;
+              height: 100%;
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+            }
+            /* ==== LOGO ==== */
+            .logo h2 {
+              font-size: 35px;
+              color: var(--primary-color);
+              margin-left:-4vw;
+            }
+            /* ====  NAV-MENU  ==== */
+            .nav_menu_list {
+              display: flex;
+              align-items: center;
+              margin-right:-8vw;
+            }
+            .nav_menu_list .nav_menu_item {
+              margin: 0 2rem;
+            }
+            .nav_menu_item .nav_menu_link {
+              font-size: 16.5px;
+              line-height: 27px;
+              color: var(--link-color);
+              text-transform: capitalize;
+              letter-spacing: 0.5px;
+            }
+            .nav_menu_link:hover {
+              color: var(--primary-color);
+            }
+            .toggle_btn {
+              font-size: 20px;
+              font-weight: 600;
+              color: var(--lg-heading);
+              z-index: 4;
+            }
+            .nav_menu,
+            .close_btn {
+              display: none;
+            }
+            .show {
+              right: 3% !important;
+            }
+            /* ====  WRAPPER ==== */
+            .wrapper {
+              width: 100%;
+              padding-left: 1.7rem;
+              padding-right: 1.7rem;
+              padding-bottom: 5rem;
+            }
+            .grid-cols-2 {
+              width: 100%;
+              height: 100%;
+              display: grid;
+              grid-template-columns: repeat(2, 1fr);
+              gap: 1rem;
+            }
+            .grid-item-1 {
+              padding-top: 5rem;
+              padding-left: 1.5rem;
+            }
+            .main-heading {
+              font-weight: 300;
+              font-size: 40px;
+              line-height: 55px;
+            }
+            .main-heading span {
+              color: var(--primary-color);
+            }
+            .info-text {
+              margin-top: 1.5rem;
+              font-size: 19px;
+              line-height: 28px;
+              color: #334157;
+            }
+            .btn_wrapper {
+              margin-top: 3.5rem;
+              display: flex;
+              width: 100%;
+            }
+            .btn {
+              width: 110px;
+              height: 50px;
+              background-color: var(--primary-color);
+              display: block;
+              font-size: 16px;
+              color: #fff;
+              text-transform: capitalize;
+              border-radius: 7px;
+              letter-spacing: 1px;
+              transition: 0.4s;
+            }
+            .btn:hover {
+              transform: translateY(-3px);
+              background-color: var(--btn-hover-color);
+            }
+            .view_more_btn {
+              width: 180px;
+              height: 55px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 16px;
+              letter-spacing: 0;
+              color: #fff;
+              font-weight: 500;
+              margin-right: 10px;
+              box-shadow: 0 0.5rem 1.5rem rgba(22, 28, 45, 0.1);
+            }
+            .view_more_btn i {
+              margin-left: 0.7rem;
+            }
+            .view_more_btn:hover {
+              transition: box-shadow 0.25s ease, transform 0.25s ease;
+            }
+            .grid-item-2 {
+              width: 100%;
+              height: 100%;
+            }
+            .team_img_wrapper {
+              width: 500px;
+              max-width: 100%;
+              height: 440px;
+            }
+            .team_img_wrapper img {
+              width: 100%;
+              height: 100%;
+              object-fit: contain;
+            }
+            footer {
+              width: 100%;
+              background-color: var(--primary-color);
+              height: 12px;
+              margin-top: 8rem;
+            }
+            /* ==== MEDIA QURIES FOR RESPONSIVE DESIGN ==== */
+            @media screen and (min-width: 768px) {
+              .toggle_btn {
+                display: none;
+              }
+              .nav_menu {
+                display: block;
+              }
+            }
+            @media screen and (max-width: 768px) {
+              .logo h2 {
+                font-size: 23px;
+              }
+              .nav_menu {
+                position: fixed;
+                width: 93%;
+                height: 100%;
+                display: block;
+                top: 2.5%;
+                right: -100%;
+                background-color: #fff;
+                padding: 3rem;
+                border-radius: 10px;
+                box-shadow: 0 0.5rem 1.5rem rgba(22, 28, 45, 0.1);
+                z-index: 50;
+                transition: 0.4s;
+              }
+              .nav_menu_list {
+                flex-direction: column;
+                align-items: flex-start;
+                margin-top: 4rem;
+              }
+              .nav_menu_list .nav_menu_item {
+                margin: 1rem 0;
+              }
+              .nav_menu_item .nav_menu_link {
+                font-size: 18px;
+              }
+              .close_btn {
+                display: block;
+                position: absolute;
+                right: 10%;
+                font-size: 25px;
+                color: #50689e;
+              }
+              .close_btn:hover {
+                color: #000;
+              }
+              .wrapper {
+                padding: 0 0.7rem;
+              }
+              .grid-item-1 {
+                padding-left: 0rem;
+              }
+              .main-heading {
+                font-size: 35px;
+              }
+              .view_more_btn {
+                width: 140px;
+                height: 55px;
+                font-size: 13.5px;
+                margin-right: 1rem;
+              }
+            }
+            @media screen and (max-width: 991px) {
+              .wrapper {
+                padding-top: 3rem;
+              }
+              .grid-cols-2 {
+                grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
+              }
+              .grid-item-1 {
+                order: 2;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                padding-top: 0;
+              }
+              .main-heading {
+                font-size: 32px;
+                text-align: center;
+                line-height: 40px;
+              }
+              .info-text {
+                font-size: 16px;
+                text-align: center;
+                padding: 0.7rem;
+              }
+              .btn_wrapper {
+                width: 100%;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+              }
+              .grid-item-2 {
+                order: 1;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+              }
+              .team_img_wrapper {
+                width: 350px;
+                height: 350px;
+              }
+            }
+            .feature-box {
+              display: flex;
+              flex-wrap: wrap;
+              justify-content: space-between;
+            }
+            .feature {
+              flex: 0 0 48%;
+              margin-bottom: 20px;
+              padding: 20px;
+              border-radius: 10px;
+              text-align: center;
+            }
+            .feature img {
+              max-width: 80px;
+              margin-bottom: 10px;
+            }
+            .team {
+              display: flex;
+              flex-wrap: wrap;
+              justify-content: space-between;
+            }
+            .team-member {
+              flex: 0 0 30%;
+              margin-bottom: 20px;
+              padding: 20px;
+              border-radius: 10px;
+              text-align: center;
+            }
+            .team-member img {
+              width: 100px;
+              height: 100px;
+              border-radius: 50%;
+              margin-bottom: 10px;
+            }
+            .scroll-button {
+              position: fixed;
+              top: 20px;
+              right: 20px;
+              padding: 10px 20px;
+              background-color: #007bff;
+              color: #fff;
+              border: none;
+              border-radius: 5px;
+              cursor: pointer;
+            }
+            .technologies {
+              text-align: center;
+              margin-top: 50px;
+            }
+            .technology {
+              display: inline-block;
+              margin: 10px;
+              width: 150px; /* Adjust width to fit the content comfortably */
+            }
+            .technology img {
+              width: 100px; /* Adjust size as needed */
+              height: auto; /* Maintain aspect ratio */
+              margin-bottom: 10px;
+            }
+            footer {
+              background-color: #335EEA;
+              height:20vh;
+              width:110vw;
+              color: #fff;
+              padding-top: 8vh;
+              margin-left: -10vw;
+              margin-bottom: -100px;
+              margin-right: -10vw;
+              text-align: center;
+              display:block;
+          }
+          .footer-content {
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              padding-left: 10vw;
+          }
+          .footer-links {
+              list-style-type: none;
+              padding: 0;
+              margin: 0;
+              display: flex;
+              padding-right: 15vw;
+          }
+          .footer-links li {
+              margin-right: 20px;
+          }
+          .footer-links li:last-child {
+              margin-right: 0;
+          }
+          .footer-links a {
+              color: #fff;
+              text-decoration: none;
+          }
+          .footer-links a:hover {
+              text-decoration: underline;
+          }

web/static/javascript_logo.png ADDED Viewed

web/static/langchain.jpeg ADDED Viewed

web/static/langchain.png ADDED Viewed

web/static/multilingual_icon.png ADDED Viewed

web/static/nsstyles.css ADDED Viewed

	@@ -0,0 +1,94 @@

+body {
+  font-family: 'Poppins', sans-serif;
+  margin: 0;
+  padding: 0;
+  background-color: #f4f4f4;
+  display: block;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  overflow-y:none;
+  position:fixed;
+  }
+  .h1{
+  text-align: center;
+  color: #335eea;
+  }
+  .chatlog{
+  display: block;
+  width:20vw;
+  margin-bottom: 0%;
+  position: fixed;
+  }
+  #chat-container {
+  margin-left: 10vw;
+  width: 80vw;
+  color:white;
+  background-color: #335eea;
+  opacity:80%;
+  border-radius: 8px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  padding-top: 20px;
+  display: block;
+  flex-direction: column;
+  justify-content: center;
+  height: 75vh;
+  overflow-y: auto;
+  box-sizing: border-box;
+  }
+  #user-input {
+  width: 95vw;
+  padding: 10px;
+  margin-top: 10px;
+  margin-bottom:10%;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-sizing: border-box;
+  }
+  button {
+  background-color: white;
+  margin-bottom: 10%;
+  margin-left: 1vw;
+  margin-top: 10px;
+  color: white;
+  border:none;
+  border-radius: 4px;
+  cursor: pointer;
+  }
+  button:hover {
+  background-color: #45a049;
+  }
+  p {
+  margin: 5px 0;
+  }
+  #chat-container, button, #user-input {
+  transition: 0s;
+  }
+  .botchat{
+  background-color: #f9f9f9;
+  color:#335eea;
+  width:76.5vw;
+  margin-left: 1vw;
+  }
+  .input{
+  display:flex;
+  align-items: flex-end;
+  width: 80vw;
+  height:10vw;
+  margin-top:1.5%;
+  margin-left: 10%;
+  }
+  .back{
+  background-image: white;
+  width:100vw;
+  position: fixed;
+  }
+  .userchat{
+  margin-left: 1vw;
+  }

web/static/python_logo.png ADDED Viewed

web/static/quick_easy_icon.png ADDED Viewed

web/static/script1.js ADDED Viewed

	@@ -0,0 +1,64 @@

+function sendMessage() {
+  var userMessage = document.getElementById('user-input').value;
+  if (userMessage.trim() === '') {
+      return;
+  }
+  var chatBox = document.getElementById('chatBox');
+  var userMessageDiv = document.createElement("div");
+  userMessageDiv.classList.add("message");
+  userMessageDiv.innerHTML = `<img src="user.jpg" alt="User" class="user-img"><span>${userMessage}</span>`;
+  chatBox.appendChild(userMessageDiv);
+  document.getElementById('user-input').value = '';
+  fetch('/chat', {
+      method: 'POST',
+      headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+      },
+      body: 'user_message=' + encodeURIComponent(userMessage),
+  })
+  .then(response => response.json())
+  .then(data => {
+      var botResponse = data.bot_response;
+      var botMessageDiv = document.createElement("div");
+      botMessageDiv.classList.add("message-response");
+      botMessageDiv.innerHTML = `<img src="chatbot.jpeg" alt="Chatbot" class="chatbot-img"><span>${botResponse}</span>`;
+      chatBox.appendChild(botMessageDiv);
+      scrollChatToBottom();
+  });
+}
+function scrollChatToBottom() {
+  var chatBox = document.getElementById('chatBox');
+  chatBox.scrollTop = chatBox.scrollHeight;
+}
+document.getElementById('user-input').addEventListener('keyup', function (event) {
+  if (event.key === 'Enter') {
+      sendMessage();
+  }
+});
+const changingText = document.getElementById('changingText');
+const texts = ["Please be aware that while Nyaay Sahaayak aims to provide helpful information, it may not offer exhaustive or entirely accurate responses. Verify any critical information with a legal professional before making decisions based on Nyaay Sahaayak's advice.", "Exercise caution when sharing sensitive or personal information with Nyaay Sahaayak. While we strive to maintain confidentiality, avoid disclosing highly confidential details about legal matters that could compromise your privacy or security.", "Nyaay Sahaayak is not a substitute for professional legal advice. Its responses are intended for informational purposes only and should not be construed as legal counsel. Always consult with a qualified attorney for tailored legal assistance tailored to your specific circumstances."]; // Add as many texts as needed
+let index = 0;
+function changeText() {
+    changingText.textContent = texts[index];
+    index = (index + 1) % texts.length;
+}
+setInterval(changeText, 7000);
+const changingHeading = document.getElementById('changingHeading');
+const headings = ["Precision", "Confidentiality", "Disclaimer"];
+let index1 = 0;
+function changeHeading() {
+    changingHeading.textContent = headings[index1];
+    index1 = (index1 + 1) % headings.length;
+}
+setInterval(changeHeading, 7000);

web/static/styles.css ADDED Viewed

	@@ -0,0 +1,329 @@

+.body1 {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 85vh;
+}
+.container {
+  width: 100%;
+  max-width: 600px;
+  border-radius: 10px;
+  overflow: hidden;
+}
+.chat-box {
+  height: calc(100vh - 160px); /* Adjust as per your need */
+  overflow-y: auto;
+  padding: 20px;
+}
+.chat-box::-webkit-scrollbar {
+  display: none;
+}
+.input-box {
+  display: flex;
+}
+.input-box input[type="text"] {
+  flex: 1;
+  height:8vh;
+  padding-left: 10px;
+  border-color: rgb(0,0,1);
+  border-radius: 10px;
+  border-width: 1px;
+  font-size: 16px;
+}
+.input-box button {
+  padding: 10px 20px;
+  border: none;
+  background-color: #335eea;
+  color: #fff;
+  border-radius: 25px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+.input-box button:hover {
+  background-color: #335eea;
+}
+.message-container {
+  display: flex;
+  flex-direction: column;
+  padding: 0 20px;
+}
+.message {
+  background-color: #335eea;
+  color: #fff;
+  padding: 10px 15px;
+  border-radius: 20px;
+  max-width: calc(110% - 40px); /* Adjust to accommodate image width and spacing */
+  margin-bottom: 10px;
+  align-self: flex-end;
+  animation: fadeIn 0.3s ease forwards;
+  word-wrap: break-word;
+  display: flex;
+  align-items: center;
+}
+.message img {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  margin-right: 8px;
+}
+.message span {
+  word-break: break-word;
+}
+.message-response {
+  background-color: #f2f2f2;
+  color: #333;
+  padding: 10px 15px;
+  border-radius: 20px;
+  max-width: calc(110% - 40px); /* Adjust to accommodate image width and spacing */
+  margin-bottom: 10px;
+  align-self: flex-start;
+  animation: fadeIn 0.3s ease forwards;
+  word-wrap: break-word;
+  display: flex;
+  align-items: center;
+}
+.message-response img {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  margin-right: 8px;
+}
+.message-response span {
+  word-break: break-word;
+}
+.message:nth-child(even) {
+  background-color: #f2f2f2;
+  color: #333;
+  align-self: flex-start;
+}
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(20px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+@media screen and (max-width: 600px) {
+  .container {
+      border-radius: 0;
+  }
+  .chat-box, .input-box {
+      padding: 10px;
+  }
+  .input-box input[type="text"] {
+      border-radius: 15px;
+      font-size: 14px;
+  }
+  .input-box button {
+      border-radius: 15px;
+  }
+  .message, .message-response {
+      max-width: 90%;
+      font-size: 14px;
+  }
+  .message img,
+  .message-response img {
+      width: 20px;
+      height: 20px;
+  }
+}
+.Instruct{
+    margin-left:1vw;
+    margin-top: -3vw;
+    padding:3vw;
+    border-radius: 20px;
+    color:black;
+    width: 28vw;
+    height: 60vh;
+    background-color: #F2F2F2;
+    border-color: white;
+    box-shadow: #333;
+}
+.Warn{
+  margin-top: -3vw;
+  margin-right:1vw;
+  padding:3vw;
+  border-radius: 20px;
+  color:white;
+  background-color: #335eea;
+  width: 28vw;
+  height: 60vh;
+  border-color: white;
+  box-shadow: #333;
+}
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: "Inter", sans-serif;
+}
+.header {
+  height: var(--fixed-header-height);
+  padding: 0 1.7rem;
+}
+/* ==== NAV ==== */
+.nav {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+/* ==== LOGO ==== */
+.logo h2 {
+  font-size: 35px;
+  color: var(--primary-color);
+  margin-left: 4.7vw;
+}
+/* ====  NAV-MENU  ==== */
+.nav_menu_list {
+  display: flex;
+  align-items: center;
+  margin-right:-8vw;
+}
+.nav_menu_list .nav_menu_item {
+  margin: 0 2rem;
+}
+.nav_menu_item .nav_menu_link {
+  font-size: 16.5px;
+  line-height: 27px;
+  color: var(--link-color);
+  text-transform: capitalize;
+  letter-spacing: 0.5px;
+}
+.nav_menu_link:hover {
+  color: var(--primary-color);
+}
+.toggle_btn {
+  font-size: 20px;
+  font-weight: 600;
+  color: var(--lg-heading);
+  z-index: 4;
+}
+.nav_menu,
+.close_btn {
+  display: none;
+}
+.show {
+  right: 3% !important;
+}
+@media screen and (min-width: 768px) {
+  .toggle_btn {
+    display: none;
+  }
+  .nav_menu {
+    display: block;
+  }
+}
+@media screen and (max-width: 768px) {
+  .logo h2 {
+    font-size: 23px;
+  }
+  .nav_menu {
+    position: fixed;
+    width: 93%;
+    height: 100%;
+    display: block;
+    top: 2.5%;
+    right: -100%;
+    background-color: #fff;
+    padding: 3rem;
+    border-radius: 10px;
+    box-shadow: 0 0.5rem 1.5rem rgba(22, 28, 45, 0.1);
+    z-index: 50;
+    transition: 0.4s;
+  }
+  .nav_menu_list {
+    flex-direction: column;
+    align-items: flex-start;
+    margin-top: 4rem;
+  }
+  .nav_menu_list .nav_menu_item {
+    margin: 1rem 0;
+  }
+  .nav_menu_item .nav_menu_link {
+    font-size: 18px;
+  }
+  .close_btn {
+    display: block;
+    position: absolute;
+    right: 10%;
+    font-size: 25px;
+    color: #50689e;
+  }
+  .close_btn:hover {
+    color: #000;
+  }
+  .wrapper {
+    padding: 0 0.7rem;
+  }
+  .grid-item-1 {
+    padding-left: 0rem;
+  }
+  .main-heading {
+    font-size: 35px;
+  }
+  .view_more_btn {
+    width: 140px;
+    height: 55px;
+    font-size: 13.5px;
+    margin-right: 1rem;
+  }
+}
+:root {
+  --primary-color: #335eea;
+  --link-color: #506690;
+  --btn-hover-color: #2b50c7;
+  --lg-heading: #161c2d;
+  --text-content: #869ab8;
+  --fixed-header-height: 4.5rem;
+}
+.faqs-button {
+  margin-left: 0px;
+  padding-left:10px;
+  text-align: left;
+  border: none; /* Remove border */
+  width: 24vw;
+  height:50px;
+  background: none; /* Remove background */
+  color: inherit; /* Inherit text color from parent */
+  font: inherit; /* Inherit font styles from parent */
+   /* Remove padding */
+  cursor: pointer; /* Change cursor to pointer */
+  outline: none; /* Remove focus outline */
+  /* Additional styles if needed */
+}
+.faqs-button:hover {
+  /* Define styles to apply when hovering */
+  background-color: #335eea; /* Example: Underline text on hover */
+  color:white;
+  border-radius: 20px;
+}
+@media screen and (max-width: 1200px) {
+  #instruct {
+    display: none; /* Hide the div when screen size is below 600px */
+  }
+}

web/static/team.svg ADDED Viewed

web/static/team_member1.jpg ADDED Viewed

web/static/user.jpg ADDED Viewed