This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space
What I Built
Intranet homepage for a fictional company using CSS, HTML, and JavaScript. Infinite Donuts Intranet is a joyful, modular homepage for a fictional company that celebrates accessibility and absurd amounts of donuts 🍩. It features:
A JSON-driven theme switcher with support for pastel, dark, and default flavors.
Injected modular components like header.html and dynamic footer to index.html.
Responsive widgets, glass effects, animated branding, and a Easter EGG for imaginary free company snacks.
My goal was to design something maintainable yet delightful—proving that even intranets deserve personality.
Demo
🧪 View source and README on GitHub 💻 CodePen/Live
https://github.com/ozeljko/intranet_page_for_FrontendChallenge/
Journey
This project blended structure with playful experimentation. Highlights include:
Refactoring all CSS into variable-driven themes for instant style swaps with static method.
Debugging dynamic header injection to ensure accessibility and maintainability.
Modularizing layout and content using reusable HTML components.
Logo for imaginary company named Infinite Donuts to not look like 00. Animating branding with donut logic, because… why not?
Licensing-wise, I chose AGPL-3.0 to ensure users interacting with the intranet via a network have full source access. For modular flexibility, I added fallback support for MPL-2.0 on local-only use. You can read the donut-friendly license notice in LICENSE.md.
Team
This project was created by ozeljko. Special thanks to my coworker for moral support.
Top comments (0)