Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create version with frosted glass repository cards #8

Open
shaansubbaiah opened this issue Oct 1, 2020 · 5 comments
Open

Create version with frosted glass repository cards #8

shaansubbaiah opened this issue Oct 1, 2020 · 5 comments
Labels
good first issue Good for newcomers

Comments

@shaansubbaiah
Copy link
Owner

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;
@sebanti10
Copy link

I would like to contribute!

@shaansubbaiah
Copy link
Owner Author

@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.

@sebanti10
Copy link

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

@shaansubbaiah
Copy link
Owner Author

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

@shaansubbaiah
Copy link
Owner Author

Currently being worked on in #9

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

2 participants