-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathattach.html
More file actions
150 lines (127 loc) · 13.1 KB
/
attach.html
File metadata and controls
150 lines (127 loc) · 13.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>PragyaYantra</title>
<meta content="" name="description" />
<meta content="" name="keywords" />
<!-- Chat.js -->
<script type="module" src="./assets/js/attach.js"></script>
<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/font-awesome.min.css" />
<!-- Favicons -->
<link href="assets/img/favicon-32x32.png" rel="icon" />
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon" />
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<!-- Include highlight.js styles -->
<link id="ctheme" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css"
rel="stylesheet">
<!-- Include the full highlight.js library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet" />
<link href="assets/css/card.css" rel="stylesheet" />
<link href="assets/css/chat.css" rel="stylesheet" />
<link href="assets/css/responsive.css" rel="stylesheet" />
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center justify-content-lg-between">
<h1 class="logo me-auto sp me-lg-0">
<a href="index.html" class="logo me-auto me-lg-0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"
fill: #fff; width="34" height="34">
<path
d="M12 1.64c-1.479 0-2.697.759-3.245 2h-.48c-1.28 0-2.487.425-3.407 1.199-.976.82-1.514 1.951-1.516 3.182-.001.995.526 2.097 1.025 2.791C2.154 11.582.643 13.445.64 15.5c-.003 2.046 1.507 3.91 3.734 4.687-.506.692-1.044 1.788-1.045 2.766-.003 2.426 2.215 4.403 4.947 4.408h.48c.543 1.238 1.764 1.998 3.244 2 1.979 0 3.358-1.381 3.361-3.36V5c.002-1.975-1.379-3.357-3.361-3.36zm0 17a.64.64 0 1 1 0-1.28.64.64 0 1 1 0 1.28zm2.64-5h-2.28V7.305c.575-.159 1-.681 1-1.305a1.36 1.36 0 1 0-2.72 0c0 .625.425 1.146 1 1.305v6.335H10c-.8 0-1.359.559-1.36 1.36v.64H6.305c-.159-.575-.681-1-1.305-1a1.36 1.36 0 0 0 0 2.72c.625 0 1.147-.426 1.305-1H8.64v5.834c-.575.159-1 .681-1 1.306a1.36 1.36 0 1 0 2.72 0c0-.625-.425-1.147-1-1.306V15c.001-.401.239-.641.639-.641H10h4.64v11.639c-.003 1.456-.908 2.46-2.28 2.61v-9.303c.575-.159 1-.681 1-1.306a1.36 1.36 0 0 0-2.72 0c0 .625.425 1.147 1 1.306v9.31c-1.103-.114-1.951-.742-2.3-1.735a.36.36 0 0 0-.34-.24h-.724c-2.036-.003-4.23-1.413-4.228-3.686.002-.966.714-2.209 1.206-2.699a.36.36 0 0 0-.164-.604c-2.199-.566-3.733-2.273-3.73-4.151s1.522-3.573 3.695-4.141h2.64c.159.575.681 1 1.305 1a1.36 1.36 0 0 0 1.36-1.36A1.36 1.36 0 0 0 9 9.64c-.625 0-1.146.425-1.305 1H5.162c-.477-.541-1.092-1.691-1.091-2.618.002-1.016.449-1.95 1.261-2.632.779-.655 1.849-1.03 2.936-1.03H9a.36.36 0 0 0 .339-.239c.392-1.103 1.384-1.761 2.655-1.761 1.588.003 2.649 1.063 2.646 2.64v8.64zm-2.64-7a.64.64 0 0 1 0-1.28.64.64 0 1 1 0 1.28zM9 22.86a.64.64 0 1 1 0 1.28.64.64 0 1 1 0-1.28zM5.64 16a.64.64 0 1 1-1.28 0 .64.64 0 0 1 1.28 0zm2.72-5a.64.64 0 1 1 1.28 0 .64.64 0 1 1-1.28 0zm23 4.5c.002-2.046-1.508-3.909-3.734-4.687.507-.692 1.044-1.788 1.046-2.767.002-1.231-.54-2.365-1.526-3.193-.917-.77-2.163-1.212-3.421-1.214h-.48c-.544-1.238-1.764-1.998-3.243-2-.98 0-1.816.323-2.426.933S16.642 4.023 16.64 5v20.999c-.003 1.976 1.378 3.357 3.359 3.361 1.48 0 2.697-.76 3.245-2h.479c1.281 0 2.488-.426 3.408-1.199.977-.82 1.515-1.95 1.517-3.182.001-.995-.526-2.098-1.025-2.791 2.224-.77 3.734-2.633 3.737-4.688zM20 12.36a.64.64 0 1 1 0 1.28.64.64 0 1 1 0-1.28zm6.946 7.28h-2.641c-.159-.575-.681-1-1.306-1a1.36 1.36 0 1 0 0 2.72 1.36 1.36 0 0 0 1.306-1h2.533c.476.541 1.091 1.691 1.089 2.618-.001 1.016-.448 1.95-1.26 2.631-.781.657-1.865 1.01-2.943 1.03H23c-.152 0-.288.097-.339.239-.393 1.104-1.385 1.761-2.655 1.761-.786-.001-1.45-.252-1.924-.725S17.358 26.78 17.36 26v-8.64h2.279v6.334c-.575.159-1 .681-1 1.306a1.36 1.36 0 0 0 2.72 0 1.36 1.36 0 0 0-1-1.306V17.36h1.639c.802 0 1.359-.559 1.361-1.36v-.64h2.334c.159.575.681 1 1.306 1a1.36 1.36 0 1 0 0-2.72c-.625 0-1.147.425-1.306 1H23.36V8.805c.575-.159 1-.681 1-1.305a1.36 1.36 0 0 0-2.72 0c0 .624.425 1.146 1 1.305V16c0 .401-.238.641-.638.641H17.36V5c.001-.781.252-1.445.725-1.918.397-.398.933-.627 1.555-.693v9.305c-.575.159-1 .681-1 1.305a1.36 1.36 0 0 0 2.72 0c0-.624-.425-1.146-1-1.305v-9.31c1.103.115 1.951.742 2.3 1.736a.36.36 0 0 0 .34.24h.724c1.092.001 2.17.383 2.959 1.045.82.689 1.271 1.626 1.269 2.641-.001.966-.714 2.209-1.205 2.699-.092.091-.127.225-.094.35a.36.36 0 0 0 .258.254c2.198.567 3.732 2.274 3.729 4.151s-1.52 3.57-3.694 4.14zM23.64 20a.64.64 0 1 1-1.28 0 .64.64 0 1 1 1.28 0zM20 24.36a.64.64 0 1 1 0 1.28.64.64 0 1 1 0-1.28zm3-16.22a.64.64 0 1 1 0-1.28.64.64 0 1 1 0 1.28zM26.36 15a.64.64 0 1 1 1.28 0 .64.64 0 1 1-1.28 0z" />
</svg>
</a>
<a href="index.html">PragyaYantra</a>
</h1>
<!-- Uncomment below if you want to use an image logo -->
<div class="d-flex align-items-right justify-content-lg-end">
<!-- Change Theme -->
<button class="d-flex align-items-center justify-content-center" id="theme-toggle"
style="height: 42px; left: 0px">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22.39 22.39">
<g class="toggle-sun">
<path
d="M19.13,7.93V3.28H14.46L11.21,0,7.93,3.28H3.28V7.93L0,11.21l3.28,3.25V19.1H7.93l3.28,3.29,3.25-3.26H19.1V14.46l3.29-3.29Zm-7.94,9.39a6.16,6.16,0,0,1-6.13-6.19,5.92,5.92,0,0,1,.48-2.35,5.73,5.73,0,0,1,3.38-3.3,6.2,6.2,0,0,1,7.65,8.79,5.63,5.63,0,0,1-5,3.05Z" />
</g>
<g class="toggle-circle">
<circle class="cls-1" cx="11.19" cy="11.19" r="4.93" />
</g>
</svg>
</button>
<!-- Theme Change End-->
</div>
</div>
</header>
<!-- End Header -->
<!-- Section -->
<section class="form" id="year">
<div class="container align-items-center">
<!-- <div class="row justify-content-center heading border-bottom">
<h1 class="sp">PragyaYantra | प्रज्ञायन्त्र </h1>
<p class="sp" style="text-align: center;">A fusion of intelligence and innovation, showcasing cutting-edge
generative AI capabilities.</p>
</div> -->
<div class=" row d-flex align-items-center ">
<div class="col-12 d-flex flex-column align-items-center justify-content-center ">
<div class="col-12 chat-container" id="chat">
<!-- Chat bubbles will be inserted here -->
<div class=" info col-12" id="info">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill: #fff; width="34" height="34">
<path
d="M12 1.64c-1.479 0-2.697.759-3.245 2h-.48c-1.28 0-2.487.425-3.407 1.199-.976.82-1.514 1.951-1.516 3.182-.001.995.526 2.097 1.025 2.791C2.154 11.582.643 13.445.64 15.5c-.003 2.046 1.507 3.91 3.734 4.687-.506.692-1.044 1.788-1.045 2.766-.003 2.426 2.215 4.403 4.947 4.408h.48c.543 1.238 1.764 1.998 3.244 2 1.979 0 3.358-1.381 3.361-3.36V5c.002-1.975-1.379-3.357-3.361-3.36zm0 17a.64.64 0 1 1 0-1.28.64.64 0 1 1 0 1.28zm2.64-5h-2.28V7.305c.575-.159 1-.681 1-1.305a1.36 1.36 0 1 0-2.72 0c0 .625.425 1.146 1 1.305v6.335H10c-.8 0-1.359.559-1.36 1.36v.64H6.305c-.159-.575-.681-1-1.305-1a1.36 1.36 0 0 0 0 2.72c.625 0 1.147-.426 1.305-1H8.64v5.834c-.575.159-1 .681-1 1.306a1.36 1.36 0 1 0 2.72 0c0-.625-.425-1.147-1-1.306V15c.001-.401.239-.641.639-.641H10h4.64v11.639c-.003 1.456-.908 2.46-2.28 2.61v-9.303c.575-.159 1-.681 1-1.306a1.36 1.36 0 0 0-2.72 0c0 .625.425 1.147 1 1.306v9.31c-1.103-.114-1.951-.742-2.3-1.735a.36.36 0 0 0-.34-.24h-.724c-2.036-.003-4.23-1.413-4.228-3.686.002-.966.714-2.209 1.206-2.699a.36.36 0 0 0-.164-.604c-2.199-.566-3.733-2.273-3.73-4.151s1.522-3.573 3.695-4.141h2.64c.159.575.681 1 1.305 1a1.36 1.36 0 0 0 1.36-1.36A1.36 1.36 0 0 0 9 9.64c-.625 0-1.146.425-1.305 1H5.162c-.477-.541-1.092-1.691-1.091-2.618.002-1.016.449-1.95 1.261-2.632.779-.655 1.849-1.03 2.936-1.03H9a.36.36 0 0 0 .339-.239c.392-1.103 1.384-1.761 2.655-1.761 1.588.003 2.649 1.063 2.646 2.64v8.64zm-2.64-7a.64.64 0 0 1 0-1.28.64.64 0 1 1 0 1.28zM9 22.86a.64.64 0 1 1 0 1.28.64.64 0 1 1 0-1.28zM5.64 16a.64.64 0 1 1-1.28 0 .64.64 0 0 1 1.28 0zm2.72-5a.64.64 0 1 1 1.28 0 .64.64 0 1 1-1.28 0zm23 4.5c.002-2.046-1.508-3.909-3.734-4.687.507-.692 1.044-1.788 1.046-2.767.002-1.231-.54-2.365-1.526-3.193-.917-.77-2.163-1.212-3.421-1.214h-.48c-.544-1.238-1.764-1.998-3.243-2-.98 0-1.816.323-2.426.933S16.642 4.023 16.64 5v20.999c-.003 1.976 1.378 3.357 3.359 3.361 1.48 0 2.697-.76 3.245-2h.479c1.281 0 2.488-.426 3.408-1.199.977-.82 1.515-1.95 1.517-3.182.001-.995-.526-2.098-1.025-2.791 2.224-.77 3.734-2.633 3.737-4.688zM20 12.36a.64.64 0 1 1 0 1.28.64.64 0 1 1 0-1.28zm6.946 7.28h-2.641c-.159-.575-.681-1-1.306-1a1.36 1.36 0 1 0 0 2.72 1.36 1.36 0 0 0 1.306-1h2.533c.476.541 1.091 1.691 1.089 2.618-.001 1.016-.448 1.95-1.26 2.631-.781.657-1.865 1.01-2.943 1.03H23c-.152 0-.288.097-.339.239-.393 1.104-1.385 1.761-2.655 1.761-.786-.001-1.45-.252-1.924-.725S17.358 26.78 17.36 26v-8.64h2.279v6.334c-.575.159-1 .681-1 1.306a1.36 1.36 0 0 0 2.72 0 1.36 1.36 0 0 0-1-1.306V17.36h1.639c.802 0 1.359-.559 1.361-1.36v-.64h2.334c.159.575.681 1 1.306 1a1.36 1.36 0 1 0 0-2.72c-.625 0-1.147.425-1.306 1H23.36V8.805c.575-.159 1-.681 1-1.305a1.36 1.36 0 0 0-2.72 0c0 .624.425 1.146 1 1.305V16c0 .401-.238.641-.638.641H17.36V5c.001-.781.252-1.445.725-1.918.397-.398.933-.627 1.555-.693v9.305c-.575.159-1 .681-1 1.305a1.36 1.36 0 0 0 2.72 0c0-.624-.425-1.146-1-1.305v-9.31c1.103.115 1.951.742 2.3 1.736a.36.36 0 0 0 .34.24h.724c1.092.001 2.17.383 2.959 1.045.82.689 1.271 1.626 1.269 2.641-.001.966-.714 2.209-1.205 2.699-.092.091-.127.225-.094.35a.36.36 0 0 0 .258.254c2.198.567 3.732 2.274 3.729 4.151s-1.52 3.57-3.694 4.14zM23.64 20a.64.64 0 1 1-1.28 0 .64.64 0 1 1 1.28 0zM20 24.36a.64.64 0 1 1 0 1.28.64.64 0 1 1 0-1.28zm3-16.22a.64.64 0 1 1 0-1.28.64.64 0 1 1 0 1.28zM26.36 15a.64.64 0 1 1 1.28 0 .64.64 0 1 1-1.28 0z" />
</svg>
<h1>YantraAttach</h1>
<h4>Where Files and Words Converge</h4>
<h5>Interactive Chat with Gemini-1.5-Flash</h5>
<h6> <a href="https://ai.google.dev/gemini-api/docs/text-generation?lang=node">Read more about Gemini
API</a></h6>
<!-- <p>- Enter your message in the chat box below to start a conversation with the AI.</p>
<p>- Hit 'Send' or press Enter to submit your message and receive a response.</p>
<p>- Keep your queries clear and concise for the best responses.</p>
<p>- The AI can respond to a wide range of topics—feel free to explore!</p> -->
</div>
</div>
<div class=" input-container" id="chatbox">
<!-- Attachment preview with remove button -->
<div class="attachment-container" id="attachmentContainer">
<img id="attachmentPreview" class="attachment-preview" src="" alt="Attachment Preview" />
<p style="font-size: 14px;" id="attachmentFile">📎 Attached File: </p>
<button2 class="remove-attachment" id="removeAttachment">x</button2>
</div>
<div class="formcontain">
<form>
<!-- Hidden file input -->
<!-- <input type="file" id="fileInput" accept="image/*" /> -->
<input type="file" id="fileInput" />
<!-- Pin icon that triggers file input -->
<span id="pin"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="40" height="40"
viewBox="0 0 300 300">
<path
d="M150 0a150 150 0 1 0 0 300 150 150 0 0 0 0-300zm72 133.6-98.6 98.6-.7.7a29.4 29.4 0 0 1-20.2 7.7 36 36 0 0 1-25.3-10.8 36.1 36.1 0 0 1-10.7-23 29.5 29.5 0 0 1 7.5-22.2L171.2 87c8.3-8.2 22.2-7.6 31.2 1.4a24 24 0 0 1 7.1 15.3c.4 6-1.7 11.8-5.8 15.9L124.5 199l-11-11 79.3-79.3a4.8 4.8 0 0 0 1.3-3.8 8 8 0 0 0-2.6-5.4c-2.8-2.9-7-3.5-9.2-1.3L86 194.6a14 14 0 0 0-3.9 11.1c.3 4.8 2.5 9.4 6.2 13.1 7.3 7.3 18.2 8.4 24.2 2.4l98.6-98.6a23 23 0 0 0 6.4-18.2c-.5-7.5-4-14.8-9.7-20.6-11.6-11.6-29-13-38.8-3.3l-81.5 81.6-11-11L158 69.5c15.9-15.8 43.1-14.3 60.8 3.3a47.9 47.9 0 0 1 14.2 30.6 38.4 38.4 0 0 1-10.9 30.2z" />
</svg></span>
<textarea id="userInput" placeholder="Type your message here..."></textarea>
<button type="submit" id="send">Send</button>
</form>
</div>
</div>
<div class="footer-top">
<div class="copyright">
Copyright © 2024 <a href="https://avinashpawar.dev/" target="_blank" rel="noopener noreferrer">Avinash
Pawar</a>. All Rights Reserved
</div>
</div>
</div>
</div>
</section>
<!-- End Section -->
<!-- JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>