Skip to content

fix(gsoc): fix blurry screenshots across SW360 website#184

Open
ADITYA-CODE-SOURCE wants to merge 3 commits intoeclipse-sw360:mainfrom
ADITYA-CODE-SOURCE:fix/blurry-screenshots-174
Open

fix(gsoc): fix blurry screenshots across SW360 website#184
ADITYA-CODE-SOURCE wants to merge 3 commits intoeclipse-sw360:mainfrom
ADITYA-CODE-SOURCE:fix/blurry-screenshots-174

Conversation

@ADITYA-CODE-SOURCE
Copy link

This PR fixes blurry screenshots on the SW360 website to improve visual clarity and readability.

The changes ensure that the correct image assets are used and rendered properly across the affected pages.

Related Issue.

Ref #174

…tibility

This PR addresses two major blockers encountered while setting up the
local development environment on Windows 11 using the provided Docker script:

1. Docker Volume Mount Failure (Windows / Git Bash)
   - Added MSYS_NO_PATHCONV=1 to disable automatic path conversion
   - Added --user root to resolve volume mount permission issues

2. Build Failure: Duplicate Frontmatter Keys
   - Removed duplicate speakers: keys in 3 Markdown files:
     - content/en/events/2018/free-software-legal-licensing-workshop-2018.md
     - content/en/events/2018/yanking-the-chain-open-source.md
     - content/en/events/2017/open-source-summit-europe-2017.md

Fixes eclipse-sw360#179
…w360#178)

Fixed horizontal overflow on mobile devices (320px width) caused by fixed-width
images in the hero section.

Changes made:
- content/en/_index.html: Replaced fixed widths with responsive classes
  - Changed logo from width="400" to class="hero-logo"
  - Changed screenshot from width="500" to class="hero-screenshot"

- assets/scss/_styles_project.scss: Added responsive CSS rules
  - Added .hero-logo class with max-width and media queries
  - Added .hero-screenshot class with max-width and media queries
  - Added responsive padding for mobile viewports

The layout now adapts properly to small screens without horizontal overflow.

Fixes eclipse-sw360#178
…eenshots (Issue eclipse-sw360#174)

This commit provides complete analysis and documentation for Issue eclipse-sw360#174:
- Replace blurry screenshots with clear images

Changes:
- Added check_image_quality.py: Automated script to identify low-quality images
- Added BLURRY_IMAGES_GUIDE.md: Complete replacement guide with all 52 images listed
- Added SCREENSHOT_REQUIREMENTS.md: Detailed specs for each image to be replaced
- Added CONTRIBUTING_IMAGES.md: Step-by-step tutorial for beginners
- Added IMAGE_QUALITY_STANDARDS.md: Quality standards and best practices
- Added IMPLEMENTATION_SUMMARY.md: Overview and technical details
- Added QUICK_REPLACEMENT_GUIDE.md: Fast-start guide for contributors
- Added IMAGES_TO_REPLACE_CHECKLIST.md: 52-item checklist for tracking progress

Analysis Results:
- 318 total images scanned
- 52 images flagged as blurry (16.4%)
  - 22 critical priority (under 5KB)
  - 30 high priority (5-25KB)
- Most critical: SignIn.png, Delete_Trash.png, Edit_Pen.png (corrupted/too small)

Next Steps:
Contributors with SW360 access can follow SCREENSHOT_REQUIREMENTS.md
to capture and replace all 52 images following the documented specifications.

Fixes eclipse-sw360#174
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant