diff --git a/index.html b/index.html index e05e029..9d4c41d 100644 --- a/index.html +++ b/index.html @@ -1669,6 +1669,7 @@ function getShareableImageUrl(proposal) { // Make sure we have valid text to work with const text = proposal.text || "Unknown petition"; const authorName = proposal.author_name || "Anonymous"; + const encodedupVotes = proposal.upvotes || "fk all"; // Encode the proposal text for URL - handle special characters better // Limit text length to avoid excessively long URLs @@ -1690,10 +1691,17 @@ function getShareableImageUrl(proposal) { // Transformation parameters for text overlay - adjust for better readability const textParams = `l_text:Roboto_30_bold:${encodedText}` + - `,co_white,w_480,c_fit,g_north,y_60,x_50` + - `/l_text:Roboto_18:Posted%20by%20${encodedAuthor}` + - `,co_rgb:aaaaaa,g_north_west,y_150,x_50`; - + `,co_rgb:EAEAEA,w_600,c_fit,g_north,y_100,x_50` + + `/l_text:Roboto_22_bold:${encodedAuthor}` + + `,co_rgb:FF00FF,g_north_west,y_30,x_50` + + `/l_text:Roboto_18:✔ ${encodedSignatures} verified signatures` + + `,co_rgb:00FF00,g_north_west,y_180,x_50` + + `/l_text:Roboto_18:${encodedupVotes} votes` + + `,co_rgb:EAEAEA,g_north_west,y_220,x_50` + + `/l_text:Roboto_16:${encodedTimestamp}` + + `,co_rgb:AAAAAA,g_north_west,y_250,x_50` + + `/b_black,w_800,h_400,c_fill`; + // URL of your template image in R2 const templateUrl = encodeURIComponent("https://radical.omar-c29.workers.dev/memes/petition-template.png");