changes to og-image generation 4902facf
Steve · 2023-04-23 11:31 1 file(s) · +3 −3
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-[#2e3440] text-[#edeff3]"

            

            
            

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

            

            
            

                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-[#a3be8c] text-xl">

            

            
            

                
                46
                +
                
	<div tw="flex items-center justify-between w-full p-10 border-t border-[#a6e3a1] 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
                
                -
                
<path d="M20.1465 448.094H479L350.926 226.37L311.281 258.273L275.108 232.751L249.573 258.273L215.528 232.751L193.185 258.273L151.291 221.053L20.1465 448.094Z" fill="#88C0D0"/>

            

            
            

                
                49
                +
                
<path d="M20.1465 448.094H479L350.926 226.37L311.281 258.273L275.108 232.751L249.573 258.273L215.528 232.751L193.185 258.273L151.291 221.053L20.1465 448.094Z" fill="#74c7ec"/>

            

            
            

                50
                50
                 
                
<path 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" fill="#EDEFF3"/>

            

            
            

                51
                51
                 
                
<path 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" stroke="black" stroke-width="7"/>

            

            
            

                52
                52
                 
                
<line x1="265.341" y1="167.541" x2="294.587" y2="218.169" stroke="black" stroke-width="5"/>