2022-05-11 17:41:24 +02:00
|
|
|
import Page from 'site/components/wrappers/page.js'
|
2021-12-11 14:04:05 +01:00
|
|
|
import useApp from 'site/hooks/useApp.js'
|
2021-12-31 15:35:04 +01:00
|
|
|
import Head from 'next/head'
|
2022-02-13 16:00:00 +01:00
|
|
|
import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
|
2022-05-11 17:41:24 +02:00
|
|
|
import Layout from 'site/components/layouts/bare'
|
2022-07-12 20:09:17 +02:00
|
|
|
import { Icons } from 'shared/components/navigation/primary'
|
2022-07-02 22:56:22 +02:00
|
|
|
import Highlight from 'shared/components/mdx/highlight'
|
|
|
|
|
import Popout from 'shared/components/popout'
|
|
|
|
|
import WebLink from 'shared/components/web-link'
|
|
|
|
|
import Code from 'shared/components/code'
|
2022-09-20 18:09:52 +02:00
|
|
|
import PageLink from 'shared/components/page-link'
|
2021-12-10 09:56:19 +01:00
|
|
|
|
2022-09-25 00:12:24 -04:00
|
|
|
const HomePage = () => {
|
2021-12-11 14:04:05 +01:00
|
|
|
const app = useApp()
|
2021-12-10 09:56:19 +01:00
|
|
|
return (
|
2022-05-11 17:41:24 +02:00
|
|
|
<Page app={app} title="Welcome to FreeSewing.dev" layout={Layout}>
|
2021-12-31 15:35:04 +01:00
|
|
|
<Head>
|
|
|
|
|
<meta property="og:title" content="FreeSewing.dev" key="title" />
|
2022-10-03 17:48:23 +02:00
|
|
|
<meta property="og:type" content="article" key="type" />
|
|
|
|
|
<meta
|
|
|
|
|
property="og:description"
|
|
|
|
|
content="Documentation and tutorials for FreeSewing developers and contributors. Plus our Developers Blog"
|
|
|
|
|
key="description"
|
|
|
|
|
/>
|
|
|
|
|
<meta property="og:article:author" content="Joost De Cock" key="author" />
|
|
|
|
|
<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" />
|
2022-10-03 17:48:23 +02:00
|
|
|
<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" />
|
2021-12-31 15:35:04 +01:00
|
|
|
</Head>
|
2022-10-03 17:48:23 +02:00
|
|
|
<section
|
|
|
|
|
style={{
|
|
|
|
|
backgroundImage: "url('/img/splash.jpg')",
|
|
|
|
|
backgroundSize: 'cover',
|
|
|
|
|
backgroundPosition: '40% 50%',
|
|
|
|
|
}}
|
2022-10-04 01:20:49 +02:00
|
|
|
className="m-0 p-0 shadow drop-shadow-lg w-full h-screen"
|
2022-10-03 17:48:23 +02:00
|
|
|
>
|
2022-10-04 18:01:12 +02:00
|
|
|
<div className="mx-auto px-8 flex flex-col items-center justify-center py-48 lg:min-h-0 lg:py-64">
|
2022-10-03 17:48:23 +02:00
|
|
|
<div className="flex flex-col items-end max-w-4xl">
|
|
|
|
|
<h1
|
|
|
|
|
className={`
|
2022-05-12 10:27:42 +02:00
|
|
|
text-4xl font-black text-right px-4
|
|
|
|
|
sm:text-6xl
|
|
|
|
|
md:text-7xl px-6
|
|
|
|
|
lg:px-8
|
|
|
|
|
bg-secondary
|
|
|
|
|
`}
|
2022-10-03 17:48:23 +02:00
|
|
|
style={{ textShadow: '1px 1px 3px #000', color: 'white' }}
|
|
|
|
|
>
|
|
|
|
|
FreeSewing
|
|
|
|
|
<span className="font-light">.dev</span>
|
|
|
|
|
</h1>
|
|
|
|
|
<h2
|
|
|
|
|
className={`
|
2022-05-12 10:27:42 +02:00
|
|
|
text-right text-2xl mr-0
|
|
|
|
|
sm:text-3xl
|
|
|
|
|
md:text-4xl
|
2022-10-04 01:20:49 +02:00
|
|
|
xl:pr-0 border-0`}
|
2022-10-03 17:48:23 +02:00
|
|
|
style={{ textShadow: '1px 1px 3px #000', color: 'white' }}
|
|
|
|
|
>
|
2022-10-04 01:20:49 +02:00
|
|
|
Documentation for contributors & developers
|
2022-10-03 17:48:23 +02:00
|
|
|
</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<Icons
|
|
|
|
|
app={app}
|
|
|
|
|
active="/"
|
2022-10-04 18:01:12 +02:00
|
|
|
ulClasses="grid grid-cols-2 gap-4 lg:grid-cols-4 lg:gap-8 mt-8 max-w-6xl"
|
2022-10-04 01:20:49 +02:00
|
|
|
liClasses=""
|
2022-10-03 17:48:23 +02:00
|
|
|
linkClasses={`
|
2022-10-04 01:20:49 +02:00
|
|
|
bg-neutral bg-opacity-80 py-4 px-8 lg:px-12 rounded-lg
|
2022-10-04 18:47:36 +02:00
|
|
|
text-lg lg:text-2xl
|
|
|
|
|
text-secondary
|
2022-10-04 01:20:49 +02:00
|
|
|
hover:text-secondary-focus hover:cursor-pointer
|
2022-05-12 10:27:42 +02:00
|
|
|
flex flex-col items-center capitalize`}
|
2022-10-03 17:48:23 +02:00
|
|
|
/>
|
2022-10-04 19:24:42 +02:00
|
|
|
<p className="text-neutral-content text-center my-8">
|
2022-10-03 17:48:23 +02:00
|
|
|
To learn more about FreeSewing and try our platform go to{' '}
|
|
|
|
|
<a
|
|
|
|
|
href="https://freesewing.org/"
|
|
|
|
|
title="Go to FreeSewing.org"
|
|
|
|
|
className="text-secondary font-bold"
|
|
|
|
|
>
|
|
|
|
|
freesewing.org
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
2022-05-11 17:41:24 +02:00
|
|
|
<div>
|
2022-10-13 15:46:20 +02:00
|
|
|
<div className="bg-base-200 py-1">
|
|
|
|
|
<div className="max-w-7xl m-auto my-12 lg:my-32 px-4">
|
|
|
|
|
<h2>FreeSewing 3</h2>
|
|
|
|
|
<div className="flex flex-row flex-wrap gap-4 justify-between">
|
|
|
|
|
<div className="max-w-xl">
|
|
|
|
|
<h3>We're working on it 🤓</h3>
|
|
|
|
|
<p>
|
|
|
|
|
The upcoming version 3 of FreeSewing is currently under development. Our core
|
|
|
|
|
library has stabilized and we have updating our documentation for FreeSewing
|
|
|
|
|
version 3.
|
|
|
|
|
</p>
|
|
|
|
|
<Popout note>
|
|
|
|
|
<h5>Looking for v2 documentation?</h5>
|
|
|
|
|
<p>
|
|
|
|
|
Visit <WebLink href="https://v2.freesewing.dev/" txt="v2.freesewing.dev" /> for
|
|
|
|
|
the documentation for version 2 of FreeSewing.
|
|
|
|
|
</p>
|
|
|
|
|
</Popout>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="max-w-xl">
|
|
|
|
|
<h3>What's changed?</h3>
|
|
|
|
|
<p>
|
|
|
|
|
Check{' '}
|
|
|
|
|
<PageLink href="/guides/v3/new" txt="the FreeSewing version 3 migration guide" />{' '}
|
|
|
|
|
to learn about what is new in version 3 of FreeSewing, and what changes you should
|
|
|
|
|
make in your own designs to port them to version 3.
|
|
|
|
|
</p>
|
|
|
|
|
<Popout tip>
|
|
|
|
|
<p>
|
|
|
|
|
If you have any questions to which you can't find the answers here, please{' '}
|
|
|
|
|
<WebLink
|
|
|
|
|
href="https://discord.freesewing.org/"
|
|
|
|
|
txt="reach out to us on Discord"
|
|
|
|
|
/>
|
|
|
|
|
.
|
|
|
|
|
</p>
|
|
|
|
|
</Popout>
|
|
|
|
|
</div>
|
2022-10-03 17:48:23 +02:00
|
|
|
</div>
|
2022-09-20 18:09:52 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-10-04 18:25:23 +02:00
|
|
|
<div className="max-w-7xl m-auto lg:my-32 px-4">
|
2022-10-03 17:48:23 +02:00
|
|
|
<h2>TL;DR</h2>
|
|
|
|
|
<div className="flex flex-row flex-wrap gap-4 justify-between">
|
|
|
|
|
<div className="max-w-xl">
|
|
|
|
|
<h3>To go fast, go alone</h3>
|
|
|
|
|
<p>
|
|
|
|
|
All you need is <strong>NodeJS</strong>; Then run:
|
|
|
|
|
</p>
|
|
|
|
|
<Highlight language="js">npx @freesewing/new-design</Highlight>
|
|
|
|
|
<p>This command will setup our stand-alone development environment for you</p>
|
|
|
|
|
<Popout tip compact>
|
|
|
|
|
Use this if you want to do your own thing, and not contribute to FreeSewing
|
|
|
|
|
</Popout>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="max-w-xl">
|
|
|
|
|
<h3>To go far, go together</h3>
|
|
|
|
|
<p>
|
|
|
|
|
First,{' '}
|
|
|
|
|
<WebLink
|
|
|
|
|
href="https://github.com/freesewing/freesewing/fork"
|
|
|
|
|
txt="fork our monorepo"
|
|
|
|
|
/>
|
|
|
|
|
, then run:
|
|
|
|
|
</p>
|
|
|
|
|
<Highlight language="shell">
|
|
|
|
|
git clone {`<url to your fork>`}
|
|
|
|
|
<br />
|
|
|
|
|
cd freesewing
|
|
|
|
|
<br />
|
|
|
|
|
yarn kickstart
|
|
|
|
|
</Highlight>
|
|
|
|
|
<p>
|
|
|
|
|
These commands will clone your fork of{' '}
|
|
|
|
|
<WebLink
|
|
|
|
|
href="https://github.com/freesewing/freesewing"
|
|
|
|
|
txt="the freesewing/freesewing repository on Github"
|
|
|
|
|
/>{' '}
|
|
|
|
|
and set it up for development.
|
|
|
|
|
</p>
|
|
|
|
|
<Popout tip compact>
|
|
|
|
|
Use this if you want to contribute to FreeSewing, for the betterment of all involved
|
|
|
|
|
</Popout>
|
|
|
|
|
<Popout note>
|
|
|
|
|
<ul className="list-inside list-disc">
|
|
|
|
|
<li>
|
|
|
|
|
You need <WebLink href="https://yarnpkg.com/" txt="yarn" /> to work with our
|
|
|
|
|
monorepo
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
Clone the URL to your own fork:
|
|
|
|
|
<Code>{`https://github.com/your-username-here/freesewing`}</Code>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</Popout>
|
|
|
|
|
</div>
|
2022-07-02 22:56:22 +02:00
|
|
|
</div>
|
2022-10-03 17:48:23 +02:00
|
|
|
</div>
|
2022-10-04 18:47:36 +02:00
|
|
|
<div className="w-full m-auto lg:my-32">
|
2022-10-03 17:48:23 +02:00
|
|
|
<div
|
2022-10-04 18:47:36 +02:00
|
|
|
className="bg-cover bg-neutral w-full bg-center shadow p-4 py-12"
|
2022-10-03 17:48:23 +02:00
|
|
|
style={{ backgroundImage: 'url(/support.jpg)' }}
|
|
|
|
|
>
|
2022-10-04 18:47:36 +02:00
|
|
|
<div className="max-w-6xl m-auto">
|
|
|
|
|
<h2 className="text-neutral-content p-4 text-4xl font-bold sm:font-light sm:text-6xl drop-shadow">
|
|
|
|
|
Support FreeSewing
|
|
|
|
|
</h2>
|
2022-10-13 15:28:29 +02:00
|
|
|
<p className="text-neutral-content p-4 font-bold max-w-md text-lg drop-shadow">
|
2022-10-04 18:47:36 +02:00
|
|
|
FreeSewing is fuelled by a voluntary subscription model
|
|
|
|
|
</p>
|
2022-10-13 15:28:29 +02:00
|
|
|
<p className="text-neutral-content p-4 font-bold max-w-md text-lg drop-shadow">
|
2022-10-04 18:47:36 +02:00
|
|
|
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>
|
2022-07-02 22:56:22 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-10-04 18:25:23 +02:00
|
|
|
<div className="max-w-7xl m-auto my-8 lg:my-32">
|
2022-10-03 17:48:23 +02:00
|
|
|
<div className="px-8 text-base-content">
|
|
|
|
|
<Icons
|
|
|
|
|
app={app}
|
|
|
|
|
active="/"
|
2022-10-04 18:25:23 +02:00
|
|
|
ulClasses="grid grid-cols-2 gap-4 w-full lg:grid-cols-4 lg:gap-8 mt-8 max-w-6xl"
|
|
|
|
|
liClasses=""
|
2022-10-03 17:48:23 +02:00
|
|
|
linkClasses={`
|
2022-05-12 10:27:42 +02:00
|
|
|
text-lg lg:text-xl py-1 text-base-content
|
|
|
|
|
hover:text-secondary sm:hover:text-secondary-focus hover:cursor-pointer
|
|
|
|
|
flex flex-col items-center capitalize`}
|
2022-10-03 17:48:23 +02:00
|
|
|
/>
|
|
|
|
|
</div>
|
2022-05-12 10:27:42 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-12-11 14:04:05 +01:00
|
|
|
</Page>
|
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
|
2022-02-13 16:00:00 +01:00
|
|
|
|
2022-09-25 00:12:24 -04:00
|
|
|
export async function getStaticProps() {
|
2022-02-13 16:00:00 +01:00
|
|
|
return {
|
|
|
|
|
props: {
|
2022-03-29 16:30:14 +02:00
|
|
|
...(await serverSideTranslations('en')),
|
2022-10-03 17:48:23 +02:00
|
|
|
},
|
2022-02-13 16:00:00 +01:00
|
|
|
}
|
|
|
|
|
}
|
