Intranet homepage for a fictional company Infinite Donuts using CSS, HTML, and JavaScript.

Željko — Mon, 21 Jul 2025 11:13:22 +0000

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.

CSS (C)oDe to Summer Celebrations

Željko — Tue, 24 Jun 2025 12:43:23 +0000

This is a submission for Frontend Challenge - June Celebrations, CSS Art: June Celebrations.

Inspiration

This was inspired by the way summer brings color, connection, and celebration to life. I wanted to capture that burst of Sun_energy through CSS.

Demo

ozeljko / Summer_solstice

Crafted for the DEV June Celebrations challenge

Summer_solstice

Crafted for the DEV June Celebrations challenge To see frontend click/copy this link to Your browser: https://htmlpreview.github.io/?https://github.com/ozeljko/Summer_solstice/blob/6ad2638c8671e91ee5e69ddb7ae7c659c1484fc4/summer_solstice.html

View on GitHub

Journey

I challenged myself to push the limits of what’s possible with HTML and CSS. From layering gradients and animations to fine-tuning layout details, it was a rewarding puzzle. I learned new tricks with clip-path, embraced flexbox quirks, and gained a deeper appreciation for what CSS can do with a bit of imagination.

Next time, I’d love to add interactivity through JavaScript or try my hand at generative art. For now, I’m proud to have created something joyful that celebrates both summer and the beauty of code.

Thanks for checking it out!
ozeljko

MIT License

DEV Community: Željko