-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' of https://github.com/beat-forge/clients
- Loading branch information
Showing
60 changed files
with
541 additions
and
417 deletions.
There are no files selected for viewing
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,3 @@ | ||
| # WebApp (`apps/web`) | ||
|
|
||
| PUBLIC_GOOGLE_ANALYTICS_ID= | ||
| PUBLIC_GRAPHQL_ENDPOINT=http://localhost:8080/v1/graphql | ||
| # apps/web | ||
| PUBLIC_API_URL= | ||
| PUBLIC_GITHUB_CALL_URL= |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| [licenses] | ||
| accepted = ["AGPLV3"] | ||
|
|
||
| [dependencies] | ||
| ignore_dev_dependencies = true | ||
| ignore_optional_dependencies = true | ||
|
|
||
| [behavior] | ||
| run_only_on_dependency_modification = true | ||
| do_not_block_pr = false |
This file contains 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
This file contains 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
This file contains 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
This file contains 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
This file contains 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
This file contains 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
This file contains 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
This file contains 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
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -3,6 +3,10 @@ | |
| @tailwind components; | ||
| @tailwind utilities; | ||
|
|
||
| :root { | ||
| --transparent: transparent | ||
| } | ||
|
|
||
| html, | ||
| body, | ||
| .app { | ||
|
|
||
129 changes: 129 additions & 0 deletions
129
apps/web/src/lib/components/landing/LandingBentoSection.svelte
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,129 @@ | ||
| <script> | ||
| import FeatureSection from '$lib/components/landing/FeatureSection.svelte'; | ||
| import LandingHeading from '$lib/components/landing/LandingHeading.svelte'; | ||
| import LandingDescription from '$lib/components/landing/LandingDescription.svelte'; | ||
| import IntersectionObserver from '$lib/components/IntersectionObserver.svelte'; | ||
| let textTransition = 'translate-y-[32px] opacity-30 duration-[400ms]'; | ||
| let headerTransition = 'translate-y-[32px] opacity-30 duration-[400ms]'; | ||
| import { onMount } from 'svelte'; | ||
| onMount(() => { | ||
| // @ts-ignore | ||
| document.getElementById('cards').onmousemove = (e) => { | ||
| for (const card of document.getElementsByClassName('beatforge-landing-bentobox-item')) { | ||
| const rect = card.getBoundingClientRect(), | ||
| x = e.clientX - rect.left, | ||
| y = e.clientY - rect.top; | ||
| // @ts-ignore | ||
| card.style.setProperty('--mouse-x', `${x}px`); | ||
| // @ts-ignore | ||
| card.style.setProperty('--mouse-y', `${y}px`); | ||
| } | ||
| }; | ||
| }); | ||
| </script> | ||
|
|
||
| <div | ||
| style="background: radial-gradient(ellipse 100% 40% at 50% 60%,rgb(164 99 246 / 7%),var(--transparent)); margin-top: 128px;" | ||
| > | ||
| <FeatureSection> | ||
| <h2 | ||
| class="beatforge-landing-std-eyebrow landing-gradient-eyebrow font-bold text-sm uppercase tracking-wider -mb-12" | ||
| > | ||
| Why BeatForge | ||
| </h2> | ||
| <IntersectionObserver | ||
| once={true} | ||
| class="flex flex-col justify-center items-center text-center gap-8" | ||
| let:intersecting | ||
| top={-250} | ||
| > | ||
| <LandingHeading> | ||
| <div class="transition duration-[500ms] delay-300 {intersecting ? '' : headerTransition}"> | ||
| Everything you want from a mod manager. And so much more. | ||
| </div> | ||
| </LandingHeading> | ||
|
|
||
| <LandingDescription> | ||
| <p class="transition duration-[500ms] delay-300 {intersecting ? '' : textTransition}"> | ||
| From beginning to end, discovery to installation, BeatForge streamlines your modding | ||
| experience with impeccable seamlessness. | ||
| </p> | ||
| </LandingDescription> | ||
| </IntersectionObserver> | ||
|
|
||
| <IntersectionObserver once={true} let:intersecting top={0}> | ||
| <div | ||
| class:beatforge-landing-bentobox-animated={intersecting} | ||
| class="beatforge-landing-bentobox flex flex-col w-full gap-2 max-w-7xl" | ||
| id="cards" | ||
| > | ||
| <div class="beatforge-landing-bentobox-row-first flex flex-row gap-2"> | ||
| <div | ||
| class="beatforge-landing-bentobox-item text-left bg-[#19181B] w-full basis-1/2 p-4 sm:p-16 rounded-md" | ||
| > | ||
| <h3 class="mb-1 font-bold text-white">Open-source transparency.</h3> | ||
| <p class="text-[#8B888C]"> | ||
| BeatForge won’t lock you in to our platform. Distribute where you want, when you want, | ||
| and leave any time. Development is public, and always will be. | ||
| </p> | ||
| </div> | ||
| <div | ||
| class="beatforge-landing-bentobox-item text-left bg-[#19181B] w-full basis-1/2 p-4 sm:p-16 rounded-md" | ||
| > | ||
| <h3 class="mb-1 font-bold text-white">Crafted to perfection.</h3> | ||
| <p class="text-[#8B888C]"> | ||
| Built with the bleeding edge of technology, BeatForge is a polished product built with | ||
| unforgiving precision. | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="beatforge-landing-bentobox-row-second flex flex-row gap-2"> | ||
| <div | ||
| class="beatforge-landing-bentobox-item text-left bg-[#19181B] w-full p-4 sm:p-16 rounded-md relative" | ||
| > | ||
| <img src="/images/app.png" class="absolute top-0 right-0" alt="application" /> | ||
| <div class="max-w-[330px] mt-[196px]"> | ||
| <h3 class="mb-1 font-bold text-white">Minimally designed with tasteful touches.</h3> | ||
| <p class="text-[#8B888C]"> | ||
| We stay out of your way. Mod in less time, and play in no time. | ||
| </p> | ||
| </div> | ||
| <div class="pointer-events-none w-full h-full absolute inset-0"> | ||
| <img | ||
| class="pointer-events-none select-none z-[-1] w-full h-full object-cover rounded-md" | ||
| src="/images/blurglow.png" | ||
| alt="app" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="beatforge-landing-bentobox-row-third flex flex-row gap-2"> | ||
| <div | ||
| class="beatforge-landing-bentobox-item text-left bg-[#19181B] w-full basis-1/2 p-4 sm:p-16 rounded-md" | ||
| > | ||
| <h3 class="mb-1 font-bold text-white">Safe and secure.</h3> | ||
| <p class="text-[#8B888C]"> | ||
| Manual human review and additional protections and verifications at the code level | ||
| ensures that every mod featured is safe for your use. | ||
| </p> | ||
| </div> | ||
| <div | ||
| class="beatforge-landing-bentobox-item text-left bg-[#19181B] w-full basis-1/2 p-4 sm:p-16 rounded-md" | ||
| > | ||
| <h3 class="mb-1 font-bold text-white">Made for the future.</h3> | ||
| <p class="text-[#8B888C]"> | ||
| Stagnation kills modding communities. We’re is in it for the long run. We’re building | ||
| a solid foundation and a team that believes in open platforms. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </IntersectionObserver> | ||
| </FeatureSection> | ||
| </div> |
90 changes: 90 additions & 0 deletions
90
apps/web/src/lib/components/landing/LandingCLISection.svelte
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,90 @@ | ||
| <script> | ||
| import FeatureSection from '$lib/components/landing/FeatureSection.svelte'; | ||
| import LandingDescription from '$lib/components/landing/LandingDescription.svelte'; | ||
| import LandingHeading from '$lib/components/landing/LandingHeading.svelte'; | ||
| import IntersectionObserver from '$lib/components/IntersectionObserver.svelte'; | ||
| import { DownloadIcon } from 'ui/icons'; | ||
| import { Link } from 'ui/link' | ||
| let textTransition = 'translate-y-[32px] opacity-30 duration-[400ms]'; | ||
| let headerTransition = 'translate-y-[32px] opacity-30 duration-[400ms]'; | ||
| </script> | ||
|
|
||
| <div | ||
| style="background: radial-gradient(ellipse 100% 60% at 50% 60%,rgb(164 99 246 / 7%),var(--transparent)); margin-top: 128px;" | ||
| > | ||
| <FeatureSection> | ||
| <h2 class="landing-gradient-eyebrow font-bold text-sm uppercase tracking-wider -mb-12">CLI</h2> | ||
| <IntersectionObserver | ||
| once={true} | ||
| class="flex flex-col justify-center items-center text-center gap-8" | ||
| let:intersecting | ||
| top={-250} | ||
| > | ||
| <LandingHeading> | ||
| <div class="transition duration-[500ms] delay-300 {intersecting ? '' : headerTransition}"> | ||
| Tools that empower developers to build better, faster. | ||
| </div> | ||
| </LandingHeading> | ||
|
|
||
| <LandingDescription> | ||
| <p class="transition duration-[500ms] delay-300 {intersecting ? '' : textTransition}"> | ||
| BeatForge is built with developers in mind. A powerful CLI for publishing and managing | ||
| your mods, friendly for automated scripts and CI/CD pipelines. | ||
| </p> | ||
| </LandingDescription> | ||
| </IntersectionObserver> | ||
|
|
||
| <IntersectionObserver once={true} let:intersecting top={0}> | ||
| <div | ||
| class="beatforge-landing-terminal-window-wrapper flex flex-col overflow-hidden rounded-xl w-full border-[2px] border-[#40434e]" | ||
| style="filter: drop-shadow(0 0 100px #000000);" | ||
| > | ||
| <div class="relative h-[54px] bg-[#19181b]"> | ||
| <div | ||
| class="beatforge-landing-terminal-window-bullets flex h-full items-center ml-5" | ||
| aria-hidden="true" | ||
| > | ||
| <span /> | ||
| <span /> | ||
| <span /> | ||
| </div> | ||
| </div> | ||
| <div | ||
| class="flex flex-col gap-2 font-mono bg-[#19181b] p-8 w-full max-w-3xl text-left relative select-none" | ||
| > | ||
| <div class="contents"> | ||
| <div class="flex flex-row items-center gap-4"> | ||
| <div class="text-sm select-none opacity-30" aria-hidden>$</div> | ||
| <p | ||
| class:beatforge-terminal-line-animated={intersecting} | ||
| class="beatforge-terminal-line" | ||
| > | ||
| beatforge init <span class="select-none opacity-30" | ||
| >// Create a new mod project with BSIPA</span | ||
| > | ||
| </p> | ||
| </div> | ||
| <div class="flex flex-row items-center gap-4"> | ||
| <div class="text-sm select-none opacity-30" aria-hidden>$</div> | ||
| <p | ||
| class:beatforge-terminal-line-animated-second={intersecting} | ||
| class="beatforge-terminal-line" | ||
| > | ||
| beatforge publish <span class="select-none opacity-30" | ||
| >// Publish your mod to BeatForge (you're done! 🎉)</span | ||
| > | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <Link variant="secondary"> | ||
| <DownloadIcon className="w-4 h-4 " /> | ||
| <p class="p-1 text-sm font-bold">Get the CLI</p> | ||
| </Link> | ||
| </div> | ||
| </div> | ||
| </IntersectionObserver> | ||
| </FeatureSection> | ||
| </div> |
Oops, something went wrong.