|
|
|
|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>BuffaloRAG - UB International Student Assistant</title> |
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"> |
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}"> |
|
|
</head> |
|
|
<body> |
|
|
<div class="app-container"> |
|
|
|
|
|
<div class="sidebar"> |
|
|
<div class="logo"> |
|
|
<img src="{{ url_for('static', filename='img/ub-logo.png') }}" alt="UB Logo"> |
|
|
<h1>BuffaloRAG</h1> |
|
|
</div> |
|
|
|
|
|
<div class="search-box"> |
|
|
<input type="text" id="resource-search" placeholder="Search resources..."> |
|
|
<button id="search-btn"><i class="fas fa-search"></i></button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="categories"> |
|
|
<div class="category"> |
|
|
<h3>Immigration</h3> |
|
|
<div class="links"> |
|
|
<a href="https://www.buffalo.edu/international-student-services/immigration/visa.html" target="_blank" class="link-card"> |
|
|
<h4>Visa Requirements</h4> |
|
|
<p>Information about F-1 and J-1 visas</p> |
|
|
</a> |
|
|
<a href="https://www.buffalo.edu/international-student-services/immigration/maintainingVisaStatus/i-20.html" target="_blank" class="link-card"> |
|
|
<h4>I-20 Documents</h4> |
|
|
<p>Understanding your I-20 form</p> |
|
|
</a> |
|
|
<a href="https://www.buffalo.edu/international-student-services/immigration/sevis-transfer.html" target="_blank" class="link-card"> |
|
|
<h4>SEVIS Transfers</h4> |
|
|
<p>Transferring your SEVIS record</p> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="category"> |
|
|
<h3>Employment</h3> |
|
|
<div class="links"> |
|
|
<a href="https://www.buffalo.edu/international-student-services/immigration/f1-student/employment/opt.html" target="_blank" class="link-card"> |
|
|
<h4>OPT Guidelines</h4> |
|
|
<p>Optional Practical Training information</p> |
|
|
</a> |
|
|
<a href="https://www.buffalo.edu/international-student-services/immigration/f1-student/employment/cpt.html" target="_blank" class="link-card"> |
|
|
<h4>CPT Information</h4> |
|
|
<p>Curricular Practical Training details</p> |
|
|
</a> |
|
|
<a href="https://www.buffalo.edu/international-student-services/immigration/f1-student/employment/on-campus.html" target="_blank" class="link-card"> |
|
|
<h4>On-Campus Jobs</h4> |
|
|
<p>Working on UB campus</p> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="category"> |
|
|
<h3>Student Life</h3> |
|
|
<div class="links"> |
|
|
<a href="https://www.buffalo.edu/campusliving.html" target="_blank" class="link-card"> |
|
|
<h4>Housing Options</h4> |
|
|
<p>On and off-campus housing</p> |
|
|
</a> |
|
|
<a href="https://www.buffalo.edu/international-student-services/life-in-buffalo/health-insurance.html" target="_blank" class="link-card"> |
|
|
<h4>Health Insurance</h4> |
|
|
<p>Insurance requirements and options</p> |
|
|
</a> |
|
|
<a href="https://www.buffalo.edu/studentlife.html" target="_blank" class="link-card"> |
|
|
<h4>Student Services</h4> |
|
|
<p>Campus resources and services</p> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="main-content"> |
|
|
<header> |
|
|
<h1><i class="fas fa-university"></i> BuffaloRAG - UB International Student Assistant</h1> |
|
|
</header> |
|
|
|
|
|
<div class="chat-container" id="chat-container"> |
|
|
<div class="empty-chat" id="empty-chat"> |
|
|
<h2>Welcome to BuffaloRAG</h2> |
|
|
<p> |
|
|
I'm here to help answer your questions about resources, policies, and procedures |
|
|
for international students at the University at Buffalo. |
|
|
</p> |
|
|
<div class="quick-questions"> |
|
|
<button class="quick-question" onclick="askQuickQuestion('How do I apply for OPT?')">How do I apply for OPT?</button> |
|
|
<button class="quick-question" onclick="askQuickQuestion('What documents do I need for my I-20?')">What documents do I need for my I-20?</button> |
|
|
<button class="quick-question" onclick="askQuickQuestion('What are the working hour limits for international students?')">What are the working hour limits for international students?</button> |
|
|
<button class="quick-question" onclick="askQuickQuestion('How can I extend my student visa?')">How can I extend my student visa?</button> |
|
|
<button class="quick-question" onclick="askQuickQuestion('Where can I find housing as an international student?')">Where can I find housing as an international student?</button> |
|
|
<button class="quick-question" onclick="askQuickQuestion('What health insurance options are available?')">What health insurance options are available?</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="messages" id="messages"></div> |
|
|
</div> |
|
|
|
|
|
<div class="input-container"> |
|
|
<div class="message-input"> |
|
|
<input type="text" id="message-input" placeholder="Ask a question..."> |
|
|
<button id="send-button" disabled><i class="fas fa-paper-plane"></i></button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="right-panel"> |
|
|
<h3>Sources & References</h3> |
|
|
<div id="sources-container"> |
|
|
<p id="no-sources">Ask a question to see relevant sources.</p> |
|
|
</div> |
|
|
|
|
|
<h3>Important Resources</h3> |
|
|
<div class="source-card"> |
|
|
<h4>UB International Student Services</h4> |
|
|
<a class="link" href="https://www.buffalo.edu/international-student-services.html" target="_blank"> |
|
|
Visit website <i class="fas fa-external-link-alt"></i> |
|
|
</a> |
|
|
</div> |
|
|
<div class="source-card"> |
|
|
<h4>Immigration Forms & Documents</h4> |
|
|
<a class="link" href="https://www.buffalo.edu/international-student-services/immigration/forms.html" target="_blank"> |
|
|
View forms <i class="fas fa-external-link-alt"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<div class="admin-tools"> |
|
|
<h3>Admin Tools</h3> |
|
|
<button id="scrape-btn" class="admin-btn">Scrape New Content</button> |
|
|
<button id="refresh-btn" class="admin-btn">Refresh Index</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> |
|
|
<script src="{{ url_for('static', filename='js/app.js') }}"></script> |
|
|
</body> |
|
|
</html> |
|
|
|
