jineshnagori/blogspot

Redesign Blog Article Cards with Glassmorphism

Open

#299 opened on Oct 4, 2025

View on GitHubContributor guide
 (3 comments) (0 reactions) (1 assignee)HTML (190 forks)auto 404
good first issuehacktoberfesthacktoberfest-accepted

Repository metrics

Stars
 (39 stars)
PR merge metrics
 (PR metrics pending)

Description

Transform the article cards on the homepage (index.html) into glass panels. Each card should have a blurred, transparent background, a subtle white border, and a soft shadow to create depth. The text and images inside should remain sharp and legible.

Contributor guide

Research direction
Inspect the article cards in index.html and apply glassmorphism effects using CSS backdrop filter, blur, transparency, border, and shadow. Modify the relevant CSS file to add the glass panel styles.
Tech stack
html
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
CSSHTML
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80