DEV Community

Cover image for Winter Solstice Challenge
Shefali Kashyap
Shefali Kashyap

Posted on

2 3 4 3 3

Winter Solstice Challenge

This is a submission for Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice

What I Built

This frontend project is a simple and visually engaging desktop based E-magazine website drawing ideas from books. It showcases a clean and modern design using HTML, CSS, and JavaScript.

Demo

LIVE SITE :- PREVIEW
VIEW CODE :- CODE

Journey

The project was built without altering the provided HTML template, except for adding link and script tags to integrate external CSS and JavaScript. The idea behind this project was to create an E-magazine style website.
The main objective was to create an E-magazine style website with interactive and visually appealing elements.

Key Features and Functionality:

JavaScript Functionality:

  • Dynamically created div, section, and img elements using JavaScript.

  • Added and manipulated content within the DOM using JavaScript for seamless integration.

  • Applied JavaScript for styling adjustments, such as implementing a sticky navbar and other interactive elements.

CSS Implementation:

  • CSS Grid system to achieve a structured and organized layout.

  • CSS column feature for styling text and layout sections.

  • Designed a navbar with sticky positioning for improved navigation.

  • Used Flexbox for flexible layout elements.

Images and Multimedia:

  • Some images were dynamically included through JavaScript, showcasing how JavaScript can handle multimedia integration efficiently.

Limitations and Future Goals:

Currently, the website is optimized for desktop and lacks full responsiveness.
Future plans include improving the website’s responsiveness to ensure a seamless experience across all devices.

Any feedback will be appreciated.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

Top comments (0)