This repository was archived by the owner on Mar 5, 2025. It is now read-only.
Hero section #3
Merged
Hero section #3
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Make left part of hero section - Prepare Section.svelte to get the right sizing - Improve responsive for large screens for navbar - Add Tailwind breakpoint for large screens (1920px) - Add hover-child: variant because hover:child: acts lke child-hover: for some reason - Improve buttons readability and flexibility
- Make hero section taller to *kinda* feat the screen height - Add bottom scroll-to-next-section button - Improve Section.svelte paddings & margins
- Switch from @rgossiaux/svelte-heroicons to @babeard's - Add tailwindcss-3d lib - Make MagneticElement configurable
Navbar: - Increase top padding - Make scroll trigger accurate - Remove responsive top-padding Hero: - Much better height variable - Move background gradient to hero background - Improve shadows of absolute SVGs Other: - Fixes and improvements
MinixBF
approved these changes
May 2, 2023
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Hero section
Surrounding changes
Section.svelteto get the right sizingOther changes
scrollYtriggers accuratewidthrule for large screens (120rem/1920px)tailwindcss-3dfortranslate-z,perspectiveand other 3D CSS stuff (why isn't it native to TailwindCSS?)hover-child:variant becausehover:child:acts likechild-hover:for some reason@babeard/svelte-heroiconsbecause@rgossiaux/svelte-heroiconsdoesn't support yet Heroicons v2classes directly to the component