| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <link rel="stylesheet" href="/static/style.css"> |
| | <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> |
| | <script src="/static/script.js" defer></script> |
| | <title>ASK-ANRG</title> |
| | </head> |
| | <body> |
| | <div class="container"> |
| | <h1>ASK-ANRG</h1> |
| | <label for="api-key-input">API Key:</label> |
| | <input type="text" id="api-key-input" placeholder="Enter your API key..."> |
| | <div class="outside-container"> |
| | <div class="chat-box" id="chat-box"> |
| | |
| | </div> |
| | </div> |
| | <input type="text" id="user-input" placeholder="Type your message..."> |
| | <button id="send-btn">Send</button> |
| | </div> |
| | <div class="demo"> |
| | <div> |
| | <h3>Project Description</h3> |
| | <p>Objective: Create an AI Chatbot for research labs equipped to answer inquiries about lab history, members, research papers, projects, and more.</p> |
| | <p>Motivation: Research lab websites (like anrg.usc.edu) are frequented by academics, recruiters, collaborators, students, and others seeking information about a lab, its members, and its research. We demonstrate some demo questions below.</p> |
| | <p>With the recent advancements in Large Language Models (LLMs), such as ChatGPT, we can develop a bot that provides immediate, direct answers to these and other questions. This initiative will enhance user experience and efficiency, allowing easier access to the lab's information.</p> |
| | </div> |
| | <h3>Demo Questions</h3> |
| | <p>First enter your own api-key and then ask question through user input or click on one of the demo questions</p> |
| | <div> |
| | <strong> Examples: </strong> |
| | <button class="question_btn">Give me a pub of J coleman</button> |
| | <button class="question_btn">What is the position of J coleman</button> |
| | <button class="question_btn">Give me a pub on neural network</button> |
| | <button class="question_btn">Give me a pub published in 2023</button> |
| | <button class="question_btn">Give me a pub on math</button> |
| | </div> |
| | |
| | |
| | |
| | |
| | |
| | </div> |
| | </body> |
| | </html> |
| |
|
