|
| 1 | +# Spatial AI — Course Website |
| 2 | + |
| 3 | +A static course site (plain HTML + CSS, no build step) for the **Spatial AI** module of |
| 4 | +*Elective in Artificial Intelligence*. Ready to deploy on GitHub Pages. |
| 5 | + |
| 6 | +## Files |
| 7 | + |
| 8 | +``` |
| 9 | +index.html # the whole site (single page, anchored sections) |
| 10 | +assets/css/style.css # all styles; tweak the :root variables at the top to re-theme |
| 11 | +figures/ # put images / diagrams / staff photos here |
| 12 | +``` |
| 13 | + |
| 14 | +## Deploy on GitHub Pages |
| 15 | + |
| 16 | +1. Push this folder to a GitHub repo. |
| 17 | +2. **Settings → Pages → Build and deployment → Source: "Deploy from a branch"**, branch `main`, folder `/ (root)`. |
| 18 | +3. Site goes live at `https://<user>.github.io/<repo>/`. |
| 19 | + |
| 20 | +No Jekyll needed. (If you later want auto-generated nav or a blog, the natural upgrade is |
| 21 | +Jekyll with the **Just the Docs** or **Minimal Mistakes** theme — but plain HTML is simpler |
| 22 | +to maintain for a single course page, so I'd stay here unless you outgrow it.) |
| 23 | + |
| 24 | +## Fields to populate (search the HTML for `TODO`) |
| 25 | + |
| 26 | +**Hero / Logistics** |
| 27 | +- Academic year, room, day & time of lectures and practicals |
| 28 | +- Office hours, communication channel (mailing list / chat) |
| 29 | + |
| 30 | +**Schedule** — for each of the 18 lectures + 5 practicals: |
| 31 | +- `Date` — the calendar date |
| 32 | +- `Suggested Reading` — paper titles/links (the inspiration page lists 2–3 papers per lecture) |
| 33 | +- `Materials` — add an `href` to each `<a class="todo-link">slides</a>` once uploaded. |
| 34 | + As soon as a link has an `href`, it auto-styles as an active blue link (dashed placeholder otherwise). |
| 35 | + |
| 36 | +**Grading** — project deliverables, deadlines, team size, leaderboard rules. |
| 37 | + |
| 38 | +**Staff** — real names, emails, websites, and (optional) photos in `figures/`. |
| 39 | +Swap the letter avatar `<div class="person__avatar">L</div>` for `<img src="figures/luca.jpg" ...>` if you prefer photos. |
| 40 | + |
| 41 | +**Resources** — real links for PyTorch3D, NeRFStudio, COLMAP, DreamerV3, reading list. |
| 42 | + |
| 43 | +**Footer** — "Last updated" date. |
| 44 | + |
| 45 | +## Re-theming |
| 46 | + |
| 47 | +Open `assets/css/style.css` and edit the variables under `:root` — `--accent` is the primary |
| 48 | +blue, `--week-bg` the lavender week-separator rows (matching your inspiration table). Everything |
| 49 | +else derives from those. |
| 50 | + |
| 51 | +## Adding slides |
| 52 | + |
| 53 | +Drop PDFs in a `slides/` folder and point the lecture's link at it, e.g.: |
| 54 | + |
| 55 | +```html |
| 56 | +<td class="col-mat"><a class="todo-link" href="slides/lec01-intro.pdf">slides</a></td> |
| 57 | +``` |
0 commit comments