pragyayantra/text.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
122
123
124
125
126
127
128
129
130
131
132
<!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/text.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>YantraWrite</h1>
              <h4>Engage in Intelligent Dialogues</h4>
              <h5>Interactive Chat with Gemini-1.5-Pro</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">
            <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>