File size: 8,341 Bytes
669b6be f6162a8 2d1eac6 669b6be 8f54c62 669b6be 8f54c62 a823c55 669b6be 8f54c62 669b6be 8f54c62 669b6be 8f54c62 669b6be 8f54c62 669b6be 8f54c62 669b6be 8f54c62 669b6be 8f54c62 669b6be 2e0cda6 669b6be 2e0cda6 669b6be 8f54c62 669b6be cfbece2 669b6be |
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 133 134 135 136 137 138 139 140 |
<!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">
<!-- Left Sidebar -->
<div class="sidebar">
<div class="logo">
<img src="../static/img/ub.png" alt="UB Logo">
<h1>UBAssist</h1>
</div>
<!-- Categories -->
<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>
<!-- Main Content -->
<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>
<!-- Right Panel -->
<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>
|