Portfolio icon indicating copy to clipboard operation
Portfolio copied to clipboard

Create version with frosted glass repository cards

Open shaansubbaiah opened this issue 4 years ago • 5 comments

Add option to enable frosted glass repository cards.

Would look something like:

image

Figma CSS properties look something like this:

position: absolute;
left: 24.44%;
right: 24.3%;
top: 30.98%;
bottom: 30.98%;

background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(60px);

/* Note: backdrop-filter has minimal browser support */
border-radius: 28px;

shaansubbaiah avatar Oct 01 '20 17:10 shaansubbaiah

I would like to contribute!

sebanti10 avatar Oct 01 '20 17:10 sebanti10

@sebanti10 go ahead!

Also note, the fastest way to test CSS changes is by generating a portfolio first then editing the CSS in the dist/ folder. The changes can then be added to resources/CSS.

shaansubbaiah avatar Oct 01 '20 17:10 shaansubbaiah

Thank you so much for the heads up! Also, should the frosted glass effect be enabled for the night mode as well?

sebanti10 avatar Oct 01 '20 19:10 sebanti10

I guess like a dark colored glass would look good. I think iOS dark mode implements something similar :P

shaansubbaiah avatar Oct 01 '20 20:10 shaansubbaiah

Currently being worked on in #9

shaansubbaiah avatar Oct 02 '20 08:10 shaansubbaiah