2021-12-11 14:04:05 +01:00
import Page from 'shared/components/wrappers/page.js'
import useApp from 'site/hooks/useApp.js'
2021-12-31 15:35:04 +01:00
import Head from 'next/head'
2021-12-31 13:44:16 +01:00
import HelpUs from 'site/components/help-us.js'
2021-12-28 13:20:42 +01:00
import Link from 'next/link'
2022-01-24 10:09:26 +01:00
import Script from 'next/script'
2021-12-10 09:56:19 +01:00
2021-12-27 09:55:52 +01:00
const HomePage = ( props ) => {
2021-12-11 14:04:05 +01:00
const app = useApp ( )
2021-12-10 09:56:19 +01:00
return (
2021-12-28 13:20:42 +01:00
< Page app = { app } title = "Welcome to FreeSewing.dev" >
2021-12-31 15:35:04 +01:00
< Head >
< meta property = "og:title" content = "FreeSewing.dev" key = "title" / >
< meta property = "og:type" content = "article" key = 'type' / >
2022-01-03 18:21:43 +01:00
< meta property = "og:description" content = "Documentation and tutorials for FreeSewing developers and contributors. Plus our Developers Blog" key = 'description' / >
2021-12-31 15:35:04 +01:00
< meta property = "og:article:author" content = 'Joost De Cock' key = 'author' / >
2021-12-31 16:10:44 +01:00
< meta property = "og:image" content = "https://canary.backend.freesewing.org/og-img/en/dev/" key = 'image' / >
2021-12-31 15:35:04 +01:00
< meta property = "og:image:type" content = "image/png" / >
< meta property = "og:image:width" content = "1200" / >
< meta property = "og:image:height" content = "630" / >
< meta property = "og:url" content = "https://freesewing.dev/" key = 'url' / >
< meta property = "og:locale" content = "en_US" key = 'locale' / >
< meta property = "og:site_name" content = "freesewing.dev" key = 'site' / >
< / H e a d >
2022-01-24 11:25:14 +01:00
< Script src = "/sw.js" > < / S c r i p t >
2021-12-28 17:09:45 +01:00
< div className = "max-w-screen-md" >
2021-12-28 13:20:42 +01:00
< p >
2021-12-28 17:09:45 +01:00
FreeSewing . dev hosts documentation for contributors and developers alike .
2021-12-28 13:20:42 +01:00
< br / >
2021-12-28 17:09:45 +01:00
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 ? < / h 2 >
< div className = "theme-gradient p-1 -mt-2 mb-2 " > < / d i v >
< 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 > i s a J a v a s c r i p t l i b r a r y f o r 2 D p a r a m e t r i c d e s i g n
2021-12-28 13:20:42 +01:00
< / p >
< p >
2021-12-28 17:09:45 +01:00
It has a primary focus is on sewing patterns ,
but can be utilized for a variety of similar 2 D design tasks .
2021-12-28 13:20:42 +01:00
< / p >
2021-12-28 17:09:45 +01:00
< h2 className = 'mt-8' > How can I try it out ? < / h 2 >
< div className = "theme-gradient p-1 -mt-2 mb-2 " > < / d i v >
< p className = "text-2xl sm:text-3xl" >
You can try it < Link
href = "/howtos/environments/browser" >
< a className = "text-secondary" > in the browser < / a >
< / L i n k > , < L i n k
href = "/howtos/environments/node" >
< a className = "text-secondary" > in NodeJS < / a >
< / L i n k > ,
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 > f o r a s h o w c a s e o f o u r s o f t w a r e .
< / p >
2021-12-28 13:20:42 +01:00
2021-12-28 17:09:45 +01:00
< h2 className = 'mt-8' >
You son of a bitch , I & apos ; m in
< sup >
< a
href = "https://www.youtube.com/watch?v=nKxvDYHkfSY"
className = "text-secondary"
> * < / a >
< / s u p >
< / h 2 >
< div className = "theme-gradient p-1 -mt-2 mb-2 " > < / d i v >
< p className = "text-2xl sm:text-3xl" >
We are an < a
href = "https://allcontributors.org/"
className = "text-secondary"
> all - contributors < / a > p r o j e c t
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 >
< / L i n k > t o g e t i n s p i r e d .
< / p >
< p >
Last but certainly not least , you can also support FreeSewing financially :
< / p >
2021-12-28 13:20:42 +01:00
2021-12-28 17:09:45 +01:00
< 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 < / h 2 >
< 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 >
< / d i v >
2021-12-31 13:44:16 +01:00
< HelpUs slug = '/' / >
2021-12-28 17:09:45 +01:00
< / d i v >
2021-12-11 14:04:05 +01:00
< / P a g e >
2021-12-10 09:56:19 +01:00
)
}
2021-12-11 14:04:05 +01:00
2021-12-27 09:55:52 +01:00
export default HomePage
