Val Town Code SearchReturn to Val Town

2  // Background
3  BACKGROUND:
4    "https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/8b501664-722e-4be8-cf71-83aab7756e00/public",
5
6  // Stevens
7  STEVENS_FRONT:
8    "https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/8b8432bb-add2-44ad-bb12-44b8ea215500/public",
9  STEVENS_BACK:
10    "https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e28da8ab-7710-4b82-8e32-8fdf65c2ed00/public",
11  STEVENS_WALKING:
12    "https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/bd7b9997-09b2-4b35-6eb9-9975a85bb700/public",
13
14  // Mailman
15  MAILMAN_STANDING:
16    "https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/20a6493d-cc31-475e-aa83-ac97d317e400/public",
17  MAILMAN_WALKING:
18    "https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/61604576-8a83-4d85-d5e4-8e8e26641700/public",
19};
20

82  const [cookieAndTeaMode, setCookieAndTeaMode] = useState(false);
83
84  // Fetch images from backend instead of blob storage directly
85  useEffect(() => {
86    // Set default background color in case image doesn't load
87    if (document.body) {
88      document.body.style.backgroundColor = "#2D1700"; // Dark brown leather color
89    }
90
91    // Fetch avatar image
92    fetch("/api/images/stevens.jpg")
93      .then((response) => {
94        if (response.ok) return response.blob();
95        throw new Error("Failed to load avatar image");
96      })
97      .then((imageBlob) => {
98        const url = URL.createObjectURL(imageBlob);
99        setAvatarUrl(url);
100      })
104
105    // Fetch wood background
106    fetch("/api/images/wood.jpg")
107      .then((response) => {
108        if (response.ok) return response.blob();
109        throw new Error("Failed to load wood background");
110      })
111      .then((imageBlob) => {
112        const url = URL.createObjectURL(imageBlob);
113        setWoodUrl(url);
114
115        // Apply wood background to body
116        if (document.body) {
117          document.body.style.backgroundImage = `url(${url})`;
118        }
119      })
362      return {
363        position: SCENE_ELEMENTS.DESK_SITTING,
364        image: ASSETS.STEVENS_FRONT,
365        highlightElement: SCENE_ELEMENTS.DESK,
366        animationClass: "no-animation",
372      return {
373        position: SCENE_ELEMENTS.DESK_SITTING,
374        image: ASSETS.STEVENS_FRONT,
375        highlightElement: null,
376        animationClass: "no-animation",
387            y: SCENE_ELEMENTS.MAILBOX.y - 20,
388          },
389          image: ASSETS.STEVENS_BACK,
390          highlightElement: SCENE_ELEMENTS.MAILBOX,
391          animationClass: "walk-to-mailbox",
398            y: SCENE_ELEMENTS.CALENDAR.y + 30,
399          },
400          image: ASSETS.STEVENS_BACK,
401          highlightElement: SCENE_ELEMENTS.CALENDAR,
402          animationClass: "walk-to-calendar",
409            y: SCENE_ELEMENTS.TELEGRAM.y + 10,
410          },
411          image: ASSETS.STEVENS_BACK,
412          highlightElement: SCENE_ELEMENTS.TELEGRAM,
413          animationClass: "walk-to-telegram",
417        return {
418          position: SCENE_ELEMENTS.OUTSIDE,
419          image: ASSETS.STEVENS_FRONT,
420          highlightElement: null,
421          animationClass: "walk-to-outside",
425        return {
426          position: SCENE_ELEMENTS.DESK_SITTING,
427          image: ASSETS.STEVENS_FRONT,
428          highlightElement: SCENE_ELEMENTS.DESK,
429          animationClass: "walk-to-desk",
623          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4),
624            0 3px 8px rgba(0, 0, 0, 0.5);
625          image-rendering: pixelated;
626          cursor: pointer;
627          transition: transform 0.2s;
634        .notebook-pages {
635          background-color: #f8f1e0;
636          background-image: linear-gradient(#d6c6a5 1px, transparent 1px);
637          background-size: 100% 16px;
638          box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
639          image-rendering: pixelated;
640        }
641
652
653        .pixel-character {
654          image-rendering: pixelated;
655          position: absolute;
656          transition: left 0.7s ease-in-out, top 0.7s ease-in-out;
763          className="w-[512px] h-[512px] mx-auto relative"
764          style={{
765            backgroundImage: `url(${ASSETS.BACKGROUND})`,
766            backgroundSize: "cover",
767            backgroundPosition: "center",
768            imageRendering: "pixelated",
769          }}
770        >
799          {/* Stevens character */}
800          <img
801            src={stevensState.image}
802            alt="Stevens"
803            className={`pixel-character ${

2title: "cssNeuroNoiseGlslShaderV2"
3description: "valtown version of a cool thing I found"
4imageUrl: "https://chatgpt.com/backend-api/public_content/enc/eyJpZCI6Im1fNjgxNTI5NTIxOGI4ODE5MWFjZGFiMGU3NjhmYjcxOTE6ZmlsZV8wMDAwMDAwMDU3Y2M2MWY3YTNkOWI1ZmQ1YjlmNTg4NCIsInRzIjoiNDg1MDYwIiwicCI6InB5aSIsInNpZyI6IjEwNjFjYTkxY2JjZjg1ODRhYzVlNzIyNWRkOWYyOWQwMGU1NzUzNWFmMWViMWFmNjAyODcwYWQ5Y2NkMTBjNTEiLCJ2IjoiMCIsImdpem1vX2lkIjpudWxsfQ=="
5url: "https://dcm31--98beda90278311f0b46e569c3dd06744.web.val.run"
6author: "dcm31"

48    title: z.string().max(100),
49    text: z.string().max(20 * 1024).optional(),
50    image: z.string().url().startsWith("data:").max(200 * 1024).optional(),
51    audio: z.string().url().startsWith("data:").max(200 * 1024).optional(),
52    video: z.string().url().startsWith("data:").max(200 * 1024).optional(),

13  for (const row of res.rows) {
14    console.log("delete", row.id);
15    blob.delete("pondiverse_image" + row.id);
16  }
17
54  // for (let creation of response.rows) {
55  //   creation.url = `https://pondiverse.val.run/get-creation?id=${creation.id}`;
56  //   creation.image = `https://pondiverse.val.run/get-creation-image?id=${creation.id}`;
57  // }
58

14  // This makes forking harder sorry
15  // creation.uri = `https://pondiverse.val.run/get-creation?id=${creation.id}`;
16  // creation.image = `https://pondiverse.val.run/get-creation-image?id=${creation.id}`;
17  return Response.json(creation);
18}

13
14  creation.uri = `https://pondiverse.val.run/get-creation?id=${creation.id}`;
15  creation.image = `https://pondiverse.val.run/get-creation-image?id=${creation.id}`;
16  return Response.json(creation);
17}

13  for (const row of res.rows) {
14    console.log("delete", row.id);
15    blob.delete("pondiverse_image" + row.id);
16  }
17
46  for (let creation of response.rows) {
47    creation.uri = `https://pondiverse.val.run/get-creation?id=${creation.id}`;
48    creation.image = `https://pondiverse.val.run/get-creation-image?id=${creation.id}`;
49  }
50

9      data TEXT,
10      type TEXT,
11      image TEXT,
12      time DATETIME NOT NULL
13    )`,

1import addCreation from "./addCreation";
2import getCreation from "./getCreation";
3import getCreationImage from "./getCreationImage";
4import getCreations from "./getCreations";
5import updateTable from "./updateTable";
13    case "/get-creation":
14      return getCreation(req);
15    case "/get-creation-image":
16      return getCreationImage(req);
17    case "/get-creations":
18      return getCreations(req);