Val Town Code SearchReturn to Val Town

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

5<p align=center>
6<a href="https://maxm-valtownchatgpt.web.val.run/">
7<img width=600 src="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c180aba1-997a-4e40-615a-1ed8456b5a00/public">
8</a>
9</p>

3Cobbled together from here: https://github.com/denoland/fresh_charts/tree/main/examples
4
5Render charts as HTML or as images. This image is rendered by the val below: 
6
7![](https://maxm-freshchartsexample.web.val.run/img-chart)

1`content-checker` is designed to be a modern, open-source library for programmatic and AI content moderation. Currently content-checker supports image and text moderation.
2Thanks to LLMs in addition to detecting specific profane words, we can detect malicious **intent** in text.
3So, a user who tries to circumvent the AI profanity filter by using a variation of a profane word, or even just a malicious phrase
4without a specific word in the profanity list, will still be flagged. Image moderation is also supported, using the Inception V3 model of the NSFW JS library.
5
6Future features will include moderation tools (auto-ban, bots), more powerful models, and multimedia support for video and audio moderation.

63        <p class="small">
64          <code onClick="copyToClipboard(this)" tabIndex="0">
65            {`<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 16 16'><text x='0' y='14'>😽</text></svg>" />`}
66          </code>
67        </p>
100    200,
101    {
102      "Content-Type": "image/svg+xml",
103    },
104  );

2<h1 align=center>Blooming Button</h1> 
3<p align=center>
4<img width="400px" src="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4a5a63c6-4094-44a9-0406-e74b679e1700/public" 
5</p>
6

1/** @jsxImportSource https://esm.sh/hono@latest/jsx **/
2import { Hono } from "https://esm.sh/hono";
3import { generateImage } from "https://esm.town/v/isidentical/falImageGen";
4import { thisValURL } from "https://esm.town/v/stevekrouse/thisValURL";
5
26  const prompt = form.get("prompt");
27  const start = performance.now();
28  const { url } = await generateImage(prompt);
29  const duration = performance.now() - start;
30  return c.html(

3This is a lightweight Blob Admin interface to view and debug your Blob data.
4
5![b7321ca2cd80899250589b9aa08bc3cae9c7cea276282561194e7fc537259b46.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/311a81bb-18d8-4583-b7e3-64bac326f700/public)
6
7Use this button to install the val:

38            ["bold", "italic", "underline", "strike"], // toggled buttons
39            ["blockquote", "code-block"],
40            ["link", "image", "video", "formula"],
41          
42            [{ "header": 1 }, { "header": 2 }], // custom button values