Val Town Code SearchReturn to Val Town

381            <div className="w-full aspect-square bg-gray-200 dark:bg-gray-700">
382              <img
383                src={record.basic_information.cover_image
384                  || "https://maxm-imggenurl.web.val.run/vinyl-record-album-cover-placeholder"}
385                alt={record.basic_information.title}
538        <title>Ash Randorecs</title>
539        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
540        <link rel="icon" type="image/svg+xml" href="/favicon.svg">
541        <script src="https://cdn.tailwindcss.com"></script>
542        <script>

4paginate: true
5backgroundColor: "#fff"
6backgroundImage: url('https://marp.app/assets/hero-background.svg')
7---
8

5const resolverBase = "https://id.rijksmuseum.nl/";
6
7function createManifest(images: any[], label: any, metadata: any, id: string) {
8  const builder = new IIIFBuilder();
9  const uri = "https://sammeltassen-rijks.web.val.run/" + id;
24      profile: "https://linked.art/ns/v1/linked-art.json",
25    }]);
26    if (images.length) {
27      for (const [index, item] of images.entries()) {
28        manifest.createCanvas(uri + "/canvas/" + index, (canvas) => {
29          canvas.height = item.height;
36            body: {
37              id: item.id + "/full/max/0/default.jpg",
38              type: "Image",
39              format: "image/jpeg",
40              height: item.height,
41              width: item.width,
50}
51
52function getImageInformation(record: any) {
53  const imageApiEndpoint = record?.["rdf:RDF"]?.["svcs:Service"]?.[0]?.$?.["rdf:about"];
54  if (imageApiEndpoint) {
55    return fetch(imageApiEndpoint)
56      .then(resp => resp.json())
57      .catch((err) => console.log(`Error fetching Image Information from ${imageApiEndpoint}`, err));
58  } else return null;
59}
60
61function getMoreImages(part: any) {
62  const uri = part.$["rdf:resource"];
63  const id = uri.split("/").pop();
64  return fetchJson(id)
65    .then(getImageInformation)
66    .catch((err) => console.log(`Error fetching more images from ${id}`, err));
67}
68
172  const label = getValues(props["dc:title"]);
173  const metadata = getMetadata(props);
174  const images = [await getImageInformation(resp)];
175  if (parts) {
176    images.push(...await Promise.all(parts.map(getMoreImages)));
177  }
178  const manifest = createManifest(images.filter(i => i), label, metadata, id.toString());
179  return Response.json(manifest);
180}

133            transform: scaleX(1);
134            transform-origin: center;
135            background-image: linear-gradient(45deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3);
136            background-clip: text;
137            background-size: 300% 300%;

77async function getScreenshot(url: string) {
78  const resp = await fetch(
79    "https://api.apiflash.com/v1/urltoimage?" + new URLSearchParams({
80      access_key: Deno.env.get("API_FLASH"),
81      url,
82      delay: "5",
83      format: "webp",
84      response_type: "image",
85      width: "1200",
86      height: "1200",

133            transform: scaleX(1);
134            transform-origin: center;
135            background-image: linear-gradient(45deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3);
136            background-clip: text;
137            background-size: 300% 300%;

3Ask me about r's in strawberry
4
5![Screenshot 2024-12-13 at 13.49.45@2x.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/aaa3dc9f-2f43-4c1d-5b03-4e38a1f4ff00/public)
6

260  }
261
262  const sampleImageUrl =
263    "https://www.hollywoodreporter.com/wp-content/uploads/2024/11/tga24_poster1_4k-e1731968563811.jpg";
264
279        <meta property="og:title" content="Game Awards Prediction Challenge">
280        <meta property="og:description" content="Predict the winners of the Game Awards and compete with others!">
281        <meta property="og:image" content="${sampleImageUrl}">
282        <meta property="og:url" content="${import.meta.url}">
283        <meta property="og:type" content="website">
284        
285        <meta name="twitter:card" content="summary_large_image">
286        <meta name="twitter:title" content="Game Awards Prediction Challenge">
287        <meta name="twitter:description" content="Predict the winners of the Game Awards and compete with others!">
288        <meta name="twitter:image" content="${sampleImageUrl}">
289        
290        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎮</text></svg>">
291        
292        <style>${css}</style>

15    return new Response(buffer, {
16      headers: {
17        "Content-Type": "image/png",
18      },
19    });
38    }
39    
40    const pngBlob = await canvas.convertToBlob({ type: 'image/png' });
41    const buffer = await pngBlob.arrayBuffer();
42    
44      status: 500,
45      headers: {
46        "Content-Type": "image/png",
47        "X-Error-Message": String(error)
48      },

163          media.type === "photo"
164            ? (
165              <div key={index} className="image-container">
166                <img src={media.url} alt="Tweet media" className="tweet-image" onLoad={onMediaLoad} />
167              </div>
168            )
527}
528
529.image-container {
530  width: 100%;
531  height: 300px;
537}
538
539.tweet-image {
540  width: 100%;
541  height: 100%;