feat(fs.dev): Layout changes after initial feedback
This commit is contained in:
Joost De Cock
parent
1c0b8458e5
commit
d71a8246ac
3 changed files with 108 additions and 112 deletions
|
|
@ -8,122 +8,118 @@ const HomePage = (props) => {
|
|||
const app = useApp()
|
||||
return (
|
||||
<Page app={app} title="Welcome to FreeSewing.dev">
|
||||
<p>
|
||||
FreeSewing.dev hosts documentation for contributors and developers alike.
|
||||
<br />
|
||||
For our maker site, and to try our platform, go
|
||||
to <a
|
||||
href="https://freesewing.org/"
|
||||
title="Go to FreeSewing.org"
|
||||
className="text-secondary font-bold"
|
||||
>freesewing.org</a>.
|
||||
</p>
|
||||
<h2 className="mt-8">What is FreeSewing?</h2>
|
||||
<div className="theme-gradient p-1 -mt-2 mb-2 "></div>
|
||||
<p className="text-2xl sm:text-3xl">
|
||||
FreeSewing is an open source platform for made-to-measure sewing patterns.
|
||||
</p>
|
||||
<p className="text-xl sm:text-2xl">
|
||||
<b>@freeSewing/core</b> is a Javascript library for 2D parametric design
|
||||
</p>
|
||||
<p>
|
||||
It has a primary focus is on sewing patterns,
|
||||
but can be utilized for a variety of similar 2D design tasks.
|
||||
</p>
|
||||
|
||||
<h2 className='mt-8'>How can I try it out?</h2>
|
||||
<div className="theme-gradient p-1 -mt-2 mb-2 "></div>
|
||||
<p className="text-2xl sm:text-3xl">
|
||||
You can try it <Link
|
||||
href="/howtos/environments/browser">
|
||||
<a className="text-secondary">in the browser</a>
|
||||
</Link>, <Link
|
||||
href="/howtos/environments/node">
|
||||
<a className="text-secondary">in NodeJS</a>
|
||||
</Link>,
|
||||
or on any Javascript runtime.
|
||||
</p>
|
||||
<p className="text-xl sm:text-2xl">
|
||||
The includes Deno, AWS Lamba, Cloudflare workers, Vercel Edge functions, Netlify functions, and so on.
|
||||
</p>
|
||||
<p>
|
||||
Or save yourself the trouble, and check <a
|
||||
href="https://freesewing.org/"
|
||||
title="Go to FreeSewing.org"
|
||||
className="text-secondary font-bold"
|
||||
>freesewing.org</a> for a showcase of our software.
|
||||
</p>
|
||||
|
||||
<h2 className='mt-8'>
|
||||
You son of a bitch, I'm in
|
||||
<sup>
|
||||
<a
|
||||
href="https://www.youtube.com/watch?v=nKxvDYHkfSY"
|
||||
className="text-secondary"
|
||||
>*</a>
|
||||
</sup>
|
||||
</h2>
|
||||
<div className="theme-gradient p-1 -mt-2 mb-2 "></div>
|
||||
<p className="text-2xl sm:text-3xl">
|
||||
We are an <a
|
||||
href="https://allcontributors.org/"
|
||||
className="text-secondary"
|
||||
>all-contributors</a> project
|
||||
and welcome all contributions.
|
||||
</p>
|
||||
<p className="text-xl sm:text-2xl">
|
||||
<a
|
||||
href="https://discord.freesewing.org/"
|
||||
className="text-secondary"
|
||||
>Come say hi on Discord</a>,
|
||||
or check out <Link
|
||||
href="/howtos/ways-to-contribute"><a
|
||||
className="text-secondary">ways to contribute</a>
|
||||
</Link> to get inspired.
|
||||
</p>
|
||||
<p>
|
||||
Last but certainly not least, you can also support FreeSewing financially:
|
||||
</p>
|
||||
|
||||
<div className="bg-cover bg-neutral w-full bg-center rounded-lg shadow p-4 "
|
||||
style={{backgroundImage: "url(/support.jpg)"}}
|
||||
>
|
||||
<h2 className="text-neutral-content p-4 text-4xl font-bold sm:font-light sm:text-6xl drop-shadow">Support FreeSewing</h2>
|
||||
<p className="text-neutral-content p-4 font-bold max-w-md text-lg">
|
||||
FreeSewing is fuelled by a voluntary subscription model
|
||||
</p>
|
||||
<p className="text-neutral-content p-4 font-bold max-w-md text-lg">
|
||||
If you think what we do is worthwhile,
|
||||
and if you can spare a few coins each month without hardship,
|
||||
please support our work
|
||||
</p>
|
||||
<a role="button" className="btn btn-accent btn-wide ml-4 mb-8" href="https://freesewing.org/patrons/join">Become a Patron</a>
|
||||
</div>
|
||||
|
||||
<Popout comment by="joost">
|
||||
<div className="max-w-screen-md">
|
||||
<p>
|
||||
This is a work in progress to build a new freesewing.dev website.
|
||||
FreeSewing.dev hosts documentation for contributors and developers alike.
|
||||
<br />
|
||||
It remains a work in progress, although I feel we're getting there
|
||||
and I kinda wish to push this in production before the end of 2021.
|
||||
For our maker site, and to try our platform, go
|
||||
to <a
|
||||
href="https://freesewing.org/"
|
||||
title="Go to FreeSewing.org"
|
||||
className="text-secondary font-bold"
|
||||
>freesewing.org</a>.
|
||||
</p>
|
||||
<h2 className="mt-8">What is FreeSewing?</h2>
|
||||
<div className="theme-gradient p-1 -mt-2 mb-2 "></div>
|
||||
<p className="text-2xl sm:text-3xl">
|
||||
FreeSewing is an open source platform for made-to-measure sewing patterns.
|
||||
</p>
|
||||
<p className="text-xl sm:text-2xl">
|
||||
<b>@freeSewing/core</b> is a Javascript library for 2D parametric design
|
||||
</p>
|
||||
<p>
|
||||
I appreciate your feedback. <a className='text-secondary' href="https://discord.freesewing.org/">Join
|
||||
us on Discord</a> to rant/rave.
|
||||
It has a primary focus is on sewing patterns,
|
||||
but can be utilized for a variety of similar 2D design tasks.
|
||||
</p>
|
||||
<h5>Todo</h5>
|
||||
<ul className="ml-8 my-2 list-disc">
|
||||
<li>Create a proper start page (homepage)</li>
|
||||
<li>Integrate with Algolia search</li>
|
||||
<li>Build search UI</li>
|
||||
<li>Configure automatic builds on Netlify</li>
|
||||
</ul>
|
||||
|
||||
<h2 className='mt-8'>How can I try it out?</h2>
|
||||
<div className="theme-gradient p-1 -mt-2 mb-2 "></div>
|
||||
<p className="text-2xl sm:text-3xl">
|
||||
You can try it <Link
|
||||
href="/howtos/environments/browser">
|
||||
<a className="text-secondary">in the browser</a>
|
||||
</Link>, <Link
|
||||
href="/howtos/environments/node">
|
||||
<a className="text-secondary">in NodeJS</a>
|
||||
</Link>,
|
||||
or on any Javascript runtime.
|
||||
</p>
|
||||
<p className="text-xl sm:text-2xl">
|
||||
The includes Deno, AWS Lamba, Cloudflare workers, Vercel Edge functions, Netlify functions, and so on.
|
||||
</p>
|
||||
<p>
|
||||
Or save yourself the trouble, and check <a
|
||||
href="https://freesewing.org/"
|
||||
title="Go to FreeSewing.org"
|
||||
className="text-secondary font-bold"
|
||||
>freesewing.org</a> for a showcase of our software.
|
||||
</p>
|
||||
|
||||
It's a complete toolbox for parametric design with a primary focus on sewing patterns, but can be utilized for a variety of similar 2D design tasks.
|
||||
</Popout>
|
||||
|
||||
<h2 className='mt-8'>
|
||||
You son of a bitch, I'm in
|
||||
<sup>
|
||||
<a
|
||||
href="https://www.youtube.com/watch?v=nKxvDYHkfSY"
|
||||
className="text-secondary"
|
||||
>*</a>
|
||||
</sup>
|
||||
</h2>
|
||||
<div className="theme-gradient p-1 -mt-2 mb-2 "></div>
|
||||
<p className="text-2xl sm:text-3xl">
|
||||
We are an <a
|
||||
href="https://allcontributors.org/"
|
||||
className="text-secondary"
|
||||
>all-contributors</a> project
|
||||
and welcome all contributions.
|
||||
</p>
|
||||
<p className="text-xl sm:text-2xl">
|
||||
<a
|
||||
href="https://discord.freesewing.org/"
|
||||
className="text-secondary"
|
||||
>Come say hi on Discord</a>,
|
||||
or check out <Link
|
||||
href="/howtos/ways-to-contribute"><a
|
||||
className="text-secondary">ways to contribute</a>
|
||||
</Link> to get inspired.
|
||||
</p>
|
||||
<p>
|
||||
Last but certainly not least, you can also support FreeSewing financially:
|
||||
</p>
|
||||
|
||||
<div className="bg-cover bg-neutral w-full bg-center rounded-lg shadow p-4 "
|
||||
style={{backgroundImage: "url(/support.jpg)"}}
|
||||
>
|
||||
<h2 className="text-neutral-content p-4 text-4xl font-bold sm:font-light sm:text-6xl drop-shadow">Support FreeSewing</h2>
|
||||
<p className="text-neutral-content p-4 font-bold max-w-md text-lg">
|
||||
FreeSewing is fuelled by a voluntary subscription model
|
||||
</p>
|
||||
<p className="text-neutral-content p-4 font-bold max-w-md text-lg">
|
||||
If you think what we do is worthwhile,
|
||||
and if you can spare a few coins each month without hardship,
|
||||
please support our work
|
||||
</p>
|
||||
<a role="button" className="btn btn-accent btn-wide ml-4 mb-8" href="https://freesewing.org/patrons/join">Become a Patron</a>
|
||||
</div>
|
||||
<Popout comment by="joost">
|
||||
<p>
|
||||
This is a work in progress to build a new freesewing.dev website.
|
||||
<br />
|
||||
It remains a work in progress, although I feel we're getting there
|
||||
and I kinda wish to push this in production before the end of 2021.
|
||||
</p>
|
||||
<p>
|
||||
I appreciate your feedback. <a className='text-secondary' href="https://discord.freesewing.org/">Join
|
||||
us on Discord</a> to rant/rave.
|
||||
</p>
|
||||
<h5>Todo</h5>
|
||||
<ul className="ml-8 my-2 list-disc">
|
||||
<li>Create a proper start page (homepage)</li>
|
||||
<li>Integrate with Algolia search</li>
|
||||
<li>Build search UI</li>
|
||||
<li>Configure automatic builds on Netlify</li>
|
||||
</ul>
|
||||
</Popout>
|
||||
</div>
|
||||
</Page>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue