diff --git a/frontend/public/assets/photopea.png b/frontend/public/assets/photopea.png new file mode 100644 index 0000000..79351e8 Binary files /dev/null and b/frontend/public/assets/photopea.png differ diff --git a/frontend/src/component/AssPrint.jsx b/frontend/src/component/AssPrint.jsx index 5803133..999a0a7 100644 --- a/frontend/src/component/AssPrint.jsx +++ b/frontend/src/component/AssPrint.jsx @@ -10,7 +10,11 @@ const AssPrint = ({ mda, mdb, assNumber, startWeek }) => { const { getters } = useContext(Context); const readyFromWeek = (week) => { const thisWeek = getters.content.weeks.filter(w => w.week === week)[0]; - return new Date() >= new Date(thisWeek.starts_on); + + let readyDate = new Date(thisWeek.starts_on) + readyDate = new Date(readyDate.getTime() + readyDate.getTimezoneOffset() * 60000); + + return new Date() >= readyDate; } return ( <> @@ -18,11 +22,15 @@ const AssPrint = ({ mda, mdb, assNumber, startWeek }) => { {mda} {`## 2. The Task 🔥🔥`} {readyFromWeek(assNumber) ? - Please see details about the task here. + <> + Please see details about the task here. + The reluctant use of a generally-advised-against <marquee> HTML tag is being used here just to get your attention so you know to click this link above. + : <>Details of this task are not yet available. Please check back on Monday of week {startWeek}. } {mdb} + Another surprise <marquee> just to remind you that you're a cool cucumber 🥒 ); }; diff --git a/frontend/src/page/Assessments/Assignments/AssMd.jsx b/frontend/src/page/Assessments/Assignments/AssMd.jsx index f1f24bf..60332f9 100644 --- a/frontend/src/page/Assessments/Assignments/AssMd.jsx +++ b/frontend/src/page/Assessments/Assignments/AssMd.jsx @@ -32,7 +32,8 @@ export const ass1b = ` Two things will want to seek external help for are: 1) Determining the particular colour (RGB or HEX) of various pixels (we recommend the use of [a chrome extension](https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka/), though other alternatives may be appropriate for you) -2) Determining the size of particular elements (we recommend the use of [photopea](https://www.photopea.com/)). An screenshot example of it's usage can be found in \`./help/photopea.png\` +2) Determining the size of particular elements (we recommend the use of [photopea](https://www.photopea.com/)). An screenshot example of it's usage is below +![](/~cs6080/assets/photopea.png) ### 3.2. Font Sizes