kocheck / folio

My Portfolio Website

https://kochanek-portfolio.netlify.app/

MIT License

0 stars 0 forks source link

Quick access tl dr kdk #31

Closed kocheck closed 1 day ago

kocheck commented 1 day ago

Added Quick View Gallery Button

Overview

Added a new "Quick View" button feature that allows users to quickly access the image gallery on project pages, improving navigation and user experience.

Changes

Implemented a new quick view button component with dynamic, randomized labels
Added button styling with hover and active states
Integrated with existing lightbox functionality
Only displays on pages with image galleries

Technical Details

Created new quick-view.js for button functionality
Added _quick-view.scss for styling
Updated base template to include new JS
Added partial template for button rendering
Button features randomized, engaging copy variations for better UX
Smooth animations and state transitions
Follows existing design system variables and tokens

Testing

Verify button appears only on pages with image galleries
Check random label generation works
Confirm lightbox trigger functions correctly
Test hover and active states
Ensure responsive behavior

Screenshots

Here's a simple markdown table summarizing the key changes:

Component	Type	Description
Original	Refresh 1	Refresh 2	Refresh 3

netlify[bot] commented 1 day ago

Deploy Preview for kochanek-portfolio ready!

Name	Link
Latest commit	4928ce73e47ac1853db084fbc8b4e2734eafd8c2
Latest deploy log	https://app.netlify.com/sites/kochanek-portfolio/deploys/67351fa6e8c8780008a0066f
Deploy Preview	https://deploy-preview-31--kochanek-portfolio.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.