Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@akshatshukla13
akshatshukla13 authored Aug 16, 2024
1 parent d0d2f04 commit 6dece0f
Show file tree
Hide file tree
Showing 7 changed files with 1,481 additions and 0 deletions.
119 changes: 119 additions & 0 deletions Setting.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>संवाद.AI Settings</title>
<style>
body {
background-color: #202124;
color: #ffffff;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #2d2d2d;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
h1 {
color: #f5f5f5;
text-align: center;
margin-bottom: 20px;
}
.settings-list {
list-style-type: none;
padding: 0;
}
.settings-item {
padding: 15px;
border-bottom: 1px solid #444444;
}
.settings-item:last-child {
border-bottom: none;
}
.setting-label {
font-weight: bold;
margin-bottom: 5px;
display: block;
}
.setting-description {
color: #a0a0a0;
font-size: 14px;
}
.setting-input {
width: calc(100% - 10px);
padding: 10px;
background-color: #333333;
border: 1px solid #555555;
color: #ffffff;
border-radius: 5px;
margin-top: 5px;
}
.setting-input:focus {
outline: none;
border-color: #7e7e7e;
}
.setting-select {
width: calc(100% - 22px);
padding: 10px;
background-color: #333333;
border: 1px solid #555555;
color: #ffffff;
border-radius: 5px;
margin-top: 5px;
appearance: none;
-webkit-appearance: none;
background-image: url('data:image/svg+xml;utf8,<svg fill="white" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
background-repeat: no-repeat;
background-position-x: calc(100% - 10px);
background-position-y: center;
}
@media (max-width: 480px) {
.container {
width: 100%;
border-radius: 0;
}
.setting-input, .setting-select {
width: calc(100% - 20px);
}
}
</style>
</head>
<body>
<div class="container">
<h1>संवाद.AI Settings</h1>
<ul class="settings-list">
<li class="settings-item">
<span class="setting-label">Notification Sounds</span>
<span class="setting-description">Enable or disable notification sounds</span>
<label>
<input type="checkbox" class="setting-input"> Enable Notification Sounds
</label>
</li>
<li class="settings-item">
<span class="setting-label">Theme</span>
<span class="setting-description">Select the theme for the संवाद.AI interface</span>
<select class="setting-select">
<option value="dark">Dark</option>
<option value="light">Light</option>
</select>
</li>
<li class="settings-item">
<span class="setting-label">Language</span>
<span class="setting-description">Select your preferred language</span>
<select class="setting-select">
<option value="en">English</option>
<option value="es">Spanish</option>
<option value="fr">French</option>
<option value="de">German</option>
</select>
</li>
</ul>
</div>
</body>
</html>
107 changes: 107 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,107 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - संवाद.AI</title>
<style>
body {
background-color: #222;
color: #fff;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
max-width: 800px;
margin: 50px auto;
padding: 0 20px;
text-align: center;
}
h1 {
font-size: 36px;
margin-bottom: 20px;
color: #fff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
p {
font-size: 18px;
line-height: 1.6;
color: #ccc;
}
.team-section {
margin-top: 50px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.team-member {
margin: 20px;
padding: 20px;
background-color: #333;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
text-align: center;
transition: transform 0.3s ease;
width: 200px;
}
.team-member:hover {
transform: translateY(-5px);
}
.team-member img {
border-radius: 50%;
max-width: 100px;
height: auto;
margin-bottom: 10px;
border: 4px solid #444;
transition: transform 0.3s ease;
}
.team-member img:hover {
transform: scale(1.1);
}
.team-member p {
font-size: 16px;
margin: 0;
color: #fff;
}
.team-member .role {
font-style: italic;
color: #999;
}
</style>
</head>
<body>
<div class="container">
<h1>About संवाद.AI</h1>
<p>संवाद.AI is a platform dedicated to providing efficient and secure conversion of chat messages into PDF format. We strive to offer a seamless experience for our users, ensuring that important conversations can be archived and shared easily.</p>

<div class="team-section">
<div class="team-member">
<img src="/images/others/sanidhya.jpg" alt="Sanidhya Soni">
<p>Sanidhya Soni</p>
<p class="role">Co-founder & CEO</p>
<p>Sanidhya is passionate about technology and has years of experience in software development.</p>
</div>
<div class="team-member">
<img src="images/others/Akshat.png" alt="Akshat Shukla">
<p>Akshat Shukla</p>
<p class="role">Co-founder & CTO</p>
<p>Akshat is an expert in backend development and leads our technical team with his innovative ideas.</p>
</div>
<div class="team-member">
<img src="images/others/Rishabh.png" alt="Rishabh Jain">
<p>Rishabh Jain</p>
<p class="role">Lead Designer</p>
<p>Rishabh brings creativity and a keen eye for design to our projects, ensuring an intuitive user experience.</p>
</div>
<div class="team-member">
<img src="images/others/murlidhar.png" alt="Murlidhar Carpenter">
<p>Murlidhar Carpenter</p>
<p class="role">Software Engineer</p>
<p>Murlidhar is a dedicated member of our development team, specializing in frontend technologies.</p>
</div>
</div>
</div>
</body>
</html>
147 changes: 147 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,147 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>संवाद.AI</title>
<link rel="stylesheet" href="style1.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=Gotu&display=swap"
rel="stylesheet"
/>
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.2.0/uicons-regular-rounded/css/uicons-regular-rounded.css'>
</head>
<body>
<div id="apiMain" class="z-ind1">

<div id="Apicont">
<div id="ApiSide" class="">
<p>
Ready to revolutionize your PDF experience? Follow these steps:
<br><br>
👉 Click the "Get API Key" link.
<br><br>
🔑 Your API Key awaits in your account dashboard.
<br><br>
📋 Paste it here and unlock the magic!
</p>
</div>
<div id="Apicontainer"> <div class="APirow">
<h4>ChatPDF API key for url option</h4>
<input id="Apiinp1" class="Apiinp" type="text" />
<a target="_blank" href="https://www.chatpdf.com/docs/api/backend"
>Get it from here</a
>
</div>

<div class="APirow">
<h4>Open Ai tts APi key</h4>
<input class="Apiinp" type="text" />
<a target="_blank" href="https://platform.openai.com/api-keys">Get it from here</a>
</div>

<div id="ApibtnContainer">
<button id="Apibtn">Submit</button>
</div></div>
<div id="cross"><i class="fi fi-rr-cross-small"></i></div>

</div>
</div>
<div id="main" class="blur">
<div class="dispnone1" id="sidepanel">
<div class="gotu-regular" id="homebtn">संवाद.AI</div>
<hr />
<div id="options">
<div id="opt0" class="opt">

<i class="fi fi-rr-api"></i>
Add API
</div>
<div id="opt1" class="opt">

<i class="fi fi-rr-info"></i>
About
</div>
<div id="opt2" class="opt">
<i class="fi fi-rr-settings-sliders"></i>
Setting
</div>
<div id="opt3" class="opt">
<i class="fi fi-rr-license"></i>
license
</div>
</div>
</div>
<div id="chatbot">
<div id="HeadContainer">
<div id="cha">
<div id="hamContainer">
<button id="sidebtn" type="button">
<i class="fi fi-rr-bars-sort"></i>
</button>
</div>
<div id="name1">
<p class="gotu-regular" id="name2">संवाद.AI</p>
</div>
<div id="title1">
<div id="title" onclick="exportToPDF()" class="dispnone">
Export PDF
</div>
</div>
</div>
</div>
<div id="chatMain">
<div class="blankDiv"></div>
<div id="chat">
<div id="suggestionBox">
<div class="suggestion1">
&rarr; Hey संवाद.AI, what can I do with this PDF?
</div>
<div class="suggestion1">
&rarr; Hey संवाद.AI, summarize this for me and let me know what I
can do with it.
</div>
</div>
</div>
<div class="blankDiv"></div>
</div>
<footer>
<div class="div1"></div>
<div id="userInputContainer">
<div id="userInputBox">
<form action="" onsubmit="submitForm(event)" id="form"> <input type="text" placeholder="Message" id="userInput" /></form>
<div id="addbtns1">
<div id="addbtns" class="">
<button id="addPDF">
<i class="fi fi-rr-link-alt"></i>
</button>
<label onclick="fun1()" for="pdfFile"
><i class="fi fi-rr-file-pdf"></i></label>
<input
type="file"
id="pdfFile"
accept=".pdf"
class="dispnone"
/>
</div>
</div>
</div>
<!-- <button title="Add pdf" id="add-btn" type="button"><img src="images/svg/add-circle-svgrepo-com.svg" alt=""></button> -->
<div class="" id="sendBTN">
<button id="send" type="submit">
<i class="fi fi-rr-paper-plane-top"></i>
</button>
</div>
</div>
<div class="div1"></div>
</footer>
</div>
</div>
<script src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js"></script>

</body>
</html>
Loading

0 comments on commit 6dece0f

Please sign in to comment.