487 lines
25 KiB
HTML
487 lines
25 KiB
HTML
<!DOCTYPE html> <html lang=en style><!--
|
|
--><meta charset=utf-8>
|
|
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
|
<title>SIS 2026 - Advanced Registration Portal</title>
|
|
<style>:root{--primary:#2c3e50;--primary-hover:#34495e;--accent:#3498db;--accent-hover:#2980b9;--success:#27ae60;--warning:#f1c40f;--danger:#e74c3c;--info:#1abc9c;--bg-body:#f4f6f9;--bg-card:#ffffff;--bg-sidebar:#ffffff;--text-main:#2c3e50;--text-secondary:#7f8c8d;--text-light:#bdc3c7;--border-color:#e0e6ed;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.05);--header-height:70px;--sidebar-width:280px}*{box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Microsoft YaHei",Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.6;font-size:14px;transition:background-color 0.3s,color 0.3s}a{text-decoration:none;color:var(--accent);transition:0.2s}a:hover{color:var(--accent-hover);text-decoration:underline}ul{list-style:none;padding:0;margin:0}font{color:inherit!important}.system-alert{background:linear-gradient(90deg,#c0392b,#e74c3c);color:white;padding:8px 0;text-align:center;font-size:13px;font-weight:500;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;justify-content:center;align-items:center;gap:15px}.system-alert span{animation:blink 2s infinite;font-weight:bold;background:rgba(255,255,255,0.2);padding:2px 6px;border-radius:4px}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.6}}.header-wrapper{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:15px 0;position:sticky;top:36px;z-index:900}.header-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo-area h1{margin:0;font-size:24px;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:10px}.logo-icon{background:var(--accent);color:white;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.user-profile{display:flex;align-items:center;gap:20px;font-size:13px}.user-info{text-align:right}.user-name{font-weight:bold;font-size:15px;color:var(--text-main)}.user-meta{color:var(--text-secondary);font-size:12px}.avatar{width:40px;height:40px;background:#ddd;border-radius:50%;overflow:hidden;border:2px solid var(--border-color)}.avatar img{width:100%;height:100%;object-fit:cover}.nav-bar{background:var(--primary);color:rgba(255,255,255,0.9);padding:0}.nav-menu{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;gap:5px}.nav-link{padding:15px 20px;color:rgba(255,255,255,0.8);font-weight:500;font-size:14px;border-bottom:3px solid transparent;transition:0.2s;text-decoration:none!important}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,0.1);color:white;border-bottom-color:var(--accent)}.nav-link.has-badge{position:relative}.badge{position:absolute;top:8px;right:8px;background:var(--danger);color:white;font-size:10px;padding:2px 5px;border-radius:10px;line-height:1}.grid-container{grid-template-columns:280px 1fr 340px;gap:25px;max-width:1400px;margin:30px auto;padding:0 20px;align-items:start}#view-schedule,#view-grades,#view-generic{grid-template-columns:1fr!important}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.card-header{padding:15px 20px;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--primary);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,0.02)}.card-body{padding:20px}.filter-group{margin-bottom:20px;border-bottom:1px dashed var(--border-color);padding-bottom:15px}.filter-title{font-size:13px;font-weight:bold;color:var(--text-secondary);text-transform:uppercase;margin-bottom:10px;display:block}.filter-option{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;cursor:pointer;color:var(--text-main)}.filter-option:hover{color:var(--accent)}.filter-option input[type="checkbox"],.filter-option input[type="radio"]{accent-color:var(--accent);cursor:pointer}.course-card{display:grid;grid-template-columns:8px 1fr 140px;gap:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;margin-bottom:15px;transition:0.2s;position:relative}.course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.status-bar{border-radius:6px 0 0 6px}.status-open{background:var(--success)}.status-waitlist{background:var(--warning)}.status-closed{background:var(--danger);text-decoration:line-through;opacity:0.5}.course-main{padding:15px 20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.course-header{grid-column:span 2;display:flex;justify-content:space-between;align-items:flex-start}.course-code{font-weight:800;color:var(--accent);font-size:16px}.course-title{font-size:16px;font-weight:600;color:var(--text-main);margin-left:10px}.course-meta{font-size:13px;color:var(--text-secondary);display:flex;gap:15px;align-items:center}.course-action{border-left:1px solid var(--border-color);padding:15px;display:flex;flex-direction:column;justify-content:center;gap:8px;align-items:center;background:rgba(0,0,0,0.01)}.btn{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;border:none;text-align:center;width:100%;transition:0.2s}.btn-primary{background:var(--accent);color:white}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-danger:hover{background:var(--danger);color:white}.tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:bold;margin-right:5px}.tag-blue{background:rgba(52,152,219,0.1);color:#3498db}.tag-purple{background:rgba(155,89,182,0.1);color:#9b59b6}.theme-float{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary);color:white;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;z-index:9999;transition:0.3s}.theme-float:hover{transform:scale(1.1) rotate(15deg)}</style>
|
|
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/008/8-all.html><meta http-equiv=content-security-policy content="default-src 'none'; font-src 'self' data:; img-src 'self' data:; style-src 'unsafe-inline'; media-src 'self' data:; script-src 'unsafe-inline' data:; object-src 'self' data:; frame-src 'self' data:;"></head>
|
|
<body bgcolor=#ffffff text=#000000>
|
|
<div class=theme-float title="Toggle Dark Mode">🌓</div>
|
|
<div class=system-alert>
|
|
<span>⚠️ Warning</span><font _mstmutation=1> High traffic detected. Please do not refresh to maintain your queue position.
|
|
</font></div>
|
|
<div class=header-wrapper>
|
|
<div class=header-content>
|
|
<div class=logo-area>
|
|
<h1><div class=logo-icon>S</div><font _mstmutation=1> SIS Registration </font><small style=font-size:12px;font-weight:normal;opacity:0.6;margin-left:10px>v5.2.0</small></h1>
|
|
</div>
|
|
<div class=user-profile>
|
|
<div class=user-info>
|
|
<div class=user-name>Alex Chen (ID: 9928122)</div>
|
|
<div class=user-meta>Computer Science | Senior | GPA: 3.85</div>
|
|
</div>
|
|
<div class=avatar>
|
|
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzY0ZGQxNyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjMDAwMDAwOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjMDAwMDAwIj5BQzwvdGV4dD48L3N2Zz4=" alt=User _mstalt=46332>
|
|
</div>
|
|
<a href=javascript:void(0) class="btn btn-outline" style=width:auto>Logout</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=nav-bar>
|
|
<div class=nav-menu>
|
|
<a href=javascript:void(0) class="nav-link active">Registration</a>
|
|
<a href=javascript:void(0) class=nav-link>My Schedule</a>
|
|
<a href=javascript:void(0) class="nav-link has-badge"><font _mstmutation=1>Grades </font><span class=badge>New</span></a>
|
|
<a href=javascript:void(0) class=nav-link>Financial Aid</a>
|
|
<a href=javascript:void(0) class=nav-link>Degree Audit</a>
|
|
<a href=javascript:void(0) class=nav-link>Transcripts</a>
|
|
</div>
|
|
</div>
|
|
<div id=main-viewport>
|
|
|
|
<div id=view-registration class="grid-container view-section" style=display:grid;opacity:1;transform:translateY(0px);transition:0.3s>
|
|
|
|
<div class=card>
|
|
<div class=card-header>
|
|
<span>🔍 Filter Courses</span>
|
|
</div>
|
|
<div class=card-body>
|
|
<form>
|
|
<div class=filter-group>
|
|
<label class=filter-title>Subject</label>
|
|
<select style="width:100%;padding:8px;border:1px solid var(--border-color);border-radius:4px;font-family:inherit">
|
|
<option selected>CS - Computer Science</option>
|
|
<option>MATH - Mathematics</option>
|
|
<option>ENG - English</option>
|
|
<option>PHYS - Physics</option>
|
|
<option>BIO - Biology</option>
|
|
<option>HIST - History</option>
|
|
<option>PSY - Psychology</option>
|
|
</select>
|
|
</div>
|
|
<div class=filter-group>
|
|
<label class=filter-title>Course Level</label>
|
|
<label class=filter-option><input type=checkbox value=on><font _mstmutation=1> 100-299 (Lower Div)</font></label>
|
|
<label class=filter-option><input type=checkbox checked value=on><font _mstmutation=1> 300-499 (Upper Div)</font></label>
|
|
<label class=filter-option><input type=checkbox value=on><font _mstmutation=1> 500+ (Graduate)</font></label>
|
|
</div>
|
|
<div class=filter-group>
|
|
<label class=filter-title>Class Time</label>
|
|
<label class=filter-option><input type=checkbox value=on><font _mstmutation=1> Mon / Wed / Fri</font></label>
|
|
<label class=filter-option><input type=checkbox value=on><font _mstmutation=1> Tue / Thu</font></label>
|
|
<label class=filter-option><input type=checkbox value=on><font _mstmutation=1> Evening / Weekend</font></label>
|
|
</div>
|
|
<div class=filter-group>
|
|
<label class=filter-title>Course Status</label>
|
|
<label class=filter-option><input type=radio name=status checked value=on><font _mstmutation=1> Show Open Only</font></label>
|
|
<label class=filter-option><input type=radio name=status value=on><font _mstmutation=1> Include Waitlisted</font></label>
|
|
</div>
|
|
|
|
<input type=submit value="Apply Filters" class="btn btn-primary" style=margin-top:10px _mstvalue=206063>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=card>
|
|
<div class=card-header>Campus Alerts</div>
|
|
<div class=card-body style=font-size:13px>
|
|
<div style="margin-bottom:15px;border-left:3px solid var(--accent);padding-left:10px">
|
|
<font _mstmutation=1><strong _mstmutation=1>Financial Aid Disbursement</strong><br _mstmutation=1>
|
|
<span style=color:var(--text-secondary) _mstmutation=1>Spring 2026 funds disbursed on Jan 20.</span></font>
|
|
</div>
|
|
<div style="margin-bottom:15px;border-left:3px solid var(--danger);padding-left:10px">
|
|
<font _mstmutation=1><strong _mstmutation=1>System Maintenance</strong><br _mstmutation=1>
|
|
<span style=color:var(--text-secondary) _mstmutation=1>SIS offline this Sun 2:00-4:00 AM.</span></font>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div style=margin-bottom:20px;display:flex;justify-content:space-between;align-items:center>
|
|
<div>
|
|
<h2 style=margin:0;font-size:20px;color:var(--primary)>Spring 2026 Schedule</h2>
|
|
<div style=font-size:13px;color:var(--text-secondary);margin-top:5px>Showing: <strong>Computer Science</strong> (25 found)</div>
|
|
</div>
|
|
<div style=display:flex;gap:10px>
|
|
<button class="btn btn-outline" style=width:auto>Print View</button>
|
|
<button class="btn btn-outline" style=width:auto>Exclude Conflicts</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=course-card>
|
|
<div class="status-bar status-open" title=Open></div>
|
|
<div class=course-main>
|
|
<div class=course-header>
|
|
<div style=display:flex;align-items:center>
|
|
<input type=checkbox style=margin-right:15px;transform:scale(1.2) value=on>
|
|
<div>
|
|
<font _mstmutation=1><span class=course-code _mstmutation=1>CS 301.01</span>
|
|
<span class=course-title _mstmutation=1>Algorithms & Data Structures</span></font>
|
|
</div>
|
|
</div>
|
|
<span class="tag tag-blue">4.0 Units</span>
|
|
</div>
|
|
|
|
<div class=course-details>
|
|
<div class=course-meta style=margin-bottom:6px>
|
|
<span>👨🏫 <strong>Prof. Smith, J.</strong></span>
|
|
<span>⭐ 4.5/5.0</span>
|
|
</div>
|
|
<div class=course-meta>
|
|
<span>📍 Bldg A, Rm 101</span>
|
|
<span>🗓️ MWF 10:00 - 10:50</span>
|
|
</div>
|
|
</div>
|
|
<div class=course-stats style=text-align:right;font-size:13px;color:var(--text-secondary)>
|
|
<div>Cap: 50</div>
|
|
<div>Enr: 48</div>
|
|
<div style=font-weight:bold;color:var(--success)>Rem: 2</div>
|
|
</div>
|
|
</div>
|
|
<div class=course-action>
|
|
<button class="btn btn-primary">Add</button>
|
|
<button class="btn btn-outline">Watch</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=course-card>
|
|
<div class="status-bar status-waitlist" title=Waitlist></div>
|
|
<div class=course-main>
|
|
<div class=course-header>
|
|
<div style=display:flex;align-items:center>
|
|
<input type=checkbox style=margin-right:15px;transform:scale(1.2) disabled value=on>
|
|
<div>
|
|
<font _mstmutation=1><span class=course-code _mstmutation=1>CS 301.02</span>
|
|
<span class=course-title _mstmutation=1>Algorithms & Data Structures</span></font>
|
|
</div>
|
|
</div>
|
|
<span class="tag tag-blue">4.0 Units</span>
|
|
</div>
|
|
|
|
<div class=course-details>
|
|
<div class=course-meta style=margin-bottom:6px>
|
|
<span>👨🏫 <strong>Prof. Smith, J.</strong></span>
|
|
<span>⭐ 4.5/5.0</span>
|
|
</div>
|
|
<div class=course-meta>
|
|
<span>📍 Bldg A, Rm 101</span>
|
|
<span>🗓️ MWF 11:00 - 11:50</span>
|
|
</div>
|
|
</div>
|
|
<div class=course-stats style=text-align:right;font-size:13px;color:var(--text-secondary)>
|
|
<div>Cap: 50</div>
|
|
<div>Enr: 50</div>
|
|
<div style=font-weight:bold;color:var(--warning)>Waitlist: 5</div>
|
|
</div>
|
|
</div>
|
|
<div class=course-action>
|
|
<button class="btn btn-primary" style=background:#f39c12;color:white;border:none>Join Waitlist</button>
|
|
<button class="btn btn-outline">Watch</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="background:rgba(231,76,60,0.1);border:1px solid var(--danger);color:var(--danger);padding:15px;border-radius:6px;margin-bottom:15px;display:flex;align-items:center;gap:10px">
|
|
<span style=font-size:20px>👮</span>
|
|
<div>
|
|
<font _mstmutation=1><strong _mstmutation=1>Registration Hold:</strong> Must complete mandatory "Sexual Harassment Prevention Training" before registering >12 units.
|
|
<a href=# style=text-decoration:underline;font-weight:bold _mstmutation=1>[Complete Now]</a></font>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=course-card>
|
|
<div class="status-bar status-open" title=Open></div>
|
|
<div class=course-main>
|
|
<div class=course-header>
|
|
<div style=display:flex;align-items:center>
|
|
<input type=checkbox style=margin-right:15px;transform:scale(1.2) value=on>
|
|
<div>
|
|
<font _mstmutation=1><span class=course-code _mstmutation=1>CS 350.01</span>
|
|
<span class=course-title _mstmutation=1>Operating Systems</span></font>
|
|
</div>
|
|
</div>
|
|
<span class="tag tag-blue">4.0 Units</span>
|
|
</div>
|
|
|
|
<div class=course-details>
|
|
<div class=course-meta style=margin-bottom:6px>
|
|
<span>👨🏫 <strong>Prof. Linux, T.</strong></span>
|
|
<span>⭐ 4.9/5.0</span>
|
|
</div>
|
|
<div class=course-meta>
|
|
<span>📍 Engineering 300</span>
|
|
<span>🗓️ MWF 13:00 - 13:50</span>
|
|
</div>
|
|
</div>
|
|
<div class=course-stats style=text-align:right;font-size:13px;color:var(--text-secondary)>
|
|
<div>Cap: 100</div>
|
|
<div>Enr: 98</div>
|
|
<div style=font-weight:bold;color:var(--success)>Rem: 2</div>
|
|
</div>
|
|
</div>
|
|
<div class=course-action>
|
|
<button class="btn btn-outline" disabled>Added</button>
|
|
<button class="btn btn-outline">Watch</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class=course-card>
|
|
<div class="status-bar status-open" title=Open></div>
|
|
<div class=course-main>
|
|
<div class=course-header>
|
|
<div style=display:flex;align-items:center>
|
|
<input type=checkbox style=margin-right:15px;transform:scale(1.2) value=on>
|
|
<div>
|
|
<font _mstmutation=1><span class=course-code _mstmutation=1>CS 420.01</span>
|
|
<span class=course-title _mstmutation=1>Database Systems</span></font>
|
|
</div>
|
|
</div>
|
|
<span class="tag tag-purple">3.0 Units</span>
|
|
</div>
|
|
|
|
<div class=course-details>
|
|
<div class=course-meta style=margin-bottom:6px>
|
|
<span>👨🏫 <strong>Prof. Codd, E.</strong></span>
|
|
<span>⭐ 4.2/5.0</span>
|
|
</div>
|
|
<div class=course-meta>
|
|
<span>📍 Science Ctr 101</span>
|
|
<span>🗓️ TuTh 11:00 - 12:15</span>
|
|
</div>
|
|
</div>
|
|
<div class=course-stats style=text-align:right;font-size:13px;color:var(--text-secondary)>
|
|
<div>Cap: 40</div>
|
|
<div>Enr: 35</div>
|
|
<div style=font-weight:bold;color:var(--success)>Rem: 5</div>
|
|
</div>
|
|
</div>
|
|
<div class=course-action>
|
|
<button class="btn btn-primary">Add</button>
|
|
<button class="btn btn-outline">Watch</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=course-card style=opacity:0.75>
|
|
<div class="status-bar status-closed" title=Closed></div>
|
|
<div class=course-main>
|
|
<div class=course-header>
|
|
<div style=display:flex;align-items:center>
|
|
<input type=checkbox style=margin-right:15px;transform:scale(1.2) disabled value=on>
|
|
<div>
|
|
<font _mstmutation=1><span class=course-code _mstmutation=1>CS 410.01</span>
|
|
<span class=course-title _mstmutation=1>Software Engineering</span></font>
|
|
</div>
|
|
</div>
|
|
<span class="tag tag-purple">3.0 Units</span>
|
|
</div>
|
|
|
|
<div class=course-details>
|
|
<div class=course-meta style=margin-bottom:6px>
|
|
<span>👨🏫 <strong>Prof. Brooks, F.</strong></span>
|
|
<span>⭐ 3.8/5.0</span>
|
|
</div>
|
|
<div class=course-meta>
|
|
<span>💻 Online / Remote</span>
|
|
<span>🗓️ Wed 18:00 - 20:50</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=course-stats style=text-align:right;font-size:13px;color:var(--text-secondary)>
|
|
<div>Cap: 30</div>
|
|
<div>Enr: 30</div>
|
|
<div style=font-weight:bold;color:var(--danger)>Closed</div>
|
|
</div>
|
|
</div>
|
|
<div class=course-action>
|
|
<button class="btn btn-outline" disabled style=cursor:not-allowed>Full</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=course-card>
|
|
<div class="status-bar status-open" title=Open></div>
|
|
<div class=course-main>
|
|
<div class=course-header>
|
|
<div style=display:flex;align-items:center>
|
|
<input type=checkbox style=margin-right:15px;transform:scale(1.2) value=on>
|
|
<div>
|
|
<font _mstmutation=1><span class=course-code _mstmutation=1>MATH 330.01</span>
|
|
<span class=course-title _mstmutation=1>Linear Algebra</span></font>
|
|
</div>
|
|
</div>
|
|
<span class="tag tag-purple">3.0 Units</span>
|
|
</div>
|
|
|
|
<div class=course-details>
|
|
<div class=course-meta style=margin-bottom:6px>
|
|
<span>👨🏫 <strong>Prof. Gauss, K.</strong></span>
|
|
<span>⭐ 5.0/5.0</span>
|
|
</div>
|
|
<div class=course-meta>
|
|
<span>📍 Math Bldg 2B</span>
|
|
<span>🗓️ MWF 08:00 - 08:50</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=course-stats style=text-align:right;font-size:13px;color:var(--text-secondary)>
|
|
<div>Cap: 60</div>
|
|
<div>Enr: 55</div>
|
|
<div style=font-weight:bold;color:var(--success)>Rem: 5</div>
|
|
</div>
|
|
</div>
|
|
<div class=course-action>
|
|
<button class="btn btn-primary">Add</button>
|
|
<button class="btn btn-outline">Watch</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div style=display:flex;justify-content:center;gap:10px;margin-top:30px>
|
|
<button class="btn btn-outline" disabled>Prev</button>
|
|
<button class="btn btn-primary" style=width:auto>1</button>
|
|
<button class="btn btn-outline" style=width:auto>2</button>
|
|
<button class="btn btn-outline" style=width:auto>3</button>
|
|
<button class="btn btn-outline">Next</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div class=card id=cart-widget>
|
|
<div class=card-header style=background:var(--secondary);color:white>
|
|
<span><font _mstmutation=1>🛒 My Cart (<span id=cart-count _mstmutation=1>4</span></font>)</span>
|
|
</div>
|
|
|
|
<div id=cart-items-wrapper><div id=cart-item-CS30101 class=cart-item style="border-bottom:1px solid var(--border-color);padding:15px">
|
|
<div style=display:flex;justify-content:space-between;margin-bottom:5px>
|
|
<strong>CS 301.01</strong>
|
|
<a href=javascript:void(0) style=color:var(--danger);font-size:12px>✕</a>
|
|
</div>
|
|
<div style=font-size:12px;opacity:0.8>Algorithms & Data Structures</div>
|
|
<div style=font-size:12px;margin-top:5px;color:var(--success);font-weight:normal>
|
|
Mon/Wed/Fri 10:00-10:50
|
|
</div>
|
|
</div><div id=cart-item-MATH33001 class=cart-item style="border-bottom:1px solid var(--border-color);padding:15px">
|
|
<div style=display:flex;justify-content:space-between;margin-bottom:5px>
|
|
<strong>MATH 330.01</strong>
|
|
<a href=javascript:void(0) style=color:var(--danger);font-size:12px>✕</a>
|
|
</div>
|
|
<div style=font-size:12px;opacity:0.8>Linear Algebra</div>
|
|
<div style=font-size:12px;margin-top:5px;color:var(--success);font-weight:normal>
|
|
Mon/Wed/Fri 08:00-08:50
|
|
</div>
|
|
</div><div id=cart-item-CS35002 class=cart-item style="border-bottom:1px solid var(--border-color);padding:15px;background:rgba(243,156,18,0.1)">
|
|
<div style=display:flex;justify-content:space-between;margin-bottom:5px>
|
|
<strong>CS 350.02</strong>
|
|
<a href=javascript:void(0) style=color:var(--danger);font-size:12px>✕</a>
|
|
</div>
|
|
<div style=font-size:12px;opacity:0.8>Operating Systems</div>
|
|
<div style=font-size:12px;margin-top:5px;color:var(--warning);font-weight:bold>
|
|
Waitlist: #3
|
|
</div>
|
|
</div><div id=cart-item-CS35001 class=cart-item style="border-bottom:1px solid var(--border-color);padding:15px">
|
|
<div style=display:flex;justify-content:space-between;margin-bottom:5px>
|
|
<strong>CS 350.01</strong>
|
|
<a href=javascript:void(0) style=color:var(--danger);font-size:12px>✕</a>
|
|
</div>
|
|
<div style=font-size:12px;opacity:0.8>Operating Systems</div>
|
|
<div style=font-size:12px;margin-top:5px;color:var(--success);font-weight:normal>
|
|
Mon/Wed/Fri 13:00-13:50
|
|
</div>
|
|
</div></div>
|
|
|
|
<div style=padding:15px;background:var(--bg-card-secondary)>
|
|
<div style=display:flex;justify-content:space-between;margin-bottom:10px;font-weight:bold>
|
|
<span>Total Units:</span>
|
|
<span id=cart-total>15.0</span>
|
|
</div>
|
|
<button id=btn-submit-reg class="btn btn-primary" style=opacity:1>Submit Registration</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=card style=border-color:var(--danger)>
|
|
<div class=card-header style=background:rgba(231,76,60,0.1);color:var(--danger)>
|
|
<span>⚠️ Time Conflict</span>
|
|
</div>
|
|
<div class=card-body style=font-size:13px;color:#c0392b>
|
|
<font _mstmutation=1><strong _mstmutation=1>CS 301.01</strong> and <strong _mstmutation=1>PHYS 202.04</strong> clash on Monday.
|
|
</font><div style=margin-top:10px>
|
|
<a href=#>[Resolve]</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=card>
|
|
<div class=card-header>Quick Links</div>
|
|
<div class=card-body>
|
|
<ul style=font-size:13px>
|
|
<li style=margin-bottom:10px><a href=#>📅 Calendar</a></li>
|
|
<li style=margin-bottom:10px><a href=#>💰 Pay Bill</a></li>
|
|
<li style=margin-bottom:10px><a href=#>🗺️ Map</a></li>
|
|
<li style=margin-bottom:10px><a href=#>📚 Bookstore</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id=view-schedule class=view-section style="display:none;max-width:1400px;margin:30px auto;padding:0 20px">
|
|
<div class="card sf-hidden">
|
|
|
|
<div class="card-body sf-hidden">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id=view-grades class=view-section style="display:none;max-width:1400px;margin:30px auto;padding:0px 20px;opacity:1;transform:translateY(0px);transition:0.3s">
|
|
|
|
</div>
|
|
|
|
<div id=view-generic class="grid-container view-section" style=display:none;grid-template-columns:1fr>
|
|
|
|
</div>
|
|
</div>
|
|
<div style="background:var(--bg-card);border-top:1px solid var(--border-color);padding:40px 0;margin-top:50px">
|
|
<div style="max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px">
|
|
<div>
|
|
<h4 style=margin-top:0>University Registrar</h4>
|
|
<p style=font-size:13px;color:var(--text-secondary)>
|
|
Bldg 42, Rm 100<br>
|
|
1234 University Ave<br>
|
|
College Town, ST 90210
|
|
</p>
|
|
<p style=font-size:13px;color:var(--text-secondary)>Phone: (555) 0199-8800</p>
|
|
</div>
|
|
<div>
|
|
<h4 style=margin-top:0>Registration Help</h4>
|
|
<ul style=font-size:13px;line-height:2>
|
|
<li><a href=# style=color:var(--text-secondary)>Registration Guide</a></li>
|
|
<li><a href=# style=color:var(--text-secondary)>Waitlist Policy</a></li>
|
|
<li><a href=# style=color:var(--text-secondary)>Permission Codes</a></li>
|
|
<li><a href=# style=color:var(--text-secondary)>Drop Deadlines</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 style=margin-top:0>Common Systems</h4>
|
|
<ul style=font-size:13px;line-height:2>
|
|
<li><a href=# style=color:var(--text-secondary)>Canvas LMS</a></li>
|
|
<li><a href=# style=color:var(--text-secondary)>Student Email</a></li>
|
|
<li><a href=# style=color:var(--text-secondary)>Library Databases</a></li>
|
|
<li><a href=# style=color:var(--text-secondary)>IT Support Tickets</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 style=margin-top:0>Legal Info</h4>
|
|
<ul style=font-size:13px;line-height:2>
|
|
<li><a href=# style=color:var(--text-secondary)>Privacy Policy</a></li>
|
|
<li><a href=# style=color:var(--text-secondary)>Accessibility</a></li>
|
|
<li><a href=# style=color:var(--text-secondary)>FERPA Rights</a></li>
|
|
<li><a href=# style=color:var(--text-secondary)>Title IX Policy</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div style=text-align:center;margin-top:40px;font-size:12px;color:var(--text-light)>
|
|
© 2026 Board of Trustees. All rights reserved. | Server Time: <span id=server-time>2/9/2026, 11:42:55 PM</span> | Node: REG-04
|
|
</div>
|
|
</div>
|