pragyayantra/chat.html at main · git-avinashpawar/pragyayantra · GitHub

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
<!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/chat.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 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>YantraChat</h1>
              <h4>Engage in Intelligent Dialogues</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>
            </div>
          </div>

          <div class=" input-container" id="chatbox">
            <form>
              <textarea id="userInput" placeholder="Type your message here..."></textarea>
              <!-- <input type="text" id="userInput" placeholder="Type your message here..." /> -->
              <button type="submit" id="send">Send</button>
            </form>
          </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>