diff options
Diffstat (limited to '')
-rw-r--r-- | iadocs/cover_page.htm | 3 | ||||
-rw-r--r-- | iadocs/critb_recordoftasks.htm | 247 | ||||
-rw-r--r-- | iadocs/critb_recordoftasks.tex | 19 |
3 files changed, 248 insertions, 21 deletions
diff --git a/iadocs/cover_page.htm b/iadocs/cover_page.htm index 3b85be8..093f5cd 100644 --- a/iadocs/cover_page.htm +++ b/iadocs/cover_page.htm @@ -328,10 +328,9 @@ pre { Users are advised to read the <a href="../docs/user_handbook.html">User Handbook</a>, although the system should be relatively intuitive to most users. </p> <h2>Links to Documentation for Assessment Criteria</h2> - <p style="color: var(--greyedout)">Note: The compiled PDF versions are currently not provided within the repository.</p> <ul> <li><a href="./crita_planning.pdf">Criterion A: Planning</a></li> - <li><a href="./critb_recordoftasks.pdf">Criterion B: Record of Tasks</a></li> + <li><a href="./critb_recordoftasks.htm">Criterion B: Record of Tasks</a></li> <li><a href="./critb_design.pdf">Criterion B: Design</a></li> <li><a href="./critc_development.pdf">Criterion C: Development</a></li> <li><a href="./critd_functionality.pdf">Criterion D: Functionality</a></li> diff --git a/iadocs/critb_recordoftasks.htm b/iadocs/critb_recordoftasks.htm new file mode 100644 index 0000000..500cbb2 --- /dev/null +++ b/iadocs/critb_recordoftasks.htm @@ -0,0 +1,247 @@ +<!DOCTYPE html> +<!-- + -- Copyright (C) 2024 Runxi Yu <https://runxiyu.org> + -- SPDX-License-Identifier: CC0-1.0 + -- This license header only applies to this cover page. + --> +<!-- + -- This feels like a very wrong way to do multi-line HTML comments + -- Anyways, to anyone reading my actual HTML source: I found the + -- template form to be a bit strange in how it uses tables, and it + -- really doesn't fit into my model of how the web should work. + -- So I took the CSS I use in the actual solution and removed some + -- bits, and there you have it... + --> +<!-- + -- NOTE (to self): This cover page is not included in the word count + -- and its functionality is not assessed. + --> +<html lang="en"> + <head> + <title>Criterion B – Record of tasks</title> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> +<style> +/* + * General styling for my websites and stuff. + * Well, I guess a reduced version thereof, fit for this cover page. + */ + +:root { + --primary-bg: white; + --primary-fg: black; + --border: #b4b4b4; + --greyedout: #b4b4b4; + --anchor-underline-color: lightgray; + + --theme: #0062cc; + --theme-contrast: #ffffff; + --boxbg: #ebebeb; + --boxfg: #000000; + --rowbg-even: #ffffff; + --rowbg-odd: #f7f7f7; + --danger: #d32535; + --danger-contrast: #ffffff; + --white: #ffffff; + --white-contrast: #222222; +} + +html { + font-family: system-ui, sans-serif; + line-height: 1.2; + border-color: var(--theme); /* FIXME: don't remember why I put this here */ + background-color: var(--primary-bg); + color: var(--primary-fg); +} + +body { + margin: 0; + padding: 0; + min-height: 100vh; +} + +header, main, body > section { + margin: 1rem auto; + padding-left: 1rem; + padding-right: 1rem; + max-width: 60rem; + /* min-height: 100vh; */ +} + +/* + * For accessibility reasons, we still want anchors to be underlined, but + * perhaps not as profound of an underline as the default. + */ +a { + color: var(--theme); + text-decoration: underline; + text-decoration-color: var(--anchor-underline-color); +} + +/* + * The table, the most important element in my site design... + */ +table { + margin-top: 0.4em; + margin-bottom: 0.4em; + border-collapse: collapse; + border: 2px solid var(--border); +} +table.wide { + width: 100%; +} +th[scope~="row"] { + text-align: left; +} +td { + border: 1px solid; + text-align: left; + height: 1.25rem; + border: 1px solid var(--border); + padding: 3px 5px; +} +table.fat td { + padding: 6px 5px; +} +td.th-like, th { + background-color: var(--boxbg) !important; + border: 1px solid var(--border); + font-weight: bold; + padding: 3px 5px; +} +th.min, td.min { + width: 0; + min-width: fit-content; + white-space: nowrap; +} +tr:nth-child(even) td { + background-color: var(--rowbg-even); +} + +tr:nth-child(odd) td { + background-color: var(--rowbg-odd); +} + +/* + * Input elements, which are usually in tables anyway + */ +textarea { + box-sizing: border-box; + background-color: var(--boxbg); + resize: vertical; +} +textarea, input[type=text], input[type=password] { + font-family: sans-serif; + font-size: smaller; + background-color: var(--boxbg); + border: none; + padding: 0.3rem; + width: 100%; + box-sizing: border-box; +} +td.tdinput { + padding: 0rem !important; +} +td.tdinput textarea, td.tdinput input[type=text], td.tdinput input[type=password] { + background-color: transparent !important; +} +th.tdinput { + padding: 0rem !important; +} +th.tdinput textarea, th.tdinput input[type=text], th.tdinput input[type=password] { + background-color: transparent !important; +} + +/* + * Button definitions. + * + * Each button should contain the .btn class and a .btn-type class, where type + * is one of primary, danger, white, and normal. + */ +.btn-primary { + background: var(--theme); + color: var(--theme-contrast); + border: var(--border) 1px solid; + font-weight: bold; +} +.btn-danger { + background: var(--danger); + color: var(--danger-contrast); + border: var(--border) 1px solid; + font-weight: bold; +} +.btn-white { + background: var(--white); + color: var(--white-contrast); + border: var(--border) 1px solid; +} +.btn-normal, input[type=file]::file-selector-button { + background: var(--boxbg); + border: var(--border) 1px solid !important; + color: var(--boxfg); +} +.btn, input[type=submit], input[type=file]::file-selector-button { + display: inline-block; + /* width: 100%; */ + width: auto; + min-width: fit-content; + border-radius: 0; + padding: .1rem .75rem; + font-size: 0.9rem; + transition: background .1s linear; + /* border: none; */ + cursor: pointer; +} +a.btn { + text-decoration: none; +} + + +/* I need to re-learn how flexbox works */ + +/* + * Multiple columns, flexible wrapping + */ +.multicols { + display: flex; + flex-direction: row; + @media(max-width: 50rem) { + flex-wrap: wrap; + gap: 0rem; + } + gap: 2rem; + align-items: stretch; +} + +.multicols div { + min-width: 18em; + /* max-width: 40rem; */ + width: 100%; + margin-left: auto; + margin-right: auto; +} + +/* + * Spanning elements across a flex container with equal space in between + */ +.flex-justify { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0 auto; + border: none; +} + +pre { + background-color: rgb(240, 240, 240); + padding: 0.3rem; + overflow-x: scroll; +} +</style> + </head> + <body> + <header> + <h1>Criterion B – Record of tasks</h1> + </header> + </body> +</html> diff --git a/iadocs/critb_recordoftasks.tex b/iadocs/critb_recordoftasks.tex deleted file mode 100644 index 3c2bd3a..0000000 --- a/iadocs/critb_recordoftasks.tex +++ /dev/null @@ -1,19 +0,0 @@ -\input{header.inc} - -\usepackage[a3paper]{geometry} - -\usepackage{array} -\renewcommand{\arraystretch}{1.3} - -\title{Criterion B: Record of tasks} - -\begin{document} -\maketitle - -\begin{tabular}{|c|l|l|l|l|l|} - \hline - Task number & Planned action & Planned outcome & Time estimated & Target completion date & Criterion \\\hline - 1 & Consult with client & Know requirements & 1h & 2024-09-11 & A \\\hline -\end{tabular} - -\end{document} |