Skip to content

Commit 180303d

Browse files
crisner1978crisner1978
committed
added directory and adminApp
1 parent 526fc4a commit 180303d

80 files changed

Lines changed: 9895 additions & 311 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

apps/admin/pages/index.tsx renamed to apps/admin/pages/index.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@ import fs from 'fs'
44
import sass from '../saas.json'
55

66
// @ts-ignore
7-
const App = dynamic(() => import('@graphdl/ui/admin/App'), { ssr: false })
7+
const AdminApp = dynamic(() => import('@graphdl/ui/admin/AdminApp'), { ssr: false })
88

9-
const Home = ({ graph }: { graph: any }) => {
10-
return <App graph={graph} />
9+
const Home = ({ graph }) => {
10+
return <AdminApp graph={graph} />
1111
}
1212

1313
export async function getStaticProps() {

‎apps/directory/.gitignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
.next
2+
node_modules

‎apps/directory/LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2022 Shu Ding
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎apps/directory/README.md‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# DB.MW Site
2+
3+
## Local Development
4+
5+
First, run `yarn` to install the dependencies.
6+
7+
Then, run `yarn dev` to start the development server and visit localhost:3000.
8+
9+
## License
10+
11+
This project is licensed under the MIT License.

‎apps/directory/components/CTA.js‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
export default function CTA() {
2+
return (
3+
<div className='relative isolate overflow-hidden bg-gray-900'>
4+
<div className='py-24 px-6 sm:px-6 sm:py-32 lg:px-8'>
5+
<div className='mx-auto max-w-2xl text-center'>
6+
<h2 className='text-3xl font-bold tracking-tight text-white sm:text-4xl'>
7+
Develop faster apps faster
8+
<br />
9+
Start using <a href='/login' className='text-pink-500'>db.mw</a> today.
10+
</h2>
11+
<p className='mx-auto mt-6 max-w-xl text-lg leading-8 text-gray-300'>
12+
Incididunt sint fugiat pariatur cupidatat consectetur sit cillum anim id veniam aliqua proident excepteur
13+
commodo do ea.
14+
</p>
15+
<div className='mt-10 flex items-center justify-center gap-x-6'>
16+
<a
17+
href='#'
18+
className='rounded-md bg-pink-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-pink-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white'
19+
>
20+
Get started
21+
</a>
22+
<a href='#' className='text-sm font-semibold leading-6 text-white'>
23+
Learn more <span aria-hidden='true'>→</span>
24+
</a>
25+
</div>
26+
</div>
27+
</div>
28+
</div>
29+
)
30+
}

‎apps/directory/components/FAQ.js‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
const faqs = [
2+
{
3+
id: 1,
4+
question: `What's the best thing about Switzerland?`,
5+
answer:
6+
`I don't know, but the flag is a big plus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.`,
7+
},
8+
// More questions...
9+
]
10+
11+
export default function FAQ() {
12+
return (
13+
<div id='faq' className='bg-gray-900'>
14+
<div className='mx-auto max-w-7xl py-16 px-6 sm:py-24 lg:px-8'>
15+
<h2 className='text-2xl font-bold leading-10 tracking-tight text-white'>Frequently asked questions</h2>
16+
<p className='mt-6 max-w-2xl text-base leading-7 text-gray-300'>
17+
Have a different question and can’t find the answer you’re looking for? Reach out to our support team by{' '}
18+
<a href='#' className='font-semibold text-pink-400 hover:text-pink-300'>
19+
sending us an email
20+
</a>{' '}
21+
and we’ll get back to you as soon as we can.
22+
</p>
23+
<div className='mt-20'>
24+
<dl className='space-y-16 sm:grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-16 sm:space-y-0 lg:grid-cols-3 lg:gap-x-10'>
25+
{faqs.map((faq) => (
26+
<div key={faq.id}>
27+
<dt className='text-base font-semibold leading-7 text-white'>{faq.question}</dt>
28+
<dd className='mt-2 text-base leading-7 text-gray-300'>{faq.answer}</dd>
29+
</div>
30+
))}
31+
</dl>
32+
</div>
33+
</div>
34+
</div>
35+
)
36+
}

‎apps/directory/components/FeatureScreenshot.js‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
import { CloudArrowUpIcon, LockClosedIcon, ServerIcon } from '@heroicons/react/20/solid'
2+
3+
const features = [
4+
{
5+
name: 'Push to deploy.',
6+
description:
7+
'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione.',
8+
icon: CloudArrowUpIcon,
9+
},
10+
{
11+
name: 'SSL certificates.',
12+
description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
13+
icon: LockClosedIcon,
14+
},
15+
{
16+
name: 'Database backups.',
17+
description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. Et magna sit morbi lobortis.',
18+
icon: ServerIcon,
19+
},
20+
]
21+
22+
export default function FeatureScreenshot() {
23+
return (
24+
<div className='overflow-hidden bg-gray-900 py-24 sm:py-32'>
25+
<div className='mx-auto max-w-7xl px-6 lg:px-8'>
26+
<div className='mx-auto grid max-w-2xl grid-cols-1 gap-y-16 gap-x-8 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2'>
27+
<div className='lg:pr-8 lg:pt-4'>
28+
<div className='lg:max-w-lg'>
29+
<h2 className='text-base font-semibold leading-7 text-pink-400'>Deploy faster</h2>
30+
<p className='mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl'>A better workflow</p>
31+
<p className='mt-6 text-lg leading-8 text-gray-300'>
32+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque,
33+
iste dolor cupiditate blanditiis ratione.
34+
</p>
35+
<dl className='mt-10 max-w-xl space-y-8 text-base leading-7 text-gray-300 lg:max-w-none'>
36+
{features.map((feature) => (
37+
<div key={feature.name} className='relative pl-9'>
38+
<dt className='inline font-semibold text-white'>
39+
<feature.icon className='absolute top-1 left-1 h-5 w-5 text-pink-500' aria-hidden='true' />
40+
{feature.name}
41+
</dt>{' '}
42+
<dd className='inline'>{feature.description}</dd>
43+
</div>
44+
))}
45+
</dl>
46+
</div>
47+
</div>
48+
<img
49+
src='https://tailwindui.com/img/component-images/dark-project-app-screenshot.png'
50+
alt='Product screenshot'
51+
className='w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-white/10 sm:w-[57rem] md:-ml-4 lg:-ml-0'
52+
width={2432}
53+
height={1442}
54+
/>
55+
</div>
56+
</div>
57+
</div>
58+
)
59+
}

‎apps/directory/components/Features.js‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
import { ArrowPathIcon, CloudArrowUpIcon, LockClosedIcon } from '@heroicons/react/20/solid'
2+
3+
const features = [
4+
{
5+
name: 'Push to deploy',
6+
description:
7+
'Commodo nec sagittis tortor mauris sed. Turpis tortor quis scelerisque diam id accumsan nullam tempus. Pulvinar etiam lacus volutpat eu. Phasellus praesent ligula sit faucibus.',
8+
href: '#',
9+
icon: CloudArrowUpIcon,
10+
},
11+
{
12+
name: 'SSL certificates',
13+
description:
14+
'Pellentesque enim a commodo malesuada turpis eleifend risus. Facilisis donec placerat sapien consequat tempor fermentum nibh.',
15+
href: '#',
16+
icon: LockClosedIcon,
17+
},
18+
{
19+
name: 'Simple queues',
20+
description:
21+
'Pellentesque sit elit congue ante nec amet. Dolor aenean curabitur viverra suspendisse iaculis eget. Nec mollis placerat ultricies euismod ut condimentum.',
22+
href: '#',
23+
icon: ArrowPathIcon,
24+
},
25+
]
26+
27+
export default function Features() {
28+
return (
29+
<div id='features' className='bg-gray-900 py-24 sm:py-32'>
30+
<div className='mx-auto max-w-7xl px-6 lg:px-8'>
31+
<div className='mx-auto max-w-2xl lg:text-center'>
32+
<h2 className='text-base font-semibold leading-7 text-pink-400'>Deploy faster</h2>
33+
<p className='mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl'>
34+
Everything you need to deploy your app
35+
</p>
36+
<p className='mt-6 text-lg leading-8 text-gray-300'>
37+
Quis tellus eget adipiscing convallis sit sit eget aliquet quis. Suspendisse eget egestas a elementum
38+
pulvinar et feugiat blandit at. In mi viverra elit nunc.
39+
</p>
40+
</div>
41+
<div className='mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none'>
42+
<dl className='grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3'>
43+
{features.map((feature) => (
44+
<div key={feature.name} className='flex flex-col'>
45+
<dt className='flex items-center gap-x-3 text-base font-semibold leading-7 text-white'>
46+
<feature.icon className='h-5 w-5 flex-none text-pink-400' aria-hidden='true' />
47+
{feature.name}
48+
</dt>
49+
<dd className='mt-4 flex flex-auto flex-col text-base leading-7 text-gray-300'>
50+
<p className='flex-auto'>{feature.description}</p>
51+
<p className='mt-6'>
52+
<a href={feature.href} className='text-sm font-semibold leading-6 text-pink-400'>
53+
Learn more <span aria-hidden='true'>→</span>
54+
</a>
55+
</p>
56+
</dd>
57+
</div>
58+
))}
59+
</dl>
60+
</div>
61+
</div>
62+
</div>
63+
)
64+
}

0 commit comments

Comments
 (0)