Work completed by 12:50 PM 5/8/2026
Quick Overview
MGU now uses dynamic HTML injection for header, breadcrumbs, and footer. CSS is now split into 10 modular stylesheets.
What’s New
Dynamic javascript now loads HTML components. CSS is now split which allows themed hero backgrounds and page accent text based on subdomain.
Details
The website can now be updated across thousands of pages by changing one file instead of many. Main pages, except for the main index, are now associated with the new subdomain "orientation". This gives a total of five primary subdomains that are color coded as follows:
- Orientation is themed Dark Teal.
- Community is themed Green.
- Department is themed Blue.
- Library is themed Red.
- News is themed Purple.
Purpose
To provide a cleaner taxonomy for better navigation. The website needed clear separation from department and library because they were very closely structured. Over time drift with differentiate them more but it needed to be clear whether someone was reading an encyclopedia artivel about a subject or browsing through a department subject course. Blue heroes for lessons in department and red heroes for library make visual confirmation immediate.
Updating the JS makes updating pages faster. Before it would take hours to manually update thousands of pages if urls changed or moved location. This would break links and breadcrumbs.
Lessons Learned
I learned current modularization needs and the differences of how the implemented system would differ from a static CMS or database driven website.
Next Steps
The next steps are shift away from site maintenance and towards content creation. MGU branded and authored textbooks are the next plannned content phase.
DevBlog Main Page