Val Town Code SearchReturn to Val Town

1null
2
3Migrated from folder: asciiNyc/asciiImageExample

106      Your description should include:
107      - What content is on the page
108      - Other elements like sidebars, links, images that may be in the page
109      - The author and origin of the page
110      - The stylistic aesthetic of the page
143      - A footer with author information.
144      - Some reasonable links in the body text.
145      - An image. You can create an image by using the following markup:
146        <img src="https://maxm-imggenurl.web.val.run/{your image alt text}" height={image height} />
147      - Specific, concrete information only. NEVER use placeholders or other generic text.
148      `,

3Move circles around. State is synced with the server. Open a window in another tab and watch the circles update as you move them .
4
5![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e2a6db10-906d-4398-6e13-32475a0b6500/public)
6

1
2![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/2c54c8e1-7549-4e8b-3adc-7ec013fc3e00/public)
3

3Move circles around. State is synced with the server. Open a window in another tab and watch the circles update as you move them .
4
5![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e2a6db10-906d-4398-6e13-32475a0b6500/public)
6

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  });

1Create your own Myspace profile, deployed to Val town. https://jdan-myspace.web.val.run
2
3![Screenshot 2024-04-27 at 7.20.32 PM.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/cd8881fd-a0ab-4687-1da1-21f4cdcaad00/public)
4
5Click "..." and select Fork to create your own. 
6
7![Screenshot 2024-04-27 at 7.18.00 PM.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/102d5f8f-0f9e-4351-c654-b3540a660b00/public)
8
9From there you can:

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      `,