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

Feature: Added Random Mesh Gradient Background & LinkedIn Banner Ratio #2

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

omjogani
Copy link

I raised an issue about feature request #1 where I mentioned why we require this feature.

Implementation Details of #1


Modified Files

  • package.json
    • added meshgrad as devDependencies (meshgrad is a lightweight package that is used to generate mesh gradient CSS properties.)
    • pnpm-lock.json
  • src/route/+page.svelte
    • Added LinkedBanner in the ratios list with its dimensions
    • Added Random Mesh Gradient in bgOptions
    • Added Styling for applying gradient properties on the background

New Created Files

  • src/lib/components/RegenerateGradientButton.svelte
    • Button same as InputImage

Result of Implementation

image
image

Why do we need this feature & How it's useful?

Let me know in case more info is needed!
Thanks!

@vercel
Copy link

vercel bot commented Oct 26, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
snapwrite ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 26, 2023 6:22pm

@omjogani
Copy link
Author

Hey @eldadfux, @TGlide

Waiting for your review on this PR!
Let me know if more info is needed from my end.

Thanks!

@TGlide
Copy link
Contributor

TGlide commented Nov 3, 2023

Hey, this is awesome! I'd say the mesh gradient is useful, but it should be limited to brand colors only. Do you think that's possible?

@omjogani
Copy link
Author

omjogani commented Nov 6, 2023

Sure, Let me give it a try! Meanwhile can you please provide me a color palette for the appwrite theme?

@TGlide
Copy link
Contributor

TGlide commented Nov 6, 2023

Sure, Let me give it a try! Meanwhile can you please provide me a color palette for the appwrite theme?

The colors are present in src/styles/colors.scss :)

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.

None yet

2 participants