basic test

2026-02-10 11:56:03 +08:00
parent de68563f69
commit 411d823cfa
89 changed files with 33858 additions and 2027 deletions
--- a/008/8-002.html
+++ b/008/8-002.html
@@ -0,0 +1,233 @@
+<!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;transition:0.2s}a:hover{color:var(--accent-hover);text-decoration:underline}ul{list-style:none;padding:0;margin:0}table,tbody,tr,td{display:block;width:100%!important;border:none!important;background:transparent!important}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-option:hover{color:var(--accent)}.course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.btn{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;text-align:center;width:100%;transition:0.2s}.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}.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>Registration</a>
+ <a href=javascript:void(0) class=nav-link>My Schedule</a>
+ <a href=javascript:void(0) class="nav-link has-badge active"><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:none>
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ </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:block;max-width:1400px;margin:30px auto;padding:0px 20px;opacity:1;transform:translateY(0px);transition:0.3s">
+ <div style="display:grid;grid-template-columns:1fr 340px;gap:25px">
+ <div class=card>
+ <div class=card-header>
+ <span>Grade Record</span>
+ <button class="btn btn-outline" style="padding:4px 10px;font-size:12px">Download Unofficial Transcript</button>
+ </div>
+ <div class=card-body>
+ <h4 style=margin-top:0;color:var(--text-secondary);text-transform:uppercase;font-size:12px;letter-spacing:1px>2025 Fall (Fall 2025)</h4>
+ <table style=width:100%;border-collapse:collapse;margin-bottom:30px>
+ <thead>
+ <tr style="border-bottom:2px solid var(--border-color);text-align:left;color:var(--text-secondary);font-size:12px;text-transform:uppercase">
+ <th style=padding:10px>Course Code</th>
+ <th style=padding:10px>Course Title</th>
+ <th style=padding:10px>Units</th>
+ <th style=padding:10px>Grade</th>
+ <th style=padding:10px>Points</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr style="border-bottom:1px solid var(--border-color)">
+ <td style="padding:12px 10px;font-weight:bold">CS 201</td>
+ <td style="padding:12px 10px">Intro to Programming II</td>
+ <td style="padding:12px 10px">4.0</td>
+ <td style="padding:12px 10px;color:var(--success);font-weight:bold">A</td>
+ <td style="padding:12px 10px">16.0</td>
+ </tr>
+ <tr style="border-bottom:1px solid var(--border-color)">
+ <td style="padding:12px 10px;font-weight:bold">MATH 101</td>
+ <td style="padding:12px 10px">Calculus I</td>
+ <td style="padding:12px 10px">4.0</td>
+ <td style="padding:12px 10px;color:var(--success);font-weight:bold">A-</td>
+ <td style="padding:12px 10px">14.8</td>
+ </tr>
+ <tr style="border-bottom:1px solid var(--border-color)">
+ <td style="padding:12px 10px;font-weight:bold">ENG 105</td>
+ <td style="padding:12px 10px">Academic Writing</td>
+ <td style="padding:12px 10px">3.0</td>
+ <td style="padding:12px 10px;color:var(--primary);font-weight:bold">B+</td>
+ <td style="padding:12px 10px">9.9</td>
+ </tr>
+ <tr style="border-bottom:1px solid var(--border-color)">
+ <td style="padding:12px 10px;font-weight:bold">HIST 100</td>
+ <td style="padding:12px 10px">World History</td>
+ <td style="padding:12px 10px">3.0</td>
+ <td style="padding:12px 10px;color:var(--success);font-weight:bold">A</td>
+ <td style="padding:12px 10px">12.0</td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr style=background:var(--bg-body);font-weight:bold>
+ <td colspan=2 style=padding:10px;text-align:right>Term GPA:</td>
+ <td colspan=3 style=padding:10px>3.85</td>
+ </tr>
+ </tfoot>
+ </table>
+ <h4 style=margin-top:0;color:var(--text-secondary);text-transform:uppercase;font-size:12px;letter-spacing:1px>2025 Spring (Spring 2025)</h4>
+ <table style=width:100%;border-collapse:collapse>
+ <thead>
+ <tr style="border-bottom:2px solid var(--border-color);text-align:left;color:var(--text-secondary);font-size:12px;text-transform:uppercase">
+ <th style=padding:10px>Course Code</th>
+ <th style=padding:10px>Course Title</th>
+ <th style=padding:10px>Units</th>
+ <th style=padding:10px>Grade</th>
+ <th style=padding:10px>Points</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr style="border-bottom:1px solid var(--border-color)">
+ <td style="padding:12px 10px;font-weight:bold">CS 101</td>
+ <td style="padding:12px 10px">Intro to Programming I</td>
+ <td style="padding:12px 10px">4.0</td>
+ <td style="padding:12px 10px;color:var(--success);font-weight:bold">A</td>
+ <td style="padding:12px 10px">16.0</td>
+ </tr>
+ <tr style="border-bottom:1px solid var(--border-color)">
+ <td style="padding:12px 10px;font-weight:bold">PSY 101</td>
+ <td style="padding:12px 10px">Intro to Psychology</td>
+ <td style="padding:12px 10px">3.0</td>
+ <td style="padding:12px 10px;color:var(--primary);font-weight:bold">B</td>
+ <td style="padding:12px 10px">9.0</td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr style=background:var(--bg-body);font-weight:bold>
+ <td colspan=2 style=padding:10px;text-align:right>Term GPA:</td>
+ <td colspan=3 style=padding:10px>3.57</td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+ <div class=card>
+ <div class=card-header>GPA Summary</div>
+ <div class=card-body>
+ <div style="text-align:center;padding:20px 0;border-bottom:1px solid var(--border-color)">
+ <div style=font-size:12px;color:var(--text-secondary);text-transform:uppercase>Cumulative GPA</div>
+ <div style=font-size:3rem;font-weight:bold;color:var(--primary)>3.78</div>
+ <div style=display:flex;justify-content:center;gap:5px;margin-top:5px>
+ <span>⭐⭐⭐⭐</span><span style=opacity:0.3>⭐</span>
+ </div>
+ </div>
+ <ul style=margin-top:20px;font-size:13px>
+ <li style=display:flex;justify-content:space-between;margin-bottom:10px>
+ <span>Total Attempted:</span>
+ <strong>45.0</strong>
+ </li>
+ <li style=display:flex;justify-content:space-between;margin-bottom:10px>
+ <span>Total Earned:</span>
+ <strong>45.0</strong>
+ </li>
+ <li style=display:flex;justify-content:space-between;margin-bottom:10px>
+ <span>Class Rank:</span>
+ <strong>Top 15%</strong>
+ </li>
+ <li style=display:flex;justify-content:space-between;margin-bottom:10px>
+ <span>Academic Status:</span>
+ <span class="tag tag-blue">Good Standing</span>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </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:36:58 PM</span> | Node: REG-04
+ </div>
+</div>