Update Index.html

This commit is contained in:
raulsagrado
2026-03-05 19:44:05 -04:00
committed by GitHub
parent 1a09c67bdf
commit e27b95d55f
+78 -45
View File
@@ -2,20 +2,21 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" <meta name="description"
content="WIN Student Goal Tracker — a student goal tracker and reporting system for tracking goals, documenting services, and logging critical incidents with auditability and privacy in mind." /> content="WIN Student Goal Tracker — a student goal tracker and reporting system for tracking goals, documenting services, and logging critical incidents with auditability and privacy in mind.">
<meta name="theme-color" content="#111827" /> <meta name="theme-color" content="#111827">
<title>WIN — Student Goal Tracker and Reporting</title> <title>WIN — Student Goal Tracker and Reporting</title>
<meta property="og:title" content="WIN — Student Goal Tracker and Reporting" /> <meta property="og:title" content="WIN — Student Goal Tracker and Reporting">
<meta property="og:description" <meta property="og:description"
content="Track goals, services, and critical incidents for students with secure, auditable workflows designed for student support programs." /> content="Track goals, services, and critical incidents for students with secure, auditable workflows designed for student support programs.">
<meta property="og:type" content="website" /> <meta property="og:type" content="website">
<style> <style>
@@ -60,7 +61,7 @@ gap:1rem;
} }
.card{ .card{
background:#fff; background:white;
border-radius:14px; border-radius:14px;
padding:1.25rem; padding:1.25rem;
box-shadow:0 6px 18px rgba(17,24,39,.08); box-shadow:0 6px 18px rgba(17,24,39,.08);
@@ -68,7 +69,6 @@ border:1px solid rgba(17,24,39,.06);
} }
.hero{grid-column:span 12;} .hero{grid-column:span 12;}
.two{grid-column:span 12;} .two{grid-column:span 12;}
@media (min-width:860px){ @media (min-width:860px){
@@ -96,24 +96,14 @@ gap:.5rem;
margin-top:.75rem; margin-top:.75rem;
} }
.pill{
padding:.35rem .6rem;
border-radius:999px;
background:rgba(37,99,235,.08);
border:1px solid rgba(37,99,235,.18);
color:#1d4ed8;
font-weight:600;
font-size:.9rem;
}
.btn{ .btn{
display:inline-flex; display:inline-flex;
align-items:center; align-items:center;
justify-content:center; justify-content:center;
padding:.6rem .85rem; padding:.6rem .9rem;
border-radius:10px; border-radius:10px;
background:#2563eb; background:#2563eb;
color:#fff; color:white;
text-decoration:none; text-decoration:none;
font-weight:700; font-weight:700;
border:1px solid rgba(17,24,39,.08); border:1px solid rgba(17,24,39,.08);
@@ -135,9 +125,13 @@ grid-template-columns:repeat(4,1fr);
gap:1rem; gap:1rem;
} }
.kpi{
text-align:center;
}
.kpi strong{ .kpi strong{
font-size:1.4rem;
display:block; display:block;
font-size:1.4rem;
} }
footer{ footer{
@@ -147,33 +141,41 @@ color:rgba(17,24,39,.65);
} }
</style> </style>
</head> </head>
<body> <body>
<header> <header>
<h1>WIN — Student Goal Tracker and Reporting</h1> <h1>WIN — Student Goal Tracker and Reporting</h1>
<p> <p>
Track student goals, document services, and log critical incidents with auditable workflows designed for student support programs. Track student goals, document services, and log critical incidents with auditable workflows designed for student support programs.
</p> </p>
</header> </header>
<main> <main>
<section class="grid"> <section class="grid">
<section class="card hero"> <section class="card hero">
<h2>Overview</h2> <h2>Project Overview</h2>
<p class="muted"> <p class="muted">
WIN Student Goal Tracker supports student goal tracking, services documentation, WIN Student Goal Tracker supports student goal tracking, services documentation,
and critical incident reporting with auditability and privacy in mind. and critical incident reporting with auditability and privacy in mind.
The system reduces manual paperwork and improves visibility into student progress. The system aims to reduce manual paperwork and improve visibility into student progress.
</p> </p>
</section> </section>
<section class="card two"> <section class="card two">
<h2>Typical Workflow</h2> <h2>Typical Workflow</h2>
@@ -189,6 +191,7 @@ The system reduces manual paperwork and improves visibility into student progres
</section> </section>
<section class="card two"> <section class="card two">
<h2>Core Features</h2> <h2>Core Features</h2>
@@ -198,11 +201,12 @@ The system reduces manual paperwork and improves visibility into student progres
<li><strong>Goal management:</strong> sub-goals, statuses, and progress tracking.</li> <li><strong>Goal management:</strong> sub-goals, statuses, and progress tracking.</li>
<li><strong>Case documentation:</strong> notes and service tracking.</li> <li><strong>Case documentation:</strong> notes and service tracking.</li>
<li><strong>Critical incidents:</strong> consistent logging and review.</li> <li><strong>Critical incidents:</strong> consistent logging and review.</li>
<li><strong>Search and filters:</strong> quickly locate students.</li> <li><strong>Search & filters:</strong> quickly locate students.</li>
</ul> </ul>
</section> </section>
<section class="card"> <section class="card">
<h2>Project Structure</h2> <h2>Project Structure</h2>
@@ -217,6 +221,7 @@ The system reduces manual paperwork and improves visibility into student progres
</section> </section>
<section class="card"> <section class="card">
<h2>Getting Started</h2> <h2>Getting Started</h2>
@@ -257,16 +262,16 @@ Go to GitHub
<div class="card" style="box-shadow:none;border:1px solid #e5e7eb;"> <div class="card" style="box-shadow:none;border:1px solid #e5e7eb;">
<h3>Operations</h3> <h3>Operations</h3>
<ul> <ul>
<li>Search and filters</li> <li>Search & filters</li>
<li>Reports</li> <li>Reports & exports</li>
<li>Supervisor review</li> <li>Supervisor review workflow</li>
</ul> </ul>
</div> </div>
<div class="card" style="box-shadow:none;border:1px solid #e5e7eb;"> <div class="card" style="box-shadow:none;border:1px solid #e5e7eb;">
<h3>Compliance</h3> <h3>Compliance</h3>
<ul> <ul>
<li>Audit logs</li> <li>Audit log viewer</li>
<li>Retention policy</li> <li>Retention policy</li>
<li>Incident classification</li> <li>Incident classification</li>
</ul> </ul>
@@ -282,11 +287,11 @@ Go to GitHub
<h2>Team Members</h2> <h2>Team Members</h2>
<ul> <ul>
<li><b>Armin Abaye</b> — UX/UI Lead</li> <li><b>Armin Abaye</b> — UX/UI Lead & Product Strategy</li>
<li><b>Ivan Pelly</b> — Full Stack Lead</li> <li><b>Ivan Pelly</b> — Full Stack Development Lead</li>
<li><b>Oliver Pelly</b> — Backend & Security</li> <li><b>Oliver Pelly</b> — Backend Systems & Security Engineer</li>
<li><b>Raul Rosado</b> — Infrastructure & Governance</li> <li><b>Raul Rosado</b> — Infrastructure & Governance Lead</li>
<li><b>Vraj Patel</b> — Front-End Development</li> <li><b>Vraj Patel</b> — Front-End Development & Integration Lead</li>
</ul> </ul>
</section> </section>
@@ -302,13 +307,9 @@ Explore the technical documentation for the WIN Student Goal Tracker.
<div class="pill-row"> <div class="pill-row">
<a href="db.html" class="btn">Database Documentation</a> <a href="prototype.html" class="btn">
Prototype Demo
<a href="api.html" class="btn">API Documentation</a> </a>
<a href="ui.html" class="btn">UI Documentation</a>
<a href="um.html" class="btn">User Manual Documentation</a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSd4waAGdgDC9SpA2uvelWQtpJt7sGqsFgc-PCBOMoT99LmLHA/viewform" <a href="https://docs.google.com/forms/d/e/1FAIpQLSd4waAGdgDC9SpA2uvelWQtpJt7sGqsFgc-PCBOMoT99LmLHA/viewform"
class="btn" class="btn"
@@ -317,6 +318,14 @@ rel="noopener noreferrer">
Prototype Evaluation Survey Prototype Evaluation Survey
</a> </a>
<a href="db.html" class="btn">Database Documentation</a>
<a href="api.html" class="btn">API Documentation</a>
<a href="ui.html" class="btn">UI Documentation</a>
<a href="um.html" class="btn">User Manual Documentation</a>
</div> </div>
</section> </section>
@@ -328,20 +337,44 @@ Prototype Evaluation Survey
<div class="grid-4"> <div class="grid-4">
<div class="kpi"><strong>100</strong>Performance</div> <div class="kpi">
<div class="kpi"><strong>100</strong>Accessibility</div> <strong>100</strong>
<div class="kpi"><strong>100</strong>Best Practices</div> <span>Performance</span>
<div class="kpi"><strong>100</strong>SEO</div> </div>
<div class="kpi">
<strong>100</strong>
<span>Accessibility</span>
</div>
<div class="kpi">
<strong>100</strong>
<span>Best Practices</span>
</div>
<div class="kpi">
<strong>100</strong>
<span>SEO</span>
</div>
</div> </div>
<small style="display:block;text-align:center;margin-top:8px;">
Tested in a Chrome Incognito window.
</small>
</section> </section>
</main> </main>
<footer> <footer>
© 2026 WIN Student Goal Tracker — Built for student support and accountability. © 2026 WIN Student Goal Tracker — Built for student support and accountability.
</footer> </footer>
</body> </body>
</html> </html>