search

VilloKodeHode / mega-collab-modul-s

https://mega-collab-modul-s-u9ph.vercel.app
5 stars 0 forks source link

create hero section #78

Open VilloKodeHode opened 4 weeks ago

VilloKodeHode commented 4 weeks ago

Use branch 78-create-hero-section

Look at the figma design file. Use the component HeroSection.jsx (can be renamed to tsx if you want to write typescript)

kristofferfh commented 1 week ago

Currently I'm working on this implementation with multiple svg and css keyframes https://github.com/VilloKodeHode/mega-collab-modul-s/assets/126466669/1615324c-1439-46b8-966b-edf8db4fdee9

However this implementation is not ideal as certain screensizes and resizing the page can break the effect. I'll look into different approches meanwhile

kristofferfh commented 1 week ago

I've been using this tool to create my svg wave files, but I think we should create more variance in the waveform. Currently everything needs to have the same wavefunction due to timings in my keyframe implementation. If we change the approach and use something like background image we can use repeat functionality.

I'm also wondering if we should add a gradient or some other transition to the bottom of the element, what are your thoughts?