Skip to content

Commit 64aa0c3

Browse files
jimmyleejimmylee
committed
1.1.6 - nextjs 15.3.3
1 parent 6228ba7 commit 64aa0c3

File tree

12 files changed

+741
-11
lines changed

12 files changed

+741
-11
lines changed

‎app/concept-1/head.tsx‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import DefaultMetaTags from '@components/DefaultMetaTags';
2+
3+
export default async function Head({ params }) {
4+
return (
5+
<>
6+
<DefaultMetaTags />
7+
</>
8+
);
9+
}

‎app/concept-1/layout.tsx‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Providers from '@components/Providers';
2+
3+
export default function RootLayout({ children }: { children: React.ReactNode }) {
4+
return (
5+
<html lang="en-us">
6+
<body className="theme-light">
7+
<Providers>{children}</Providers>
8+
</body>
9+
</html>
10+
);
11+
}

‎app/concept-1/page.tsx‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
import '@root/global.scss';
2+
3+
import * as Constants from '@common/constants';
4+
import * as Utilities from '@common/utilities';
5+
6+
import DefaultLayout from '@components/page/DefaultLayout';
7+
import DefaultActionBar from '@components/page/DefaultActionBar';
8+
import Package from '@root/package.json';
9+
import DebugGrid from '@components/DebugGrid';
10+
import ModalStack from '@components/ModalStack';
11+
import PageConceptOne from '@components/examples/PageConceptOne';
12+
13+
export const dynamic = 'force-static';
14+
15+
// NOTE(jimmylee)
16+
// https://nextjs.org/docs/app/api-reference/functions/generate-metadata
17+
export async function generateMetadata({ params, searchParams }) {
18+
const title = `${Package.name}: Concept I`;
19+
const description = Package.description;
20+
const url = 'https://sacred.computer/conept-1';
21+
const handle = '@internetxstudio';
22+
23+
return {
24+
description,
25+
icons: {
26+
apple: [{ url: '/apple-touch-icon.png' }, { url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' }],
27+
icon: '/favicon-32x32.png',
28+
other: [
29+
{
30+
rel: 'apple-touch-icon-precomposed',
31+
url: '/apple-touch-icon-precomposed.png',
32+
},
33+
],
34+
shortcut: '/favicon-16x16.png',
35+
},
36+
metadataBase: new URL('https://sacred.computer/concept-1'),
37+
openGraph: {
38+
description,
39+
images: [
40+
{
41+
url: 'https://intdev-global.s3.us-west-2.amazonaws.com/public/internet-dev/57a5715d-d332-47d0-8ec8-40cfa75bf36f.png',
42+
width: 1500,
43+
height: 785,
44+
},
45+
],
46+
title,
47+
type: 'website',
48+
url,
49+
},
50+
title,
51+
twitter: {
52+
card: 'summary_large_image',
53+
description,
54+
handle,
55+
images: ['https://intdev-global.s3.us-west-2.amazonaws.com/public/internet-dev/57a5715d-d332-47d0-8ec8-40cfa75bf36f.png'],
56+
title,
57+
url,
58+
},
59+
url,
60+
};
61+
}
62+
63+
export default async function Page(props) {
64+
return (
65+
<>
66+
<DebugGrid />
67+
<DefaultActionBar />
68+
<ModalStack />
69+
<PageConceptOne />
70+
</>
71+
);
72+
}

‎app/concept-2/head.tsx‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import DefaultMetaTags from '@components/DefaultMetaTags';
2+
3+
export default async function Head({ params }) {
4+
return (
5+
<>
6+
<DefaultMetaTags />
7+
</>
8+
);
9+
}

‎app/concept-2/layout.tsx‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Providers from '@components/Providers';
2+
3+
export default function RootLayout({ children }: { children: React.ReactNode }) {
4+
return (
5+
<html lang="en-us">
6+
<body className="theme-light">
7+
<Providers>{children}</Providers>
8+
</body>
9+
</html>
10+
);
11+
}

‎app/concept-2/page.tsx‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
import '@root/global.scss';
2+
3+
import * as Constants from '@common/constants';
4+
import * as Utilities from '@common/utilities';
5+
6+
import DefaultLayout from '@components/page/DefaultLayout';
7+
import DefaultActionBar from '@components/page/DefaultActionBar';
8+
import Package from '@root/package.json';
9+
import DebugGrid from '@components/DebugGrid';
10+
import ModalStack from '@components/ModalStack';
11+
import PageConceptTwo from '@components/examples/PageConceptTwo';
12+
13+
export const dynamic = 'force-static';
14+
15+
// NOTE(jimmylee)
16+
// https://nextjs.org/docs/app/api-reference/functions/generate-metadata
17+
export async function generateMetadata({ params, searchParams }) {
18+
const title = `${Package.name}: Concept I`;
19+
const description = Package.description;
20+
const url = 'https://sacred.computer/conept-2';
21+
const handle = '@internetxstudio';
22+
23+
return {
24+
description,
25+
icons: {
26+
apple: [{ url: '/apple-touch-icon.png' }, { url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' }],
27+
icon: '/favicon-32x32.png',
28+
other: [
29+
{
30+
rel: 'apple-touch-icon-precomposed',
31+
url: '/apple-touch-icon-precomposed.png',
32+
},
33+
],
34+
shortcut: '/favicon-16x16.png',
35+
},
36+
metadataBase: new URL('https://sacred.computer/concept-2'),
37+
openGraph: {
38+
description,
39+
images: [
40+
{
41+
url: 'https://intdev-global.s3.us-west-2.amazonaws.com/public/internet-dev/57a5715d-d332-47d0-8ec8-40cfa75bf36f.png',
42+
width: 1500,
43+
height: 785,
44+
},
45+
],
46+
title,
47+
type: 'website',
48+
url,
49+
},
50+
title,
51+
twitter: {
52+
card: 'summary_large_image',
53+
description,
54+
handle,
55+
images: ['https://intdev-global.s3.us-west-2.amazonaws.com/public/internet-dev/57a5715d-d332-47d0-8ec8-40cfa75bf36f.png'],
56+
title,
57+
url,
58+
},
59+
url,
60+
};
61+
}
62+
63+
export default async function Page(props) {
64+
return (
65+
<>
66+
<DebugGrid />
67+
<DefaultActionBar />
68+
<ModalStack />
69+
<PageConceptTwo />
70+
</>
71+
);
72+
}

‎app/page.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@ export async function generateMetadata({ params, searchParams }) {
9797
],
9898
shortcut: '/favicon-16x16.png',
9999
},
100-
metadataBase: new URL('https://wireframes.internet.dev'),
100+
metadataBase: new URL('https://sacred.computer'),
101101
openGraph: {
102102
description,
103103
images: [
@@ -244,7 +244,7 @@ export default async function Page(props) {
244244
<br />
245245
<Card title="EXAMPLE">
246246
<Avatar src="https://pbs.twimg.com/profile_images/1892435035430801409/ExonBPYi_400x400.jpg" href="https://internet.dev" target="_blank" />
247-
<Avatar src="https://pbs.twimg.com/profile_images/1893001029421015040/Giy-FV6B_400x400.jpg" href="https://internet.dev" target="_blank" />
247+
<Avatar src="https://pbs.twimg.com/profile_images/1925213285663805441/fUiKWlj2_400x400.jpg" href="https://internet.dev" target="_blank" />
248248
<Avatar src="https://pbs.twimg.com/profile_images/1890125319224598528/ZILr9OGp_400x400.jpg" href="https://internet.dev" target="_blank" />
249249
<Avatar src="https://pbs.twimg.com/profile_images/1748647089633169408/B7vd7ito_400x400.jpg" href="https://internet.dev" target="_blank" />
250250
<Avatar src="https://pbs.twimg.com/profile_images/1841883108305731585/3rhRm7aY_400x400.jpg" href="https://internet.dev" target="_blank" />
@@ -286,7 +286,7 @@ export default async function Page(props) {
286286
Webmaster
287287
</Indent>
288288
</Avatar>
289-
<Avatar src="https://pbs.twimg.com/profile_images/1893001029421015040/Giy-FV6B_400x400.jpg" href="https://x.com/wwwjim" target="_blank">
289+
<Avatar src="https://pbs.twimg.com/profile_images/1925213285663805441/fUiKWlj2_400x400.jpg" href="https://x.com/wwwjim" target="_blank">
290290
<Indent>
291291
JIMMY LEE
292292
<br />

‎components/examples/PageConceptOne.module.scss‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
.root {
2+
display: flex;
3+
flex-direction: column;
4+
justify-content: space-between;
5+
align-items: center;
6+
height: calc(100dvh);
7+
width: 100%;
8+
}
9+
10+
.top {
11+
min-height: 10%;
12+
height: 100%;
13+
width: 100%;
14+
display: flex;
15+
align-items: center;
16+
justify-content: space-between;
17+
flex-direction: column;
18+
padding-top: calc(var(--theme-line-height-base) * 1rem);
19+
}
20+
21+
.bottom {
22+
width: 100%;
23+
display: flex;
24+
flex-direction: row;
25+
justify-content: space-between;
26+
flex-shrink: 0;
27+
}
28+
29+
.heading {
30+
flex-shrink: 0;
31+
flex-direction: row;
32+
width: 100%;
33+
display: flex;
34+
justify-content: space-between;
35+
}
36+
37+
.middle {
38+
min-height: 10%;
39+
min-width: 10%;
40+
height: 100%;
41+
width: 100%;
42+
display: flex;
43+
align-items: center;
44+
justify-content: center;
45+
}
46+
47+
.base {
48+
flex-shrink: 0;
49+
flex-direction: row;
50+
width: 100%;
51+
display: flex;
52+
justify-content: space-between;
53+
}
54+
55+
.left {
56+
flex-shrink: 0;
57+
padding: calc(var(--theme-line-height-base) * 1rem) 2ch calc(var(--theme-line-height-base) * 1rem) 2ch;
58+
}
59+
60+
.right {
61+
flex-shrink: 0;
62+
padding: calc(var(--theme-line-height-base) * 1rem) 2ch calc(var(--theme-line-height-base) * 1rem) 2ch;
63+
}
64+
65+
.center {
66+
min-width: 10%;
67+
width: 100%;
68+
}
69+
70+
.col {
71+
width: 20%;
72+
padding: calc(var(--theme-line-height-base) * 1rem) 2ch calc(var(--theme-line-height-base) * 1rem) 2ch;
73+
}

0 commit comments

Comments
 (0)