Spaces:

Rajeev-Isaac
/

NyaaySahaayak

Running

App Files Files Community

Rajeev-Isaac commited on Mar 28, 2024

Commit

4813944

verified ·

1 Parent(s): 74694be

Upload 3 files

Browse files

Files changed (3) hide show

templates/NyaaySahaayak.html +62 -0
templates/example.html +64 -0
templates/index.html +288 -0

templates/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>

templates/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>

templates/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>