Skip to content

Commit b654e7e

Browse files
adithyaakrishnaadithyaakrishna
committed
chore: update og
1 parent 3fd3bc3 commit b654e7e

File tree

1 file changed

+7
-144
lines changed

1 file changed

+7
-144
lines changed

‎apps/sim/app/(landing)/blog/og/route.tsx‎

Lines changed: 7 additions & 144 deletions
Original file line numberDiff line numberDiff line change
@@ -36,96 +36,6 @@ async function loadGoogleFont(font: string, weights: string, text: string): Prom
3636
throw new Error('Failed to load font data')
3737
}
3838

39-
function Block({
40-
x,
41-
y,
42-
w,
43-
h,
44-
color,
45-
opacity = 1,
46-
}: {
47-
x: number
48-
y: number
49-
w: number
50-
h: number
51-
color: string
52-
opacity?: number
53-
}) {
54-
return (
55-
<div
56-
style={{
57-
position: 'absolute',
58-
left: x,
59-
top: y,
60-
width: w,
61-
height: h,
62-
borderRadius: 2.6,
63-
backgroundColor: color,
64-
opacity,
65-
}}
66-
/>
67-
)
68-
}
69-
70-
function BlocksLeft() {
71-
return (
72-
<div style={{ display: 'flex', position: 'relative', width: 34, height: 226 }}>
73-
<Block x={0} y={0} w={34} h={34} color='#FA4EDF' opacity={0.6} />
74-
<Block x={0} y={0} w={17} h={17} color='#FA4EDF' />
75-
<Block x={17} y={0} w={17} h={68} color='#FA4EDF' opacity={0.6} />
76-
<Block x={17} y={17} w={17} h={17} color='#FA4EDF' />
77-
<Block x={0} y={52} w={34} h={17} color='#FA4EDF' opacity={0.6} />
78-
<Block x={17} y={85} w={17} h={141} color='#00F701' opacity={0.6} />
79-
<Block x={0} y={120} w={17} h={17} color='#FFCC02' />
80-
<Block x={0} y={120} w={17} h={34} color='#FFCC02' opacity={0.4} />
81-
<Block x={0} y={154} w={17} h={17} color='#00F701' />
82-
<Block x={0} y={154} w={34} h={34} color='#00F701' opacity={0.5} />
83-
</div>
84-
)
85-
}
86-
87-
function BlocksRight() {
88-
return (
89-
<div style={{ display: 'flex', position: 'relative', width: 34, height: 205 }}>
90-
<Block x={0} y={0} w={17} h={17} color='#FA4EDF' opacity={0.6} />
91-
<Block x={17} y={0} w={17} h={17} color='#FA4EDF' opacity={0.6} />
92-
<Block x={17} y={0} w={34} h={17} color='#FA4EDF' opacity={0.6} />
93-
<Block x={17} y={17} w={17} h={68} color='#FA4EDF' opacity={0.6} />
94-
<Block x={17} y={34} w={17} h={17} color='#FA4EDF' />
95-
<Block x={0} y={34} w={34} h={17} color='#FA4EDF' opacity={0.6} />
96-
<Block x={0} y={69} w={34} h={17} color='#FA4EDF' opacity={0.6} />
97-
<Block x={17} y={102} w={17} h={102} color='#2ABBF8' opacity={0.6} />
98-
<Block x={0} y={137} w={17} h={17} color='#00F701' />
99-
<Block x={0} y={137} w={17} h={34} color='#00F701' opacity={0.4} />
100-
</div>
101-
)
102-
}
103-
104-
function BlocksTopRight() {
105-
return (
106-
<div style={{ display: 'flex', position: 'relative', width: 295, height: 34 }}>
107-
<Block x={0} y={0} w={17} h={34} color='#2ABBF8' />
108-
<Block x={0} y={0} w={17} h={17} color='#2ABBF8' />
109-
<Block x={0} y={0} w={85} h={17} color='#2ABBF8' opacity={0.6} />
110-
<Block x={34} y={0} w={34} h={34} color='#2ABBF8' opacity={0.6} />
111-
<Block x={34} y={0} w={17} h={17} color='#2ABBF8' />
112-
<Block x={52} y={17} w={17} h={17} color='#2ABBF8' />
113-
<Block x={68} y={0} w={55} h={17} color='#00F701' />
114-
<Block x={106} y={0} w={34} h={34} color='#00F701' opacity={0.6} />
115-
<Block x={106} y={0} w={51} h={17} color='#00F701' opacity={0.6} />
116-
<Block x={124} y={17} w={17} h={17} color='#00F701' />
117-
<Block x={157} y={0} w={34} h={17} color='#FFCC02' opacity={0.6} />
118-
<Block x={157} y={0} w={17} h={17} color='#FFCC02' />
119-
<Block x={209} y={0} w={17} h={34} color='#FA4EDF' opacity={0.6} />
120-
<Block x={209} y={0} w={68} h={17} color='#FA4EDF' opacity={0.6} />
121-
<Block x={243} y={0} w={34} h={34} color='#FA4EDF' opacity={0.6} />
122-
<Block x={243} y={0} w={17} h={17} color='#FA4EDF' />
123-
<Block x={260} y={0} w={34} h={17} color='#FA4EDF' opacity={0.6} />
124-
<Block x={261} y={17} w={17} h={17} color='#FA4EDF' />
125-
</div>
126-
)
127-
}
128-
12939
export async function GET(request: NextRequest) {
13040
const slug = request.nextUrl.searchParams.get('slug')
13141

@@ -176,55 +86,9 @@ export async function GET(request: NextRequest) {
17686
backgroundSize: '32px 32px',
17787
}}
17888
/>
179-
<div
180-
style={{
181-
position: 'absolute',
182-
top: 0,
183-
left: 0,
184-
right: 0,
185-
bottom: 0,
186-
border: '1px solid #2A2A2A',
187-
}}
188-
/>
189-
190-
<div
191-
style={{
192-
position: 'absolute',
193-
left: 96,
194-
top: 502,
195-
display: 'flex',
196-
transform: 'rotate(90deg)',
197-
}}
198-
>
199-
<BlocksLeft />
200-
</div>
201-
202-
<div
203-
style={{
204-
position: 'absolute',
205-
right: 0,
206-
top: 212,
207-
display: 'flex',
208-
}}
209-
>
210-
<BlocksRight />
211-
</div>
212-
213-
<div
214-
style={{
215-
position: 'absolute',
216-
right: 0,
217-
top: 0,
218-
display: 'flex',
219-
}}
220-
>
221-
<BlocksTopRight />
222-
</div>
223-
22489
<div style={{ display: 'flex', flexDirection: 'column', gap: 30, zIndex: 1 }}>
22590
<img src={logoDataUrl} alt='Sim' height={33} width={106.5} />
22691
</div>
227-
22892
<div
22993
style={{
23094
display: 'flex',
@@ -243,7 +107,7 @@ export async function GET(request: NextRequest) {
243107
padding: '4px 12px',
244108
backgroundColor: category.color,
245109
color: '#000000',
246-
fontSize: 12,
110+
fontSize: 16,
247111
fontWeight: 700,
248112
textTransform: 'uppercase',
249113
letterSpacing: '0.1em',
@@ -254,7 +118,7 @@ export async function GET(request: NextRequest) {
254118
{post.readingTime && (
255119
<span
256120
style={{
257-
fontSize: 13,
121+
fontSize: 16,
258122
color: '#666666',
259123
textTransform: 'uppercase',
260124
letterSpacing: '0.08em',
@@ -279,7 +143,7 @@ export async function GET(request: NextRequest) {
279143
</div>
280144
<div
281145
style={{
282-
fontSize: 18,
146+
fontSize: 20,
283147
color: '#999999',
284148
lineHeight: 1.5,
285149
maxWidth: '80%',
@@ -292,20 +156,19 @@ export async function GET(request: NextRequest) {
292156
: post.description}
293157
</div>
294158
</div>
295-
296159
<div
297160
style={{
298161
display: 'flex',
299162
justifyContent: 'space-between',
300163
alignItems: 'center',
301164
zIndex: 1,
302165
borderTop: '1px solid #2A2A2A',
303-
paddingTop: 30,
166+
paddingTop: 20,
304167
marginBottom: 30,
305168
}}
306169
>
307170
<div style={{ display: 'flex', alignItems: 'center', gap: 16 }}>
308-
<span style={{ fontSize: 14, color: '#999999', fontWeight: 500 }}>{authorNames}</span>
171+
<span style={{ fontSize: 16, color: '#999999', fontWeight: 500 }}>{authorNames}</span>
309172
<span
310173
style={{
311174
width: 4,
@@ -314,13 +177,13 @@ export async function GET(request: NextRequest) {
314177
borderRadius: '50%',
315178
}}
316179
/>
317-
<span style={{ fontSize: 14, color: '#666666', fontWeight: 500 }}>
180+
<span style={{ fontSize: 16, color: '#666666', fontWeight: 500 }}>
318181
{formatDate(new Date(post.date))}
319182
</span>
320183
</div>
321184
<span
322185
style={{
323-
fontSize: 14,
186+
fontSize: 16,
324187
color: '#666666',
325188
fontWeight: 500,
326189
letterSpacing: '0.05em',

0 commit comments

Comments
 (0)