diff --git a/public/index.html b/public/index.html index 1e55564..23a39f1 100644 --- a/public/index.html +++ b/public/index.html @@ -4,8 +4,8 @@

School of Computing Induction 2024/25

- - + +
diff --git a/public/index.js b/public/index.js index 5c8c291..c23fab7 100644 --- a/public/index.js +++ b/public/index.js @@ -46,7 +46,7 @@ function showCourseNav(e) { ui.coursenav.classList.remove('hidden'); hideAllPlans(); showInfo(); - ui.coursenav.innerHTML = ''; + ui.coursenav.innerHTML = '

Select a course:

'; for (const course of data.plans[e.target.dataset.level]) { const courseInput = document.createElement('input'); diff --git a/public/style.css b/public/style.css index c424042..e1df819 100644 --- a/public/style.css +++ b/public/style.css @@ -21,7 +21,6 @@ footer p { } header { - border-bottom: 0.05rem solid; background: var(--content-bg-color); padding-left: 0.3rem; padding-right: 0.3rem; @@ -84,24 +83,44 @@ input[type="radio"] + label { padding: 0.25em 0.5em; margin: 5px; border-radius: 4px; - background-color: #69C; - cursor: pointer; + background-color: #369; color: white; + cursor: pointer; } /* Style for the selected state */ input[type="radio"]:checked + label { - background-color: #9CF; - color: black; + color: #369; + background: white; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } input[type="radio"][data-course] + label { - background: #96C; + background: #639; color: white; } input[type="radio"][data-course]:checked + label { - background: #C9F; - color: black; + background: white; + color: #639; +} + +article[data-day]>h4 { + background: #F93; + color: white; + padding: 1em; +} + +article[data-day]>* { + padding-left: 1em; +} + +.description { + color: #555; +} + +.building, +.room { + font-size: 80%; + font-style: italic; }