This is a submission for Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice
What I Built
I've used the original HTML to create an interactive page where each topic is showing individually like a single page for a newspaper.
Inspiration
The content of the text provided reminded me of those that appear in school newspapers. With that in mind I decided to made the page in newspaper format. I set a serif font, put a paper texture in background and split the content in pages, showing each one while the user navigate from the main menu. Finally, I included some images (all licensed under creative commons) to illustrate what was being said.
Features
- 100% Responsive;
- Dark mode;
- Hight contrast text;
- Dynamic content.
Demo
Links
Screenshots
Journey
I've used pure CSS and JS. No frameworks, which made the code lighter.
For me, the most dificult challenge was not change the html file. This push me to learn a buch of things to manipulate the DOM.
License
The content are under a creative commons by-nc-sa 4.0 license.
Conclusion
I hope this content be useful for you. For me certainly was... pratice always wellcome.
I'd love to hear any feedback or suggestions you might have. Thank to read!
🖖
Top comments (7)
I like the creativity and the UI with good usability and UX, being accessible and responsive, meeting the criteria of the challenge
Man i love that how simple it was but it kinda looks like a Dark website😅
I guess the images causes this vibe. If I've remake this work today, probably, i chose more colorful pictures to illustrate.
Thanks for the feedback! 😁
Nice! I think you nailed the old-fashioned newspaper/magazine look while also having accessible features such as a dark mode!
Thank you! 😁
Loved the concept :-)
Thanks! 😁