Val Town Code SearchReturn to Val Town

13  style: string;
14  styleEmoji: string;
15  imageUrl: string;
16  createdAt: string;
17}

244        postEl.innerHTML = `
245          <a href="/blog/${post.id}" class="block">
246            <img src="${post.image}" alt="${post.title}" class="w-full h-48 object-cover">
247            <div class="p-6">
248              <h3 class="text-xl font-semibold mb-2">${post.title}</h3>

53      </div>
54    </div>
55    <div class="absolute inset-0 bg-cover bg-center opacity-20" style="background-image: url('https://maxm-imggenurl.web.val.run/aerial-view-of-arctic-sea-ice-with-cracks-and-leads-scientific-photography')"></div>
56  </section>
57
473          projectEl.className = 'overflow-hidden rounded-lg shadow transition-transform hover:scale-105';
474          
475          // Use placeholder image if project image is not available
476          const imageUrl = project.image || 'https://maxm-imggenurl.web.val.run/sea-ice-research-' + project.id;
477          
478          projectEl.innerHTML = `
479            <a href="/research/${project.id}" class="block">
480              <div class="h-48 bg-cover bg-center" style="background-image: url('${imageUrl}')"></div>
481              <div class="bg-white p-6">
482                <h3 class="text-xl font-semibold mb-3">${project.title}</h3>
510          memberEl.className = 'overflow-hidden rounded-lg shadow transition-transform hover:scale-105';
511          
512          // Use placeholder image if member image is not available
513          const imageUrl = member.image || 'https://maxm-imggenurl.web.val.run/portrait-of-scientist-' + member.id;
514          
515          memberEl.innerHTML = `
516            <a href="/team/${member.id}" class="block">
517              <div class="h-64 bg-cover bg-center" style="background-image: url('${imageUrl}')"></div>
518              <div class="bg-white p-4">
519                <h3 class="text-lg font-semibold">${member.name}</h3>
585          });
586          
587          // Use image if available
588          const imageHtml = item.image ? 
589            `<div class="mb-4">
590              <img src="${item.image}" alt="${item.title}" class="w-full h-48 object-cover rounded">
591            </div>` : '';
592          
593          newsEl.innerHTML = `
594            ${imageHtml}
595            <h3 class="text-xl font-semibold mb-2">${item.title}</h3>
596            <p class="text-gray-600 mb-4">${formattedDate}</p>

5In a production environment, this would include:
6
7- Images of team members
8- Research project images
9- Logos and icons
10- Other static media files
11
12For this demo, we're using AI-generated placeholder images via the URL pattern:
13`https://maxm-imggenurl.web.val.run/[description]`

7  title: string;
8  bio: string;
9  image?: string;
10}
11
26  title: string;
27  description: string;
28  image?: string;
29}
30

11├── frontend/
12│   ├── components/          # Reusable UI components
13│   ├── assets/              # Images and other static assets
14│   ├── index.html           # Main HTML template
15│   ├── style.css            # Custom styles

62            margin: 0;
63            font-family: 'Poppins', sans-serif;
64            background-image: url('https://https://www.google.com/search?q=assets.pokemon.com/assets/cms2/img/misc/virtual-backgrounds/masters/forest.jpg');
65            background-size: cover;
66            background-position: center;
188            padding: 15px;
189            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
190            image-rendering: pixelated; /* Mantém a pixel art nítida */
191            transition: transform 0.3s ease;
192        }

35      symbol: "btc",
36      name: "Bitcoin",
37      image: "https://assets.coingecko.com/coins/images/1/large/bitcoin.png",
38      current_price: 65432.12,
39      market_cap: 1278654321098,
47      symbol: "eth",
48      name: "Ethereum",
49      image: "https://assets.coingecko.com/coins/images/279/large/ethereum.png",
50      current_price: 3456.78,
51      market_cap: 415698732145,
59      symbol: "usdt",
60      name: "Tether",
61      image: "https://assets.coingecko.com/coins/images/325/large/Tether.png",
62      current_price: 1.0,
63      market_cap: 98765432100,
71      symbol: "bnb",
72      name: "BNB",
73      image: "https://assets.coingecko.com/coins/images/825/large/bnb-icon2_2x.png",
74      current_price: 567.89,
75      market_cap: 87654321098,
83      symbol: "sol",
84      name: "Solana",
85      image: "https://assets.coingecko.com/coins/images/4128/large/solana.png",
86      current_price: 123.45,
87      market_cap: 54321098765,
95      symbol: "xrp",
96      name: "XRP",
97      image: "https://assets.coingecko.com/coins/images/44/large/xrp-symbol-white-128.png",
98      current_price: 0.56,
99      market_cap: 32109876543,
107      symbol: "ada",
108      name: "Cardano",
109      image: "https://assets.coingecko.com/coins/images/975/large/cardano.png",
110      current_price: 0.45,
111      market_cap: 21098765432,
119      symbol: "doge",
120      name: "Dogecoin",
121      image: "https://assets.coingecko.com/coins/images/5/large/dogecoin.png",
122      current_price: 0.12,
123      market_cap: 17654321098,
131      symbol: "dot",
132      name: "Polkadot",
133      image: "https://assets.coingecko.com/coins/images/12171/large/polkadot.png",
134      current_price: 6.78,
135      market_cap: 9876543210,
143      symbol: "matic",
144      name: "Polygon",
145      image: "https://assets.coingecko.com/coins/images/4713/large/matic-token-icon.png",
146      current_price: 0.78,
147      market_cap: 7654321098,
192        en: "Bitcoin is the first successful internet money based on peer-to-peer technology; whereby no central bank or authority is involved in the transaction and production of the Bitcoin currency. It was created by an anonymous individual/group under the name, Satoshi Nakamoto. The source code is available publicly as an open source project, anybody can look at it and be part of the developmental process.\r\n\r\nBitcoin is changing the way we see money as we speak. The idea was to produce a means of exchange, independent of any central authority, that could be transferred electronically in a secure, verifiable and immutable way. It is a decentralized peer-to-peer internet currency making mobile payment easy, very low transaction fees, protects your identity, and it works anywhere all the time with no central authority and banks.\r\n\r\nBitcoin is designed to have only 21 million BTC ever created, thus making it a deflationary currency. Bitcoin uses the <a href=\"https://www.coingecko.com/en?hashing_algorithm=SHA-256\">SHA-256</a> hashing algorithm with an average transaction confirmation time of 10 minutes. Miners today are mining Bitcoin using ASIC chip dedicated to only mining Bitcoin, and the hash rate has shot up to peta hashes.\r\n\r\nBeing the first successful online cryptography currency, Bitcoin has inspired other alternative currencies such as <a href=\"https://www.coingecko.com/en/coins/litecoin\">Litecoin</a>, <a href=\"https://www.coingecko.com/en/coins/peercoin\">Peercoin</a>, <a href=\"https://www.coingecko.com/en/coins/primecoin\">Primecoin</a>, and so on.\r\n\r\nThe cryptocurrency then took off with the innovation of the turing-complete smart contract by <a href=\"https://www.coingecko.com/en/coins/ethereum\">Ethereum</a> which led to the development of other amazing projects such as <a href=\"https://www.coingecko.com/en/coins/eos\">EOS</a>, <a href=\"https://www.coingecko.com/en/coins/tron\">Tron</a>, and even crypto-collectibles such as <a href=\"https://www.coingecko.com/buzz/ethereum-still-king-dapps-cryptokitties-need-1-billion-on-eos\">CryptoKitties</a>."
193      },
194      image: {
195        thumb: "https://assets.coingecko.com/coins/images/1/thumb/bitcoin.png",
196        small: "https://assets.coingecko.com/coins/images/1/small/bitcoin.png",
197        large: "https://assets.coingecko.com/coins/images/1/large/bitcoin.png"
198      },
199      market_data: {
226        en: "Ethereum is a smart contract platform that enables developers to build tokens and decentralized applications (dapps). ETH is the native currency for the Ethereum platform and also works as the transaction fees to miners on the Ethereum network.\r\n\r\nEthereum is the pioneer for blockchain based smart contracts. Smart contract is essentially a computer code that runs exactly as programmed without any possibility of downtime, censorship, fraud or third-party interference. It can facilitate the exchange of money, content, property, shares, or anything of value. When running on the blockchain a smart contract becomes like a self-operating computer program that automatically executes when specific conditions are met. Ethereum allows programmers to run complete-turing smart contracts that is capable of any customizations. Rather than giving a set of limited operations, Ethereum allows developers to have complete control over customization of their smart contract, giving developers the power to build unique and innovative applications.\r\n\r\nEthereum being the first blockchain based smart contract platform, they have gained much popularity, resulting in new competitors fighting for market share. The competitors includes: Ethereum Classic which is the oldchain of Ethereum, <a href=\"https://www.coingecko.com/en/coins/qtum\">Qtum</a>, <a href=\"https://www.coingecko.com/en/coins/eos\">EOS</a>, <a href=\"https://www.coingecko.com/en/coins/neo\">Neo</a>, <a href=\"https://www.coingecko.com/en/coins/icon\">Icon</a>, <a href=\"https://www.coingecko.com/en/coins/tron\">Tron</a>, <a href=\"https://www.coingecko.com/en/coins/lisk\">Lisk</a>, <a href=\"https://www.coingecko.com/en/coins/rchain\">RChain</a>."
227      },
228      image: {
229        thumb: "https://assets.coingecko.com/coins/images/279/thumb/ethereum.png",
230        small: "https://assets.coingecko.com/coins/images/279/small/ethereum.png",
231        large: "https://assets.coingecko.com/coins/images/279/large/ethereum.png"
232      },
233      market_data: {
327      low_24h: data.market_data.low_24h.usd,
328      last_updated: data.market_data.last_updated,
329      image: data.image.large
330    };
331    

78          <div class="flex justify-between items-center mb-4">
79            <div class="flex items-center">
80              <img id="modalCoinImage" src="" alt="" class="w-10 h-10 mr-3">
81              <h2 id="modalCoinName" class="text-2xl font-bold"></h2>
82              <span id="modalCoinSymbol" class="ml-2 text-gray-500 uppercase"></span>
239          <td class="py-3 px-4 text-left">
240            <div class="flex items-center">
241              <img src="${coin.image}" alt="${coin.name}" class="w-6 h-6 mr-2">
242              <div>
243                <div class="font-medium">${coin.name}</div>
302      
303      // Update modal content
304      document.getElementById('modalCoinImage').src = data.image.large;
305      document.getElementById('modalCoinName').textContent = data.name;
306      document.getElementById('modalCoinSymbol').textContent = data.symbol.toUpperCase();

59                      <td class="px-4 py-3">
60                        <div class="flex items-center">
61                          <img src="${coin.image}" alt="${coin.name}" class="w-6 h-6 mr-2">
62                          <div>
63                            <div class="font-medium">${coin.name}</div>