|
|
|
|
|
<!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="../static/img/ub.png" alt="UB Logo"> |
|
|
<h1>UBAssist</h1> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="categories"> |
|
|
<div class="category"> |
|
|
<h3>Immigration</h3> |
|
|
<div class="links"> |
|
|
<a href="https://www.buffalo.edu/international-student-services/for-new-students/immigration-and-visas.html" target="_blank" class="link-card"> |
|
|
<h4>Visa Information for Accepted Students</h4> |
|
|
<p>Information about F-1 and J-1 visas</p> |
|
|
</a> |
|
|
<a href="https://www.buffalo.edu/international-student-services/immigration-visa/f-1-student/immigration-documents.html" target="_blank" class="link-card"> |
|
|
<h4>Immigration Documents</h4> |
|
|
<p>Understanding your Immigration Documents</p> |
|
|
</a> |
|
|
<a href="https://www.buffalo.edu/international-student-services/immigration-visa/f-1-student/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-visa/f-1-student/optional-practical-training--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-visa/f-1-student/curricular-practical-training--cpt-.html" target="_blank" class="link-card"> |
|
|
<h4>CPT Information</h4> |
|
|
<p>Curricular Practical Training details</p> |
|
|
</a> |
|
|
<a href="https://www.buffalo.edu/campusliving/about-us/employment-opportunities/student-employment.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/international-student-services/life-in-buffalo/housing.html" target="_blank" class="link-card"> |
|
|
<h4>Housing Options</h4> |
|
|
<p>On and off-campus housing</p> |
|
|
</a> |
|
|
<a href="https://www.buffalo.edu/studentlife/life-on-campus/health/medical-care/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/studentsuccess/resources.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> UBAssist - AI Powered Chat for all you need.</h1> |
|
|
</header> |
|
|
|
|
|
<div class="chat-container" id="chat-container"> |
|
|
<div class="empty-chat" id="empty-chat"> |
|
|
<h2>Welcome to UBAssist</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/internationaladmissions/get-ready-to-apply/apply/immigration-and-financial-documents-checklist.html" target="_blank"> |
|
|
View forms <i class="fas fa-external-link-alt"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> |
|
|
<script src="{{ url_for('static', filename='js/app.js') }}"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> |
|
|
</body> |
|
|
</html> |
|
|
|
