ByoungSooPark/modeling-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor design tweaks to log in page (#6071)

Browse Source 
Bump subheadings, make link buttons primary colored
This commit is contained in:
Frank Noirot
2025-03-31 15:33:27 -04:00
committed by GitHub
parent 2c6d0621c9
commit eb3ceba497
1 changed files with 32 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/routes/SignIn.tsx
View File

@ -104,21 +104,11 @@ const SignIn = () => {
</span>
</div>
<p className="my-4 text-lg xl:text-xl">
Thank you for using our hardware design application. It is built
on a novel CAD engine and crafted to help you create parametric,
version-controlled, and accurate parts ready for manufacturing.
</p>
<p className="my-4 text-lg xl:text-xl">
As alpha software, Zoo Modeling App is still in heavy development.
We encourage feedback and feature requests that align with{' '}
<a
href="https://github.com/KittyCAD/modeling-app/issues/729"
target="_blank"
rel="noreferrer"
>
our roadmap to v1.0
</a>
.
Thank you for using our CAD application. It is built on a novel
geometry engine and crafted to help you create robust parametric
designs. It represents your models as code, making it easy to
collaborate with ML tools like Zoo Text-To-CAD to design parts and
libraries fast.
</p>
{isDesktop() ? (
<div className="flex flex-col gap-2">
@ -206,7 +196,7 @@ const SignIn = () => {
</Link>
<div className="self-end h-min col-span-3 xl:row-span-2 grid grid-cols-2 gap-5">
<div className={cardArea}>
<h2 className="text-xl">Built in the open</h2>
<h2 className="text-xl xl:text-2xl">Built in the open</h2>
<p className="text-xs my-4">
Open-source and open discussions. Check our public code base and
join our Discord.
@ -215,23 +205,26 @@ const SignIn = () => {
<ActionButton
Element="externalLink"
to="https://github.com/KittyCAD/modeling-app"
iconStart={{ icon: 'code' }}
className="border-chalkboard-30 dark:border-chalkboard-80"
iconStart={{ icon: 'code', bgClassName: '!bg-transparent' }}
className="!bg-primary !text-chalkboard-10 !border-transarent"
>
<span className="py-2 lg:py-0">Read our source code</span>
</ActionButton>
<ActionButton
Element="externalLink"
to="https://discord.gg/JQEpHR7Nt2"
iconStart={{ icon: 'keyboard' }}
className="border-chalkboard-30 dark:border-chalkboard-80"
iconStart={{
icon: 'keyboard',
bgClassName: '!bg-transparent',
}}
className="!bg-primary !text-chalkboard-10 !border-transarent"
>
<span className="py-2 lg:py-0">Join our community</span>
</ActionButton>
</div>
</div>
<div className={cardArea}>
<h2 className="text-xl">Ready for the future</h2>
<h2 className="text-xl xl:text-2xl">Ready for the future</h2>
<p className="text-xs my-4">
Modern software ideas being brought together to create a
familiar modeling experience with new superpowers.
@ -240,8 +233,11 @@ const SignIn = () => {
<ActionButton
Element="externalLink"
to="https://zoo.dev/docs/kcl-samples/a-parametric-bearing-pillow-block"
iconStart={{ icon: 'settings' }}
className="border-chalkboard-30 dark:border-chalkboard-80"
iconStart={{
icon: 'settings',
bgClassName: '!bg-transparent',
}}
className="!bg-primary !text-chalkboard-10 !border-transarent"
>
<span className="py-2 lg:py-0">
Parametric design with KCL
@ -250,15 +246,18 @@ const SignIn = () => {
<ActionButton
Element="externalLink"
to="https://zoo.dev/docs/tutorials/text-to-cad"
iconStart={{ icon: 'sparkles' }}
className="border-chalkboard-30 dark:border-chalkboard-80"
iconStart={{
icon: 'sparkles',
bgClassName: '!bg-transparent',
}}
className="!bg-primary !text-chalkboard-10 !border-transarent"
>
<span className="py-2 lg:py-0">AI-unlocked CAD</span>
</ActionButton>
</div>
</div>
<div className={cardArea + ' col-span-2'}>
<h2 className="text-xl">
<h2 className="text-xl xl:text-2xl">
Built on the first infrastructure for hardware design
</h2>
<p className="text-xs my-4">
@ -270,16 +269,19 @@ const SignIn = () => {
<ActionButton
Element="externalLink"
to="https://zoo.dev/design-api"
iconStart={{ icon: 'sketch' }}
className="border-chalkboard-30 dark:border-chalkboard-80"
iconStart={{ icon: 'sketch', bgClassName: '!bg-transparent' }}
className="!bg-primary !text-chalkboard-10 !border-transarent"
>
<span className="py-2 lg:py-0">KittyCAD Design API</span>
</ActionButton>
<ActionButton
Element="externalLink"
to="https://zoo.dev/machine-learning-api"
iconStart={{ icon: 'elephant' }}
className="border-chalkboard-30 dark:border-chalkboard-80"
iconStart={{
icon: 'elephant',
bgClassName: '!bg-transparent',
}}
className="!bg-primary !text-chalkboard-10 !border-transarent"
>
<span className="py-2 lg:py-0">
ML-ephant Machine Learning API