File size: 8,589 Bytes
9108a9a |
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 141 142 143 144 145 146 147 148 149 150 |
<!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>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>
<!-- Categories -->
<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>
<!-- Main Content -->
<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>
<!-- 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/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>
|