Skip to content

Commit 796e2b8

Browse files
CodeMeAPixelCodeMeAPixel
committed
fix: stuff and things
1 parent c31a28c commit 796e2b8

14 files changed

Lines changed: 693 additions & 7 deletions

‎app/(blog)/opengraph-image.tsx‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
import { ImageResponse } from "next/og";
2+
3+
export const runtime = "nodejs";
4+
export const alt = "FixFX Blog";
5+
export const size = {
6+
width: 1200,
7+
height: 630,
8+
};
9+
10+
export const contentType = "image/png";
11+
12+
export default function Image() {
13+
return new ImageResponse(
14+
(
15+
<div
16+
style={{
17+
fontSize: 128,
18+
background: "linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%)",
19+
width: "100%",
20+
height: "100%",
21+
display: "flex",
22+
flexDirection: "column",
23+
alignItems: "center",
24+
justifyContent: "center",
25+
padding: "40px",
26+
gap: "20px",
27+
}}
28+
>
29+
<div
30+
style={{
31+
fontSize: 72,
32+
fontWeight: "bold",
33+
color: "#5865f2",
34+
textAlign: "center",
35+
}}
36+
>
37+
FixFX Blog
38+
</div>
39+
<div
40+
style={{
41+
fontSize: 48,
42+
color: "#a8b5ff",
43+
textAlign: "center",
44+
maxWidth: "800px",
45+
}}
46+
>
47+
Latest updates and insights from the FiveM community
48+
</div>
49+
</div>
50+
),
51+
{
52+
...size,
53+
},
54+
);
55+
}

‎app/(blog)/twitter-image.tsx‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
import { ImageResponse } from "next/og";
2+
3+
export const runtime = "nodejs";
4+
export const alt = "FixFX Blog";
5+
export const size = {
6+
width: 506,
7+
height: 506,
8+
};
9+
10+
export const contentType = "image/png";
11+
12+
export default function Image() {
13+
return new ImageResponse(
14+
(
15+
<div
16+
style={{
17+
fontSize: 128,
18+
background: "linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%)",
19+
width: "100%",
20+
height: "100%",
21+
display: "flex",
22+
flexDirection: "column",
23+
alignItems: "center",
24+
justifyContent: "center",
25+
padding: "40px",
26+
gap: "20px",
27+
}}
28+
>
29+
<div
30+
style={{
31+
fontSize: 72,
32+
fontWeight: "bold",
33+
color: "#5865f2",
34+
textAlign: "center",
35+
}}
36+
>
37+
FixFX
38+
</div>
39+
<div
40+
style={{
41+
fontSize: 28,
42+
color: "#a8b5ff",
43+
textAlign: "center",
44+
}}
45+
>
46+
Blog
47+
</div>
48+
</div>
49+
),
50+
{
51+
...size,
52+
},
53+
);
54+
}

‎app/(docs)/opengraph-image.tsx‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
import { ImageResponse } from "next/og";
2+
3+
export const runtime = "nodejs";
4+
export const alt = "FixFX Documentation";
5+
export const size = {
6+
width: 1200,
7+
height: 630,
8+
};
9+
10+
export const contentType = "image/png";
11+
12+
export default function Image() {
13+
return new ImageResponse(
14+
(
15+
<div
16+
style={{
17+
fontSize: 128,
18+
background: "linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%)",
19+
width: "100%",
20+
height: "100%",
21+
display: "flex",
22+
flexDirection: "column",
23+
alignItems: "center",
24+
justifyContent: "center",
25+
padding: "40px",
26+
gap: "20px",
27+
}}
28+
>
29+
<div
30+
style={{
31+
fontSize: 72,
32+
fontWeight: "bold",
33+
color: "#5865f2",
34+
textAlign: "center",
35+
}}
36+
>
37+
FixFX Docs
38+
</div>
39+
<div
40+
style={{
41+
fontSize: 48,
42+
color: "#a8b5ff",
43+
textAlign: "center",
44+
maxWidth: "800px",
45+
}}
46+
>
47+
Comprehensive guides and information for the CitizenFX ecosystem
48+
</div>
49+
</div>
50+
),
51+
{
52+
...size,
53+
},
54+
);
55+
}

‎app/(docs)/twitter-image.tsx‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
import { ImageResponse } from "next/og";
2+
3+
export const runtime = "nodejs";
4+
export const alt = "FixFX Documentation";
5+
export const size = {
6+
width: 506,
7+
height: 506,
8+
};
9+
10+
export const contentType = "image/png";
11+
12+
export default function Image() {
13+
return new ImageResponse(
14+
(
15+
<div
16+
style={{
17+
fontSize: 128,
18+
background: "linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%)",
19+
width: "100%",
20+
height: "100%",
21+
display: "flex",
22+
flexDirection: "column",
23+
alignItems: "center",
24+
justifyContent: "center",
25+
padding: "40px",
26+
gap: "20px",
27+
}}
28+
>
29+
<div
30+
style={{
31+
fontSize: 72,
32+
fontWeight: "bold",
33+
color: "#5865f2",
34+
textAlign: "center",
35+
}}
36+
>
37+
FixFX
38+
</div>
39+
<div
40+
style={{
41+
fontSize: 28,
42+
color: "#a8b5ff",
43+
textAlign: "center",
44+
}}
45+
>
46+
Docs
47+
</div>
48+
</div>
49+
),
50+
{
51+
...size,
52+
},
53+
);
54+
}

‎app/(landing)/opengraph-image.tsx‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
import { ImageResponse } from "next/og";
2+
3+
export const runtime = "nodejs";
4+
export const alt = "FixFX";
5+
export const size = {
6+
width: 1200,
7+
height: 630,
8+
};
9+
10+
export const contentType = "image/png";
11+
12+
export default function Image() {
13+
return new ImageResponse(
14+
(
15+
<div
16+
style={{
17+
fontSize: 128,
18+
background: "linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%)",
19+
width: "100%",
20+
height: "100%",
21+
display: "flex",
22+
flexDirection: "column",
23+
alignItems: "center",
24+
justifyContent: "center",
25+
padding: "40px",
26+
gap: "20px",
27+
}}
28+
>
29+
<div
30+
style={{
31+
fontSize: 72,
32+
fontWeight: "bold",
33+
color: "#5865f2",
34+
textAlign: "center",
35+
}}
36+
>
37+
FixFX
38+
</div>
39+
<div
40+
style={{
41+
fontSize: 48,
42+
color: "#a8b5ff",
43+
textAlign: "center",
44+
maxWidth: "800px",
45+
}}
46+
>
47+
Comprehensive guides for the CitizenFX ecosystem
48+
</div>
49+
<div
50+
style={{
51+
fontSize: 32,
52+
color: "#7c8aff",
53+
marginTop: "20px",
54+
}}
55+
>
56+
Powered by the Community
57+
</div>
58+
</div>
59+
),
60+
{
61+
...size,
62+
},
63+
);
64+
}

‎app/(landing)/twitter-image.tsx‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
import { ImageResponse } from "next/og";
2+
3+
export const runtime = "nodejs";
4+
export const alt = "FixFX";
5+
export const size = {
6+
width: 506,
7+
height: 506,
8+
};
9+
10+
export const contentType = "image/png";
11+
12+
export default function Image() {
13+
return new ImageResponse(
14+
(
15+
<div
16+
style={{
17+
fontSize: 128,
18+
background: "linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%)",
19+
width: "100%",
20+
height: "100%",
21+
display: "flex",
22+
flexDirection: "column",
23+
alignItems: "center",
24+
justifyContent: "center",
25+
padding: "40px",
26+
gap: "20px",
27+
}}
28+
>
29+
<div
30+
style={{
31+
fontSize: 72,
32+
fontWeight: "bold",
33+
color: "#5865f2",
34+
textAlign: "center",
35+
}}
36+
>
37+
FixFX
38+
</div>
39+
<div
40+
style={{
41+
fontSize: 28,
42+
color: "#a8b5ff",
43+
textAlign: "center",
44+
}}
45+
>
46+
FiveM Guides
47+
</div>
48+
</div>
49+
),
50+
{
51+
...size,
52+
},
53+
);
54+
}

‎app/artifacts/opengraph-image.tsx‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
import { ImageResponse } from "next/og";
2+
3+
export const runtime = "nodejs";
4+
export const alt = "FixFX Artifacts";
5+
export const size = {
6+
width: 1200,
7+
height: 630,
8+
};
9+
10+
export const contentType = "image/png";
11+
12+
export default function Image() {
13+
return new ImageResponse(
14+
(
15+
<div
16+
style={{
17+
fontSize: 128,
18+
background: "linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%)",
19+
width: "100%",
20+
height: "100%",
21+
display: "flex",
22+
flexDirection: "column",
23+
alignItems: "center",
24+
justifyContent: "center",
25+
padding: "40px",
26+
gap: "20px",
27+
}}
28+
>
29+
<div
30+
style={{
31+
fontSize: 72,
32+
fontWeight: "bold",
33+
color: "#5865f2",
34+
textAlign: "center",
35+
}}
36+
>
37+
FixFX Artifacts
38+
</div>
39+
<div
40+
style={{
41+
fontSize: 48,
42+
color: "#a8b5ff",
43+
textAlign: "center",
44+
maxWidth: "800px",
45+
}}
46+
>
47+
Access FiveM and RedM server artifacts
48+
</div>
49+
</div>
50+
),
51+
{
52+
...size,
53+
},
54+
);
55+
}

0 commit comments

Comments
 (0)