A couple of aesthetic touches and integrating photopea

frontend/src/component/AssPrint.jsx

@@ -10,19 +10,27 @@ 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 (
     <>
       <Markdown remarkPlugins={[remarkGfm]}>{`# Assessment ${assNumber}`}</Markdown>
       <Markdown remarkPlugins={[remarkGfm]}>{mda}</Markdown>
       <Markdown remarkPlugins={[remarkGfm]}>{`## 2. The Task 🔥🔥`}</Markdown>
       {readyFromWeek(assNumber) ? 
-        <a target="_blank" href={`${config.BASE_URL}/gitlabredir/${getters.term}/${`ass${assNumber}`}`}>Please see details about the task here.</a>
+        <>
+          <a target="_blank" href={`${config.BASE_URL}/gitlabredir/${getters.term}/${`ass${assNumber}`}`}>Please see details about the task here.</a>
+          <marquee>The reluctant use of a generally-advised-against &lt;marquee&gt; HTML tag is being used here just to get your attention so you know to click this link above.</marquee>
+        </>
       :
         <><span style={{ color: 'red', fontWeight: 'bold'}}>Details of this task are not yet available. Please check back on Monday of week {startWeek}.</span></>
       }    
       <Markdown remarkPlugins={[remarkGfm]}>{mdb}</Markdown>
+      <marquee>Another surprise &lt;marquee&gt; just to remind you that you're a cool cucumber 🥒 </marquee>
     </>
   );
 };

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