Created lots of new components, tried to follow LateX naming scheme e.g.
\itemize => Itemize
\enumerate => Enumerate
\item => Item
Ported over all 212/251 skeleton LateX pages from Overleaf
Ported existing 212 content into required sections
Made animated boxes work (they throw an error when in prod on Chrome, work fine on Safari needs investigating), use element
Added wrapper elements for existing bootstrap classes, e.g.
Row => div class="row"
Col => div class="col-{whatever}", can give as many values as needed, e.g. Col values="12 sm-10 md-6" => div class="col-12 col-sm-10 col-md-6"
Center => div class="d-flex align-items-center"
Made callout cards. Are sticky and follow on scroll while in their section. By default they appear on the side, but when the screen becomes too big, they move to the end of the section
Made design responsive/look nice on mobile
resizing fixed size elements using JS (e.g. canvas elements)
everything uses bootstrap containers/breakpoints
Mathjax equations that are wider than screen overflow using scrollbar
certain elements move around/disappear if screen becomes too small, e.g calloutcards move to bottom of page
images resize such that the content is readable on small screen, e.g. if the image takes up 60% of the page on desktop, it becomes 80% on tablet and 100% on phone.
Summary
Topics 1-2 for 212 are fully done, 3 & 4 are 80-90% done.
Topics for 251 are just a few minor adjustments from being done.
Topics for 210 depend a lot of those in 212, so once those are done its just an easy copy-paste.
WHAT TO DO NEXT
NEED TO MAKE DOCUMENTATION
Explain all the different elements, their possible LateX equivalents, and their arguments/additional properties.
Explain how to setup the code locally if needed, install dependencies, etc.
CHANGES EXPLAINED
Created lots of new components, tried to follow LateX naming scheme e.g.
Ported over all 212/251 skeleton LateX pages from Overleaf Ported existing 212 content into required sections
Made animated boxes work (they throw an error when in prod on Chrome, work fine on Safari needs investigating), use element
Added wrapper elements for existing bootstrap classes, e.g.
Made callout cards. Are sticky and follow on scroll while in their section. By default they appear on the side, but when the screen becomes too big, they move to the end of the section
Made design responsive/look nice on mobile
Summary
Topics 1-2 for 212 are fully done, 3 & 4 are 80-90% done. Topics for 251 are just a few minor adjustments from being done. Topics for 210 depend a lot of those in 212, so once those are done its just an easy copy-paste.
WHAT TO DO NEXT
NEED TO MAKE DOCUMENTATION
Explain all the different elements, their possible LateX equivalents, and their arguments/additional properties. Explain how to setup the code locally if needed, install dependencies, etc.