-
Notifications
You must be signed in to change notification settings - Fork 0
/
myai.html
127 lines (120 loc) · 12.9 KB
/
myai.html
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
<!DOCTYPE html>
<html>
<head>
<script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/3.39.0/gradio.js"></script>
</head>
<body>
<div class="main-container" id="main">
<div class="description-container">
<div class="nxtwave-logo">
<svg width="82" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M64.678 22.746h-7.834c-1.768 0-3.199 1.454-3.199 3.258v10.722c0 1.797 1.43 3.258 3.199 3.258h7.834c1.768 0 3.198-1.454 3.198-3.258v-10.73c.007-1.796-1.43-3.25-3.198-3.25Zm-.23 5.34h-4.902v1.92h4.665v2.323h-4.665v2.308h4.902v2.301h-7.367V25.785h7.374v2.3h-.007Zm-33.134-5.341h-2.796l-7.05 17.23h4.161l1.093-2.914h6.375l1.092 2.915h4.162l-7.037-17.23Zm-3.263 10.752 1.876-4.967 1.847 4.967h-3.723Zm24.036-10.752-6.813 17.23h-2.796l-6.835-17.23h4.211l4.032 10.781 3.968-10.78h4.233ZM22.08 25.93l-3.695 12.242a2.52 2.52 0 0 1-2.408 1.804h-.021a2.516 2.516 0 0 1-2.386-1.753l-2.1-6.42a.64.64 0 0 0-1.221 0l-2.12 6.427a2.516 2.516 0 0 1-2.386 1.746 2.526 2.526 0 0 1-2.408-1.811L0 29.15h2.566c.84 0 1.588.563 1.825 1.388l.54 2.133c.359 1.242 2.033 1.38 2.58.212l1.214-4.733a2.237 2.237 0 0 1 2.128-1.563c.963 0 1.818.628 2.12 1.555l1.25 4.77c.561 1.154 2.229 1.015 2.58-.226l1.654-7.735-1.811-.49L21.69 20.3l2.343 6.157-1.955-.526ZM14.109 0v17.23H10.19L3.816 6.676V17.23H0V0h3.896l6.396 10.503V0h3.817Zm13.396 0-3.177 5.244.036.059.014.022.395.657 1.086 1.68.654 1L32.054 0h-4.55Zm-.991 8.686-1.76 2.79v-.008l-.267.431-.18.285 3.177 5.047h4.571l-5.54-8.545Zm11.283-5.129h-4.96V0h13.764v3.557h-4.937v13.674h-3.867V3.556ZM26.513 8.663v.021l.007-.014-.007-.007Zm-2.07-1.001-1.092-1.68-.395-.657-.015-.022L19.728 0h-4.57l4.563 7.143.978 1.534-1.129 1.746-4.391 6.807h4.578l1.042-1.68.158-.255 2.106-3.397.266-.43.007.007 1.761-2.805-.654-1.008Z" fill="#fff"></path>
<path opacity=".25" d="m27.505 0-3.177 5.244.036.059.014.022.396.657 1.085 1.68.654 1L32.054 0h-4.55Zm-.991 8.686-1.76 2.79v-.008l-.267.431-.18.285 3.178 5.047h4.57l-5.54-8.545Zm-8.056 16.265 3.622.979-1.351 4.485-3.242-.92.97-4.544ZM41.664 3.558h-3.867v4.755h3.867V3.558Zm-31.372 6.945 3.816 6.325V4.608l-3.816 1.395v4.5ZM3.816 6.757 0 .432v12.227l3.816-1.395V6.757Zm22.899 30.296 1.337-3.557h3.723l1.315 3.557h-6.375Zm17.171-3.527 1.919 5.113 3.45-8.736-2.969-2.892-2.4 6.515Z" fill="#fff"></path>
<path d="M71.817 35.813v-.884h4.099v.884h-1.528V40h-1.043v-4.187h-1.528Zm4.773-.884h1.302l1.374 3.407h.059l1.374-3.407H82V40h-1.023v-3.3h-.042l-1.291 3.275h-.697l-1.291-3.288h-.042V40h-1.023v-5.071Z" fill="#fff"></path>
</svg>
</div>
<div class="profile-section">
<div class="profile-pic-container">
<div class="profile-pic">
<img class='student-pic' src="https://herobot.app/wp-content/uploads/2022/11/AI-bot-1.jpg" alt="ProfilePic" />
</div>
</div>
<div class="profile-info-container">
<h3 class="name">Jayanth Rhul</h3>
<p class="bot-extra-info">21 Years Old | Youthful | Intelligent & Dynamic AI</p>
</div>
</div>
<div class="project-details-container">
<div class="project-heading">
<h1 class="heading">Generative AI Project</h1>
</div>
<div class="project-description">
<p class="description">Bharadwaj can be your All-in-One Assistant, from answering questions to engaging in casual conversations</p>
</div>
</div>
<div class="i-have-learnt-section">
<p class="i-have-learnt">I've learnt:</p>
<div class="topics-list">
<div class="topic-icon">
<div class="tooltip" id="googleColab">
<!-- openai_svgrepo_com_1 -->
<svg width="41" height="24" viewBox="0 0 41 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="zoom-svg">
<path d="M7.50478 7.85331L3.53332 3.86494C1.34239 6.06057 0.111938 9.03566 0.111938 12.1374C0.111938 15.2392 1.34239 18.2143 3.53332 20.4099L7.52168 16.4215C6.38527 15.2865 5.74533 13.7471 5.74216 12.1409C5.73899 10.5347 6.37286 8.99286 7.50478 7.85331Z" fill="#E8710A" />
<path d="M3.53333 3.86497L7.50479 7.85334C8.06826 7.28921 8.7374 6.84167 9.47395 6.53633C10.2105 6.23099 11 6.07383 11.7974 6.07383C12.5947 6.07383 13.3842 6.23099 14.1208 6.53633C14.8573 6.84167 15.5264 7.28921 16.0899 7.85334L18.9798 2.90168L18.8108 2.76648C16.5567 1.08477 13.7727 0.270336 10.9676 0.47203C8.1625 0.673723 5.52366 1.87807 3.53333 3.86497Z" fill="#F9AB00" />
<path d="M18.9967 21.3731L16.0899 16.4384C15.5264 17.0025 14.8573 17.45 14.1208 17.7554C13.3842 18.0607 12.5947 18.2179 11.7974 18.2179C11 18.2179 10.2105 18.0607 9.47395 17.7554C8.7374 17.45 8.06826 17.0025 7.50479 16.4384L3.53333 20.4267C5.51969 22.3959 8.14522 23.5892 10.935 23.7906C13.7247 23.9921 16.4945 23.1885 18.7432 21.5252L18.9291 21.3731" fill="#F9AB00" />
<path d="M20.1121 3.86492C17.9211 6.06054 16.6907 9.03563 16.6907 12.1374C16.6907 15.2392 17.9211 18.2142 20.1121 20.4099L24.1004 16.4215C22.962 15.283 22.3224 13.739 22.3224 12.1289C22.3224 10.5189 22.962 8.97484 24.1004 7.83638C25.2389 6.69792 26.783 6.05834 28.393 6.05834C30.003 6.05834 31.5471 6.69792 32.6855 7.83638L36.6908 3.86492C35.603 2.77499 34.3109 1.91029 32.8885 1.3203C31.4661 0.730318 29.9413 0.426636 28.4014 0.426636C26.8615 0.426636 25.3367 0.730318 23.9144 1.3203C22.492 1.91029 21.1999 2.77499 20.1121 3.86492Z" fill="#F9AB00" />
<path d="M36.6908 3.86494L32.7193 7.85331C33.8578 8.99177 34.4974 10.5359 34.4974 12.1459C34.4974 13.7559 33.8578 15.3 32.7193 16.4384C31.5809 17.5769 30.0368 18.2165 28.4268 18.2165C26.8168 18.2165 25.2727 17.5769 24.1342 16.4384L20.1121 20.4268C22.3083 22.6253 25.2879 23.8613 28.3955 23.8629C29.9342 23.8636 31.4579 23.5613 32.8798 22.9732C34.3017 22.3851 35.5938 21.5227 36.6824 20.4353C37.7709 19.3478 38.6347 18.0566 39.2242 16.6353C39.8138 15.214 40.1176 13.6905 40.1184 12.1518C40.1192 10.6132 39.8169 9.08937 39.2288 7.6675C38.6407 6.24563 37.7783 4.95352 36.6908 3.86494Z" fill="#E8710A" />
</svg>
<span class="tooltiptext">Google Colab</span>
</div>
</div>
<div class="topic-icon">
<div class="tooltip" id="openAi">
<svg width="19" height="18" fill="none" xmlns="http://www.w3.org/2000/svg" class="zoom-svg open-ai-logo">
<g clip-path="url(#a)">
<path d="M17.264 7.366a4.488 4.488 0 0 0-.387-3.683 4.534 4.534 0 0 0-4.882-2.175 4.55 4.55 0 0 0-7.707 1.628A4.489 4.489 0 0 0 1.29 5.311a4.535 4.535 0 0 0 .557 5.323 4.485 4.485 0 0 0 .383 3.683 4.538 4.538 0 0 0 4.886 2.175A4.488 4.488 0 0 0 10.498 18a4.542 4.542 0 0 0 4.329-3.154 4.49 4.49 0 0 0 2.998-2.175 4.542 4.542 0 0 0-.56-5.305Zm-6.766 9.456a3.357 3.357 0 0 1-2.158-.78l.107-.061 3.584-2.069a.596.596 0 0 0 .294-.51V8.348l1.515.876a.053.053 0 0 1 .029.04v4.186a3.378 3.378 0 0 1-3.371 3.37Zm-7.246-3.094a3.353 3.353 0 0 1-.4-2.26l.106.063 3.587 2.07a.578.578 0 0 0 .585 0l4.382-2.527v1.749c0 .01-.002.018-.007.026a.06.06 0 0 1-.017.02l-3.63 2.094a3.374 3.374 0 0 1-4.606-1.235Zm-.944-7.806a3.364 3.364 0 0 1 1.774-1.48V8.7a.575.575 0 0 0 .291.507l4.361 2.516-1.515.877a.057.057 0 0 1-.053 0l-3.623-2.09a3.378 3.378 0 0 1-1.235-4.606v.018Zm12.448 2.892L10.38 6.273l1.511-.873a.057.057 0 0 1 .053 0l3.623 2.093a3.37 3.37 0 0 1-.507 6.079V9.314a.593.593 0 0 0-.305-.5Zm1.508-2.268-.107-.064-3.58-2.086a.582.582 0 0 0-.59 0L7.61 6.922V5.173a.05.05 0 0 1 .02-.046l3.624-2.09a3.375 3.375 0 0 1 5.01 3.495v.014ZM6.783 9.647l-1.515-.873a.06.06 0 0 1-.029-.042V4.556a3.374 3.374 0 0 1 5.532-2.59l-.107.06-3.583 2.068a.596.596 0 0 0-.295.511l-.003 5.042Zm.823-1.774 1.951-1.125 1.955 1.125v2.25l-1.948 1.125-1.955-1.125-.003-2.25Z" fill="#0EA982"></path>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" transform="translate(.553)" d="M0 0h18v18H0z"></path>
</clipPath>
</defs>
</svg>
<span class="tooltiptext">Open AI</span>
</div>
</div>
<div class="topic-icon">
<div class="tooltip" id="langChain">
<img src="https://res.cloudinary.com/davztmw2w/image/upload/v1690651288/image_301_m0b2pw.png" class="zoom-svg langchain-logo" />
<!-- <svg width="19" height="18" fill="none" xmlns="http://www.w3.org/2000/svg" class="zoom-svg">
<g clip-path="url(#a)">
<path d="M17.264 7.366a4.488 4.488 0 0 0-.387-3.683 4.534 4.534 0 0 0-4.882-2.175 4.55 4.55 0 0 0-7.707 1.628A4.489 4.489 0 0 0 1.29 5.311a4.535 4.535 0 0 0 .557 5.323 4.485 4.485 0 0 0 .383 3.683 4.538 4.538 0 0 0 4.886 2.175A4.488 4.488 0 0 0 10.498 18a4.542 4.542 0 0 0 4.329-3.154 4.49 4.49 0 0 0 2.998-2.175 4.542 4.542 0 0 0-.56-5.305Zm-6.766 9.456a3.357 3.357 0 0 1-2.158-.78l.107-.061 3.584-2.069a.596.596 0 0 0 .294-.51V8.348l1.515.876a.053.053 0 0 1 .029.04v4.186a3.378 3.378 0 0 1-3.371 3.37Zm-7.246-3.094a3.353 3.353 0 0 1-.4-2.26l.106.063 3.587 2.07a.578.578 0 0 0 .585 0l4.382-2.527v1.749c0 .01-.002.018-.007.026a.06.06 0 0 1-.017.02l-3.63 2.094a3.374 3.374 0 0 1-4.606-1.235Zm-.944-7.806a3.364 3.364 0 0 1 1.774-1.48V8.7a.575.575 0 0 0 .291.507l4.361 2.516-1.515.877a.057.057 0 0 1-.053 0l-3.623-2.09a3.378 3.378 0 0 1-1.235-4.606v.018Zm12.448 2.892L10.38 6.273l1.511-.873a.057.057 0 0 1 .053 0l3.623 2.093a3.37 3.37 0 0 1-.507 6.079V9.314a.593.593 0 0 0-.305-.5Zm1.508-2.268-.107-.064-3.58-2.086a.582.582 0 0 0-.59 0L7.61 6.922V5.173a.05.05 0 0 1 .02-.046l3.624-2.09a3.375 3.375 0 0 1 5.01 3.495v.014ZM6.783 9.647l-1.515-.873a.06.06 0 0 1-.029-.042V4.556a3.374 3.374 0 0 1 5.532-2.59l-.107.06-3.583 2.068a.596.596 0 0 0-.295.511l-.003 5.042Zm.823-1.774 1.951-1.125 1.955 1.125v2.25l-1.948 1.125-1.955-1.125-.003-2.25Z" fill="#0EA982"></path>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" transform="translate(.553)" d="M0 0h18v18H0z"></path>
</clipPath>
</defs>
</svg> -->
<span class="tooltiptext">LangChain</span>
</div>
</div>
<div class="topic-icon">
<div class="tooltip" id="gradio">
<img src="https://res.cloudinary.com/davztmw2w/image/upload/v1690650885/image_297_1_jrfh7o.jpg" class="zoom-svg gradio-logo" />
<span class="tooltiptext">Gradio</span>
</div>
</div>
<div class="topic-icon">
<div class="tooltip" id="playHt">
<img src="https://res.cloudinary.com/davztmw2w/image/upload/v1690651855/play-ht_sotxmf.webp" class="zoom-svg playht-logo" />
<span class="tooltiptext">PlayHT</span>
</div>
</div>
<div class="topic-icon">
<div class="tooltip" id="huggingFace">
<img src="https://res.cloudinary.com/davztmw2w/image/upload/v1690651476/image_300_c8gpca.png" class="zoom-svg hugging-face-logo" />
<span class="tooltiptext">Hugging Face</span>
</div>
</div>
</div>
<div class="about-section"></div>
</div>
<div class="footer-section footer-desktop">
<div class="footer-info">
<span class="heart-beat">❤️</span> Project Gen AI workshop
</div>
</div>
</div>
<div class="chat-bot-container">
<gradio-app src="https://jayanthrahul-myaigenproject.hf.space"></gradio-app>
<!-- <iframe class="chat-bot-container-iframe" height="100%" width="100%" frameborder="0" src="https://lavanyaburlagadda-chatbot-openai-playht-old.hf.space/?__theme=dark"></iframe> -->
</div>
<div class="footer-section footer-mobile">
<div class="footer-info">
<span class="heart-beat">❤️</span> Project Gen AI workshop
</div>
</div>
</div>
</body>
</html>