updated OG generator 20c29459
Steve · 2023-05-09 22:30 2 file(s) · +3 −3
public/social-card.png +0 −0

Binary file — no preview.

src/pages/og-image/[slug].png.ts +3 −3
36 36 
};
37 37 

            

            
            

                38
                38
                 
                
const markup = (title: string, pubDate: string, description: string) => html`<div

            

            
            

                39
                
                -
                
	tw="flex flex-col w-full h-full bg-[#1e1e2e] text-[#cdd6f4]"

            

            
            

                
                39
                +
                
	tw="flex flex-col w-full h-full bg-[#000000] text-[#FFFFFF]"

            

            
            

                40
                40
                 
                
>

            

            
            

                41
                41
                 
                
	<div tw="flex flex-col flex-1 w-full p-10 justify-center">

            

            
            

                42
                42
                 
                
		<p tw="text-2xl mb-6">${pubDate}</p>

            

            
            

                43
                43
                 
                
		<h1 tw="text-6xl font-bold leading-snug text-white">${title}</h1>

            

            
            

                44
                44
                 
                
		<h2 tw="text-2xl font-bold leading-snug text-white">${description}</h2>

            

            
            

                45
                45
                 
                
	</div>

            

            
            

                46
                
                -
                
	<div tw="flex items-center justify-between w-full p-10 border-t border-[#a6e3a1] text-xl">

            

            
            

                
                46
                +
                
	<div tw="flex items-center justify-between w-full p-10 border-t border-[#74c7ec] text-xl">

            

            
            

                47
                47
                 
                
		<div tw="flex items-center">

            

            
            

                48
                48
                 
                
			<svg height="60" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">

            

            
            

                49
                49
                 
                
				<path

            

            
        
            

            
            

                52
                52
                 
                
				/>

            

            
            

                53
                53
                 
                
				<path

            

            
            

                54
                54
                 
                
					d="M249.573 50.9053L151.291 221.053L193.185 258.273L215.528 232.751L249.573 258.273L275.108 232.751L311.281 258.273L350.926 226.37L249.573 50.9053Z"

            

            
            

                55
                
                -
                
					fill="#EDEFF3"

            

            
            

                
                55
                +
                
					fill="#FFFFFF"

            

            
            

                56
                56
                 
                
				/>

            

            
            

                57
                57
                 
                
				<path

            

            
            

                58
                58
                 
                
					d="M151.291 221.053L20.1465 448.094H479L350.926 226.37M151.291 221.053L249.573 50.9053L350.926 226.37M151.291 221.053L193.185 258.273L215.528 232.751L249.573 258.273L275.108 232.751L311.281 258.273L350.926 226.37"