index.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BRACU Course Search</title>
    <meta name="description" content="Search engine for information about courses, faculties, seats, schedules, etc. for BRAC University.">
    <meta name="keywords" content="bracu course search, bracu unlocked, usis unlocked, connect unlocked, bracu connect, usis eniamza, preprereg eniamza">
    <meta name="author" content="Dewan Mukto">
    <meta name="robots" content="index, follow">
    <meta property="og:title" content="BRACU Course Search">
    <meta property="og:description" content="Search engine for information about courses, faculties, seats, schedules, etc. for BRAC University.">
    <meta property="og:image" content="ogimage.png">
    <meta property="og:url" content="https://bracu.muxday.com">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="en_US">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@dewan_mukto">
    <meta name="twitter:title" content="BRACU Course Search">
    <meta name="twitter:description" content="Search engine for information about courses, faculties, seats, schedules, etc. for BRAC University.">
    <meta name="twitter:image" content="ogimage.png">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.png" type="image/png">
    <link rel="apple-touch-icon" href="favicon.png">
    <link rel="apple-touch-icon" sizes="152x152" href="favicon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="favicon.png">
    <link rel="apple-touch-icon" sizes="167x167" href="favicon.png">
    <link rel="stylesheet" href="styles.css">
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-5P9177K93X"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-5P9177K93X');
    </script>
    <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>
    <div class="container">
        <header><!-- Dewan Mukto says "Hi" -->
            <h1>📚 BRACU Course Search</h1>
        </header>
        <input type="text" id="search" placeholder="🔍 Search... course codes, e.g. CSE or faculty code, e.g. FHZ" oninput="filterCourses()">
        <div class="table-container">
          <p id="loadingMessage">Please wait while the content loads up...</p>
            <table>
                <thead>
                    <tr>
                        <th>Course Code</th>
                        <th>Section</th>
                        <th>Faculty</th>
                        <th>Seats Remaining</th>
                        <th>Class Schedule</th>
                        <th>Lab Schedule</th>
                        <th>Exam Days</th>
                      <th>Add</th>
                    </tr>
                </thead>
                <tbody id="courseTable">
                    <!-- Dynamic data here -->
                </tbody>
            </table>
        </div>
    </div>
  <div id="cart">
    <h2>🛒 Selected Courses</h2>
    <ul id="cart-items"></ul>
    <button id="clear-cart">Clear All</button>
</div>
  <br />
  
  <!-- This section below is entirely from PrePreReg by Eniamza and Eni00 -->
  <div class="routine-table">
<div class="overlay">
    <div class="overlay-content"><!-- Sadly, the routine builder is not ready yet -->
        <h2>🚧 Coming Soon 🚧</h2>
        <p>Meanwhile, please use <a href="https://preprereg.vercel.app/" target="_blank">PrePreReg</a></p>
    </div>
</div>
                <table align="center" cellspacing="2" cellpadding="10" id="data_table" border="1">
                    <tbody><tr>
                        <th>Time/Day</th>
                        <th>Sunday</th>
                        <th>Monday</th>
                        <th>Tuesday</th>
                        <th>Wednesday</th>
                        <th>Thursday</th>
                        <th>Friday</th>
                        <th>Saturday</th>
                    </tr>
                    
                    <tr id="row1">
                        <td><b>08:00 AM-09:20 AM</b></td>
                        <td id="1-1"></td>
                        <td id="1-2"></td>
                        <td id="1-3"></td>
                        <td id="1-4"></td>
                        <td id="1-5"></td>
                        <td id="1-6"></td>
                        <td id="1-7"></td>
                    </tr><tr>

                    </tr><tr id="row2">
                        <td><b>09:30 AM-10:50 AM</b></td>
                        <td id="2-1"></td>
                        <td id="2-2"></td>
                        <td id="2-3"></td>
                        <td id="2-4"></td>
                        <td id="2-5"></td>
                        <td id="2-6"></td>
                        <td id="2-7"></td>
                    </tr>

                    <tr id="row3">
                        <td><b>11:00 AM-12:20 PM</b></td>
                        <td id="3-1"></td>
                        <td id="3-2"></td>
                        <td id="3-3"></td>
                        <td id="3-4"></td>
                        <td id="3-5"></td>
                        <td id="3-6"></td>
                        <td id="3-7"></td>
                    </tr>

                    <tr id="row4">
                        <td><b>12:30 PM-01:50 PM</b></td>
                        <td id="4-1"></td>
                        <td id="4-2"></td>
                        <td id="4-3"></td>
                        <td id="4-4"></td>
                        <td id="4-5"></td>
                        <td id="4-6"></td>
                        <td id="4-7"></td>
                    </tr>

                    <tr id="row5">
                        <td><b>02:00 PM-03:20 PM</b></td>
                        <td id="5-1"></td>
                        <td id="5-2"></td>
                        <td id="5-3"></td>
                        <td id="5-4"></td>
                        <td id="5-5"></td>
                        <td id="5-6"></td>
                        <td id="5-7"></td>
                    </tr>

                    <tr id="row6">
                        <td><b>03:30 PM-04:50 PM</b></td>
                        <td id="6-1"></td>
                        <td id="6-2"></td>
                        <td id="6-3"></td>
                        <td id="6-4"></td>
                        <td id="6-5"></td>
                        <td id="6-6"></td>
                        <td id="6-7"></td>
                    </tr>

                    <tr id="row7">
                        <td><b>05:00 PM-06:20 PM</b></td>
                        <td id="7-1"></td>
                        <td id="7-2"></td>
                        <td id="7-3"></td>
                        <td id="7-4"></td>
                        <td id="7-5"></td>
                        <td id="7-6"></td>
                        <td id="7-7"></td>
                    </tr>
                </tbody></table>
            </div>
  <!-- The section above is entirely from PrePreReg by Eniamza and Eni00 -->
  
  <div class="about-panel" onclick="toggleAboutPanel()">
        Credits
    </div>
    <script src="script.js"></script>
    <meta http-equiv="refresh" content="0.5;url=https://apps.mux8.com/bracu/courses" />
</body>
</html>