diff options
| author | Collin Williams <96917990+bluedragon1221@users.noreply.github.com> | 2026-04-09 13:14:01 -0500 |
|---|---|---|
| committer | Collin Williams <96917990+bluedragon1221@users.noreply.github.com> | 2026-04-09 13:14:01 -0500 |
| commit | 21de12cd6e63adf463674942f1a8f9b658f47945 (patch) | |
| tree | 5229a5300c1e69d637a1e03539dc19de42244440 /modules/services/nixos/jta/assignments.html | |
| parent | 2147a65b5ff7cef352d95dfa72c705145771f3a3 (diff) | |
jta changes
Diffstat (limited to 'modules/services/nixos/jta/assignments.html')
| -rw-r--r-- | modules/services/nixos/jta/assignments.html | 148 |
1 files changed, 148 insertions, 0 deletions
diff --git a/modules/services/nixos/jta/assignments.html b/modules/services/nixos/jta/assignments.html new file mode 100644 index 0000000..3031a29 --- /dev/null +++ b/modules/services/nixos/jta/assignments.html @@ -0,0 +1,148 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>jta@ganymede</title> + <link rel="stylesheet" href="style.css"> + <style> + body { + margin: 0; + max-width: none; + padding: 0; + background: var(--bg); + } + + header { + padding: 1.25rem 1.5rem; + text-align: center; + font-family: var(--font-heading); + font-size: var(--step-2); + line-height: 1.2; + letter-spacing: -0.01em; + font-weight: 700; + background: #020617; + border-bottom: 1px solid var(--border); + } + + .section { + padding: 1rem; + max-width: 1100px; + margin: 0 auto; + } + + .section-title { + font-size: var(--step-1); + line-height: 1.25; + letter-spacing: -0.01em; + margin: 1rem 0 0.5rem 0.5rem; + color: var(--text-soft); + } + + .container { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); + gap: 1rem; + padding: 0 1rem 1rem 1rem; + } + + .card { + background: var(--card); + border: 1px solid var(--border); + border-radius: 16px; + padding: 1rem; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); + transition: transform 0.15s ease, box-shadow 0.15s ease; + cursor: pointer; + text-decoration: none; + color: var(--text); + display: block; + } + + .card:hover { + transform: translateY(-4px); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6); + } + + .title { + font-size: var(--step-1); + line-height: 1.3; + letter-spacing: -0.01em; + font-weight: 600; + margin-bottom: 0.5rem; + } + + .due { + font-size: var(--step--1); + color: var(--muted); + margin-bottom: 0.5rem; + } + + .desc { + font-size: var(--step--1); + color: var(--text-soft); + line-height: 1.55; + } + </style> + </head> + <body> + <header>Juksere Trives Aldri</header> + + <div id="app"></div> + + <script> + const app = document.getElementById("app"); + + function renderHome(data) { + const groups = {}; + data.forEach((item) => { + const cls = item.class || "Other"; + if (!groups[cls]) groups[cls] = []; + groups[cls].push(item); + }); + + Object.entries(groups).forEach(([cls, items]) => { + const section = document.createElement("div"); + section.className = "section"; + + const title = document.createElement("div"); + title.className = "section-title"; + title.textContent = cls; + section.appendChild(title); + + const container = document.createElement("div"); + container.className = "container"; + + items.forEach((item) => { + const card = document.createElement("a"); + card.className = "card"; + card.href = item.link || "#"; + + card.innerHTML = ` + <div class="title">${item.title}</div> + <div class="due">Due: ${item.due}</div> + ${item.description ? `<div class="desc">${item.description}</div>` : ""} + `; + + container.appendChild(card); + }); + + section.appendChild(container); + app.appendChild(section); + }); + } + + fetch("assignments.json") + .then((res) => { + if (!res.ok) { + throw new Error("Failed to load data"); + } + return res.json(); + }) + .then((data) => renderHome(data)) + .catch(() => { + app.innerHTML = "<p style='padding:1rem;'>Failed to load data.</p>"; + }); + </script> + </body> +</html> |