1import { createCanvas, loadImage } from "https://deno.land/x/canvas@v1.4.1/mod.ts";
2import GifEncoder from "https://esm.sh/gif-encoder";
3import { DateTime } from "https://esm.sh/luxon";
11 const height = 300;
12 const canvas = createCanvas(width, height);
13 const img = await loadImage("https://static.esm.town/build/_assets/valtown-logotype-blackOnWhite-R2XK5XHC.png");
14 const encoder = new GifEncoder(width, height);
15 encoder.setRepeat(0);
32 ctx.rotate(angle);
33 ctx.scale(scale, scale);
34 ctx.drawImage(img, -img.width() / 2, -img.height() / 2, img.width(), img.height());
35 ctx.restore();
36 angle += 0.02;
38 const now = DateTime.now().setZone("America/New_York").toFormat("yyyy-LL-dd hh:mm:ss");
39 ctx.fillText(now, 35, 50);
40 encoder.addFrame(ctx.getImageData(0, 0, width, height).data);
41 }, 20);
42 },
50 return new Response(body, {
51 headers: {
52 "Content-Type": "image/gif",
53 },
54 });
9 },
10 info: {
11 imageUrl: "https://jordanscales.com/me.png",
12 allImagesUrl: "https://instagram.com/jdanscales",
13 status:
14 `<span style="color:purple"><em>~*~ do you realize<br>I could have been the one to change your life? - xcx ~*~</em></span>`,
103 name: "Tess",
104 url: "https://twitter.com/_tessr",
105 imageUrl: "https://jordanscales.com/tess.png",
106 },
107 {
108 name: "Gianni",
109 url: "https://twitter.com/giawni",
110 imageUrl: "https://jordanscales.com/gianni.png",
111 },
112 {
113 name: "Jenn",
114 url: "https://livelaugh.blog/",
115 imageUrl: "https://jordanscales.com/jenn.png",
116 },
117 {
118 name: "Sunil",
119 url: "https://twitter.com/threepointone",
120 imageUrl: "https://jordanscales.com/sunil.png",
121 },
122 {
123 name: "Justin",
124 url: "https://twitter.com/modernserf",
125 imageUrl: "https://jordanscales.com/justin.png",
126 },
127 {
128 name: "Slim",
129 url: "https://twitter.com/sliminality",
130 imageUrl: "https://jordanscales.com/slim.png",
131 },
132 {
133 name: "Lex",
134 url: "https://twitter.com/lexbyanyname",
135 imageUrl: "https://jordanscales.com/lex.jpeg",
136 },
137 {
138 name: "Bill",
139 url: "https://twitter.com/bill_pond",
140 imageUrl: "https://jordanscales.com/bill.png",
141 },
142 ],
151 name: "Steve Krouse",
152 url: "https://stevekrouse.com",
153 imageUrl: "https://pbs.twimg.com/profile_images/920962798590595074/MHJaRnhd_400x400.jpg",
154 },
155 },
160 name: "ⓨⓔⓕⓘⓜ",
161 url: "https://yef.im/",
162 imageUrl: "https://jordanscales.com/yefim.png",
163 },
164 },
101 Your description should include:
102 - What content is on the page
103 - Other elements like sidebars, links, images that may be in the page
104 - The author and origin of the page
105 - The stylistic aesthetic of the page
145 - A footer with author information.
146 - Some reasonable links in the body text.
147 - An image. You can create an image by using the following markup:
148 <img src="https://maxm-imggenurl.web.val.run/{your image alt text}" height={image height} />
149 - Specific, concrete information only. NEVER use placeholders or other generic text.
150 `,
101 Your description should include:
102 - What content is on the page
103 - Other elements like sidebars, links, images that may be in the page
104 - The author and origin of the page
105 - The stylistic aesthetic of the page
145 - A footer with author information.
146 - Some reasonable links in the body text.
147 - An image. You can create an image by using the following markup:
148 <img src="https://maxm-imggenurl.web.val.run/{your image alt text}" height={image height} />
149 - Specific, concrete information only. NEVER use placeholders or other generic text.
150 `,
101 Your description should include:
102 - What content is on the page
103 - Other elements like sidebars, links, images that may be in the page
104 - The author and origin of the page
105 - The stylistic aesthetic of the page
145 - A footer with author information.
146 - Some reasonable links in the body text.
147 - An image. You can create an image by using the following markup:
148 <img src="https://maxm-imggenurl.web.val.run/{your image alt text}" height={image height} />
149 - Specific, concrete information only. NEVER use placeholders or other generic text.
150 `,
7 margin: 0.2,
8 filename: 'resume.pdf',
9 image: { type: 'jpeg', quality: 0.98 },
10 html2canvas: { scale: 2 },
11 jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
3import { blob } from "https://esm.town/v/std/blob?v=12";
4import { fileToDataURL } from "https://esm.town/v/stevekrouse/fileToDataURL";
5import { modifyImage } from "https://esm.town/v/stevekrouse/modifyImage";
6import { chat } from "https://esm.town/v/stevekrouse/openai";
7import { Hono } from "npm:hono@3";
23 <html>
24 <head>
25 <title>Image downsizer & saver</title>
26 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
27 <script src="https://cdn.tailwindcss.com" />
52 type="file"
53 id="file"
54 accept="image/*"
55 name="file"
56 />
101 console.log(key);
102
103 /* parse the mimetype out of file-image/png-blahblah */
104 const type = key.split("-")[1];
105
