Val Town Code SearchReturn to Val Town

1import { Hono } from "https://esm.sh/hono@3.11.7";
2import { saveStory, getAllStories, getStoryById, deleteStory } from "../database/queries.ts";
3import { generateStory, generateImagePrompt } from "../services/storyGenerator.ts";
4import { StoryOptions, Story } from "../../shared/types.ts";
5
14    const { title, content, characterName } = await generateStory(options);
15    
16    // Generate image prompt
17    const imagePrompt = generateImagePrompt(options, characterName, title);
18    
19    // Create image URL using Val Town's AI image generation
20    const imageUrl = `https://maxm-imggenurl.web.val.run/${encodeURIComponent(imagePrompt)}`;
21    
22    // Create the story object
32      style: options.style,
33      styleEmoji: options.styleEmoji,
34      imageUrl,
35      createdAt: new Date().toISOString()
36    };

13      background-color: #000;
14      color: white;
15      background-image: 
16        radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
17        radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
120      z-index: -1;
121      background-color: #000;
122      background-image: 
123        radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
124        radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),

58              <div className="relative h-48 overflow-hidden">
59                <img 
60                  src={story.imageUrl} 
61                  alt={`Illustration for ${story.title}`}
62                  className="w-full h-full object-cover"

136          <div className="rounded-lg overflow-hidden shadow-lg border-2 border-cyan-400">
137            <img 
138              src={story.imageUrl} 
139              alt={`Illustration for ${story.title}`}
140              className="w-full h-auto"

138      title: 'Principal Investigator',
139      bio: 'Professor in the Department of Atmospheric and Oceanic Sciences, specializing in high latitude climate and climate variability.',
140      image: '/assets/team/bruno-tremblay.jpg',
141      email: 'bruno.tremblay@mcgill.ca',
142      phone: '(514) 398-4369',
177      title: 'Senior Researcher',
178      bio: 'Specializing in remote sensing of polar regions and sea ice properties.',
179      image: '/assets/team/michael-chen.jpg',
180      email: 'michael.chen@mcgill.ca',
181      phone: '(514) 398-1234',
214      title: 'PhD Candidate',
215      bio: 'Researching sea ice thickness variability in the Arctic and sea ice mass balance.',
216      image: '/assets/team/sarah-johnson.jpg',
217      email: 'sarah.johnson@mail.mcgill.ca',
218      phone: '(514) 398-5678',
249      title: 'Postdoctoral Researcher',
250      bio: 'Focusing on sea ice-ocean interactions and climate modeling.',
251      image: '/assets/team/robert-williams.jpg',
252      email: 'robert.williams@mcgill.ca',
253      phone: '(514) 398-9012',
292      title: 'Principal Investigator',
293      bio: 'Professor in the Department of Atmospheric and Oceanic Sciences, specializing in high latitude climate and climate variability.',
294      image: '/assets/team/bruno-tremblay.jpg',
295      email: 'bruno.tremblay@mcgill.ca',
296      phone: '(514) 398-4369',
332      title: 'Senior Researcher',
333      bio: 'Specializing in remote sensing of polar regions and sea ice properties.',
334      image: '/assets/team/michael-chen.jpg',
335      email: 'michael.chen@mcgill.ca',
336      phone: '(514) 398-1234',
369      title: 'PhD Candidate',
370      bio: 'Researching sea ice thickness variability in the Arctic and sea ice mass balance.',
371      image: '/assets/team/sarah-johnson.jpg',
372      email: 'sarah.johnson@mail.mcgill.ca',
373      phone: '(514) 398-5678',
404      title: 'Postdoctoral Researcher',
405      bio: 'Focusing on sea ice-ocean interactions and climate modeling.',
406      image: '/assets/team/robert-williams.jpg',
407      email: 'robert.williams@mcgill.ca',
408      phone: '(514) 398-9012',
670      title: 'Sea Ice Dynamics and Rheology',
671      description: 'Developing new sea ice rheological models and studying the mechanical properties of sea ice.',
672      image: '/assets/research/ice-dynamics.jpg',
673      summary: 'This project focuses on improving our understanding of sea ice mechanical properties and developing more accurate rheological models.',
674      leadResearcher: 1, // Prof. Bruno Tremblay
683      title: 'Arctic Sea Ice Decline Mechanisms',
684      description: 'Investigating the processes responsible for the rapid decline of Arctic sea ice in recent decades.',
685      image: '/assets/research/sea-ice-decline.jpg',
686      summary: 'We are studying the relative contributions of various factors to Arctic sea ice loss, including ocean heat transport, atmospheric forcing, and feedback mechanisms.',
687      leadResearcher: 1, // Prof. Bruno Tremblay
696      title: 'Sea Ice Remote Sensing and Monitoring',
697      description: 'Developing advanced techniques for monitoring sea ice properties using satellite data.',
698      image: '/assets/research/remote-sensing.jpg',
699      summary: 'This project develops and validates methods for extracting sea ice information from satellite observations, with a focus on ice thickness, concentration, and type.',
700      leadResearcher: 2, // Dr. Michael Chen
709      title: 'Canadian Arctic Field Studies',
710      description: 'Conducting field campaigns in the Canadian Arctic to collect in-situ measurements of sea ice properties.',
711      image: '/assets/research/field-campaign.jpg',
712      summary: 'Our team conducts regular field campaigns to measure sea ice thickness, snow cover, and internal stresses in the Canadian Arctic and along the Labrador coast.',
713      leadResearcher: 1, // Prof. Bruno Tremblay
722      title: 'Seasonal Sea Ice Forecasting',
723      description: 'Developing methods for predicting Arctic sea ice conditions on seasonal to sub-seasonal timescales.',
724      image: '/assets/research/sea-ice-forecasting.jpg',
725      summary: 'This project aims to improve predictions of sea ice conditions weeks to months in advance, with applications for shipping, indigenous communities, and scientific planning.',
726      leadResearcher: 1, // Prof. Bruno Tremblay
741      title: 'Sea Ice Dynamics and Rheology',
742      description: 'Developing new sea ice rheological models and studying the mechanical properties of sea ice.',
743      image: '/assets/research/ice-dynamics.jpg',
744      summary: 'This project focuses on improving our understanding of sea ice mechanical properties and developing more accurate rheological models.',
745      leadResearcher: 1, // Prof. Bruno Tremblay
769      ],
770      publications: [3, 5],
771      images: [
772        {
773          url: 'https://maxm-imggenurl.web.val.run/scientists-installing-stress-sensors-in-arctic-sea-ice',
789      title: 'Arctic Sea Ice Decline Mechanisms',
790      description: 'Investigating the processes responsible for the rapid decline of Arctic sea ice in recent decades.',
791      image: '/assets/research/sea-ice-decline.jpg',
792      summary: 'We are studying the relative contributions of various factors to Arctic sea ice loss, including ocean heat transport, atmospheric forcing, and feedback mechanisms.',
793      leadResearcher: 1, // Prof. Bruno Tremblay
817      ],
818      publications: [1, 3, 6],
819      images: [
820        {
821          url: 'https://maxm-imggenurl.web.val.run/time-series-of-arctic-sea-ice-extent-with-trend',
837      title: 'Sea Ice Remote Sensing and Monitoring',
838      description: 'Developing advanced techniques for monitoring sea ice properties using satellite data.',
839      image: '/assets/research/remote-sensing.jpg',
840      summary: 'This project develops and validates methods for extracting sea ice information from satellite observations, with a focus on ice thickness, concentration, and type.',
841      leadResearcher: 2, // Dr. Michael Chen
854      methods: [
855        'Analysis of data from CryoSat-2 and ICESat-2 satellite altimeters',
856        'Processing of Synthetic Aperture Radar (SAR) imagery',
857        'Machine learning techniques for ice classification',
858        'Validation using field measurements and airborne surveys'
860      results: [
861        'Developed a new algorithm for estimating sea ice thickness from freeboard measurements',
862        'Created a neural network-based method for classifying sea ice types from SAR imagery',
863        'Produced a 10-year record of Arctic sea ice thickness with improved accuracy',
864        'Published findings in Remote Sensing of Environment'
865      ],
866      publications: [1, 2],
867      images: [
868        {
869          url: 'https://maxm-imggenurl.web.val.run/satellite-derived-map-of-arctic-sea-ice-thickness',
871        },
872        {
873          url: 'https://maxm-imggenurl.web.val.run/comparison-of-sar-imagery-with-ice-classification',
874          caption: 'SAR image of sea ice (left) with corresponding ice type classification (right)'
875        },
876        {
885      title: 'Canadian Arctic Field Studies',
886      description: 'Conducting field campaigns in the Canadian Arctic to collect in-situ measurements of sea ice properties.',
887      image: '/assets/research/field-campaign.jpg',
888      summary: 'Our team conducts regular field campaigns to measure sea ice thickness, snow cover, and internal stresses in the Canadian Arctic and along the Labrador coast.',
889      leadResearcher: 1, // Prof. Bruno Tremblay
913      ],
914      publications: [1, 5],
915      images: [
916        {
917          url: 'https://maxm-imggenurl.web.val.run/researchers-drilling-ice-cores-in-canadian-arctic',
933      title: 'Seasonal Sea Ice Forecasting',
934      description: 'Developing methods for predicting Arctic sea ice conditions on seasonal to sub-seasonal timescales.',
935      image: '/assets/research/sea-ice-forecasting.jpg',
936      summary: 'This project aims to improve predictions of sea ice conditions weeks to months in advance, with applications for shipping, indigenous communities, and scientific planning.',
937      leadResearcher: 1, // Prof. Bruno Tremblay
961      ],
962      publications: [3, 6],
963      images: [
964        {
965          url: 'https://maxm-imggenurl.web.val.run/sea-ice-forecast-map-with-probability-contours',
1026      summary: 'Our team has been awarded a $2.5M grant to study sea ice dynamics in the changing Arctic.',
1027      content: 'The Natural Sciences and Engineering Research Council of Canada has awarded our research group a $2.5 million grant to continue our work on sea ice dynamics in the rapidly changing Arctic environment. This funding will support our field campaigns, satellite data analysis, and modeling efforts over the next five years.',
1028      image: 'https://maxm-imggenurl.web.val.run/scientists-in-a-meeting-discussing-research-grant',
1029      author: 'Prof. Bruno Tremblay',
1030      tags: ['funding', 'research', 'Arctic']
1036      summary: 'Our recent findings on sea ice decline have been published in a leading journal.',
1037      content: 'We are pleased to announce that our paper "Sea Ice Dynamics in a Changing Arctic" has been published in Nature Climate Change. This work represents a significant advancement in our understanding of how sea ice responds to warming temperatures and changing ocean currents.',
1038      image: 'https://maxm-imggenurl.web.val.run/scientific-journal-with-sea-ice-on-cover',
1039      author: 'Dr. Robert Williams',
1040      tags: ['publication', 'research', 'climate change']
1046      summary: 'Team members will be joining the international MOSAiC expedition this winter.',
1047      content: 'Three members of our research group will be participating in the upcoming international Arctic expedition. They will spend three months collecting crucial data on sea ice properties during the winter season, contributing to our understanding of seasonal ice dynamics.',
1048      image: 'https://maxm-imggenurl.web.val.run/research-vessel-in-arctic-sea-ice',
1049      author: 'Sarah Johnson',
1050      tags: ['expedition', 'fieldwork', 'Arctic']
1056      summary: 'Our team has developed a new AI-based method for predicting sea ice conditions.',
1057      content: 'Researchers in our group have developed a novel machine learning approach that significantly improves short-term forecasts of sea ice conditions. The new method combines satellite observations with numerical weather prediction models to provide more accurate predictions up to two weeks in advance. This technology will be valuable for shipping, indigenous communities, and scientific expeditions operating in ice-covered waters.',
1058      image: 'https://maxm-imggenurl.web.val.run/computer-screen-showing-sea-ice-prediction-model',
1059      author: 'Dr. Michael Chen',
1060      tags: ['machine learning', 'forecasting', 'technology']
1066      summary: 'Our annual summer internship program has successfully concluded with presentations from student researchers.',
1067      content: 'We recently concluded our annual summer internship program, where undergraduate students from diverse backgrounds gained hands-on experience in sea ice research. The program culminated in a symposium where students presented their projects on topics ranging from satellite data analysis to climate model evaluation. Several interns will continue collaborating with our group on publications resulting from their work.',
1068      image: 'https://maxm-imggenurl.web.val.run/students-presenting-research-posters',
1069      author: 'Prof. Bruno Tremblay',
1070      tags: ['education', 'students', 'internship']
1076      summary: 'Satellite observations confirm that Arctic sea ice reached a record low maximum extent this winter.',
1077      content: 'Analysis of satellite data by our research group confirms that Arctic sea ice reached a record low winter maximum extent this year. The maximum extent, typically reached in March, was approximately 14.5 million square kilometers, about 5% below the 1981-2010 average. This continues the long-term declining trend observed in recent decades and raises concerns about accelerating ice loss in the Arctic region.',
1078      image: 'https://maxm-imggenurl.web.val.run/satellite-view-of-arctic-sea-ice-extent',
1079      author: 'Dr. Robert Williams',
1080      tags: ['Arctic', 'climate change', 'observations']
1092      summary: 'Our team has been awarded a $2.5M grant to study sea ice dynamics in the changing Arctic.',
1093      content: '<p>The Natural Sciences and Engineering Research Council of Canada has awarded our research group a $2.5 million grant to continue our work on sea ice dynamics in the rapidly changing Arctic environment. This funding will support our field campaigns, satellite data analysis, and modeling efforts over the next five years.</p><p>The project, titled "Integrated Assessment of Sea Ice Dynamics in a Warming Arctic," will focus on three main research areas:</p><ul><li>Improved monitoring of sea ice thickness and motion using satellite and in-situ observations</li><li>Enhanced understanding of ice-ocean-atmosphere interactions</li><li>Development of next-generation sea ice prediction capabilities</li></ul><p>This grant will support two postdoctoral researchers, three PhD students, and several undergraduate research assistants. It will also fund our participation in international field campaigns and the development of new observational technologies.</p><p>"This funding comes at a critical time as we witness unprecedented changes in the Arctic system," said Prof. Bruno Tremblay, the principal investigator. "Our work will help improve predictions of future sea ice conditions, which is essential for both scientific understanding and supporting communities and operations in the Arctic."</p>',
1094      image: 'https://maxm-imggenurl.web.val.run/scientists-in-a-meeting-discussing-research-grant',
1095      author: 'Prof. Bruno Tremblay',
1096      tags: ['funding', 'research', 'Arctic'],
1104      summary: 'Our recent findings on sea ice decline have been published in a leading journal.',
1105      content: '<p>We are pleased to announce that our paper "Sea Ice Dynamics in a Changing Arctic" has been published in Nature Climate Change. This work represents a significant advancement in our understanding of how sea ice responds to warming temperatures and changing ocean currents.</p><p>The study, led by Dr. Robert Williams and co-authored by Prof. Bruno Tremblay, synthesizes a decade of observations and modeling to provide new insights into the mechanisms driving rapid sea ice loss in the Arctic. Key findings include:</p><ul><li>Increased ocean heat transport through the Bering Strait is accelerating bottom melt of sea ice</li><li>Changes in atmospheric circulation patterns are enhancing ice export through Fram Strait</li><li>Positive feedbacks between ice loss, ocean warming, and atmospheric changes are amplifying the rate of decline</li></ul><p>The paper has already received significant attention from the scientific community and has been featured in several news outlets. "This work helps explain why sea ice is declining faster than most climate models predicted," said Dr. Williams. "Understanding these mechanisms is crucial for improving future projections."</p><p>The full paper can be accessed at <a href="https://example.com/publication3">Nature Climate Change</a>.</p>',
1106      image: 'https://maxm-imggenurl.web.val.run/scientific-journal-with-sea-ice-on-cover',
1107      author: 'Dr. Robert Williams',
1108      tags: ['publication', 'research', 'climate change'],
1116      summary: 'Team members will be joining the international MOSAiC expedition this winter.',
1117      content: '<p>Three members of our research group will be participating in the upcoming international Arctic expedition. They will spend three months collecting crucial data on sea ice properties during the winter season, contributing to our understanding of seasonal ice dynamics.</p><p>Prof. Bruno Tremblay, Sarah Johnson, and Dr. Robert Williams will join the Multidisciplinary drifting Observatory for the Study of Arctic Climate (MOSAiC) expedition aboard the research vessel Polarstern. The expedition involves scientists from 20 countries and represents the largest Arctic research expedition ever conducted.</p><p>Our team will focus on several key research activities:</p><ul><li>Deploying autonomous instruments to measure ice thickness and drift</li><li>Collecting ice cores to analyze physical and biogeochemical properties</li><li>Conducting electromagnetic surveys to map regional ice thickness</li><li>Validating satellite observations with ground-truth measurements</li></ul><p>"This is a once-in-a-lifetime opportunity to collect comprehensive data on winter sea ice processes," said Sarah Johnson, who will be leading the field measurements. "The data we collect will be invaluable for improving our understanding of how sea ice is changing in response to warming temperatures."</p><p>The team will depart in November and return in February. During their time in the Arctic, they will post regular updates on our blog and social media channels.</p>',
1118      image: 'https://maxm-imggenurl.web.val.run/research-vessel-in-arctic-sea-ice',
1119      author: 'Sarah Johnson',
1120      tags: ['expedition', 'fieldwork', 'Arctic'],
1127      date: '2023-07-05',
1128      summary: 'Our team has developed a new AI-based method for predicting sea ice conditions.',
1129      content: '<p>Researchers in our group have developed a novel machine learning approach that significantly improves short-term forecasts of sea ice conditions. The new method combines satellite observations with numerical weather prediction models to provide more accurate predictions up to two weeks in advance. This technology will be valuable for shipping, indigenous communities, and scientific expeditions operating in ice-covered waters.</p><p>The approach, developed by Dr. Michael Chen and his team, uses a deep neural network trained on historical satellite imagery and ice motion data. It can predict not only ice concentration but also ice type, thickness, and drift patterns.</p><p>"Traditional forecasting methods struggle with the complex dynamics of sea ice," explained Dr. Chen. "Our machine learning approach can capture these complexities and provide more accurate and detailed predictions."</p><p>In validation tests, the new method showed a 30% improvement in forecast accuracy compared to conventional approaches. The team is now working with operational forecasting centers to implement the technology in real-time prediction systems.</p><p>The research was recently published in the journal Remote Sensing of Environment and has received funding for further development from Environment and Climate Change Canada.</p>',
1130      image: 'https://maxm-imggenurl.web.val.run/computer-screen-showing-sea-ice-prediction-model',
1131      author: 'Dr. Michael Chen',
1132      tags: ['machine learning', 'forecasting', 'technology'],
1140      summary: 'Our annual summer internship program has successfully concluded with presentations from student researchers.',
1141      content: '<p>We recently concluded our annual summer internship program, where undergraduate students from diverse backgrounds gained hands-on experience in sea ice research. The program culminated in a symposium where students presented their projects on topics ranging from satellite data analysis to climate model evaluation. Several interns will continue collaborating with our group on publications resulting from their work.</p><p>This year\'s program included 10 students from universities across Canada, selected from a competitive pool of over 100 applicants. The interns worked closely with our researchers on projects aligned with our major research initiatives.</p><p>Highlights from this year\'s projects include:</p><ul><li>Development of an automated sea ice classification algorithm using machine learning</li><li>Analysis of historical sea ice charts to extend the satellite record</li><li>Evaluation of sea ice thickness in the latest climate model simulations</li><li>Creation of educational materials on sea ice for K-12 classrooms</li></ul><p>"The quality of work produced by our interns this year was exceptional," said Prof. Bruno Tremblay, who directs the internship program. "These students represent the next generation of polar scientists, and we\'re proud to contribute to their development."</p><p>Applications for next summer\'s internship program will open in January. Interested students should check our website for details.</p>',
1142      image: 'https://maxm-imggenurl.web.val.run/students-presenting-research-posters',
1143      author: 'Prof. Bruno Tremblay',
1144      tags: ['education', 'students', 'internship'],
1152      summary: 'Satellite observations confirm that Arctic sea ice reached a record low maximum extent this winter.',
1153      content: '<p>Analysis of satellite data by our research group confirms that Arctic sea ice reached a record low winter maximum extent this year. The maximum extent, typically reached in March, was approximately 14.5 million square kilometers, about 5% below the 1981-2010 average. This continues the long-term declining trend observed in recent decades and raises concerns about accelerating ice loss in the Arctic region.</p><p>"What\'s particularly concerning is that we\'re seeing record lows in winter, not just summer," said Dr. Robert Williams, who led the analysis. "This indicates that the Arctic is struggling to recover even during the cold season."</p><p>The team\'s analysis identified several factors contributing to this year\'s low ice extent:</p><ul><li>Unusually warm air temperatures over the Barents and Kara Seas</li><li>Strong cyclonic activity that broke up ice and pushed it southward</li><li>Increased ocean heat content that delayed freeze-up in the fall</li></ul><p>The implications of reduced winter ice extend beyond the Arctic. Studies have linked changes in Arctic sea ice to altered weather patterns in mid-latitudes, including more persistent extreme weather events.</p><p>Our group will continue monitoring ice conditions as the melt season progresses and will provide updates on summer minimum extent later this year.</p>',
1154      image: 'https://maxm-imggenurl.web.val.run/satellite-view-of-arctic-sea-ice-extent',
1155      author: 'Dr. Robert Williams',
1156      tags: ['Arctic', 'climate change', 'observations'],
1179      authorId: 3,
1180      summary: 'A first-hand account of daily life aboard a research vessel in the Arctic Ocean.',
1181      image: 'https://maxm-imggenurl.web.val.run/scientists-working-on-arctic-sea-ice-near-research-vessel',
1182      tags: ['expedition', 'fieldwork', 'Arctic', 'personal experience']
1183    },
1189      authorId: 2,
1190      summary: 'An overview of how advances in satellite technology have transformed our ability to monitor sea ice.',
1191      image: 'https://maxm-imggenurl.web.val.run/satellite-orbiting-earth-with-view-of-arctic',
1192      tags: ['technology', 'remote sensing', 'satellites']
1193    },
1199      authorId: 4,
1200      summary: 'Explaining the critical role that sea ice plays in regulating Earth\'s climate.',
1201      image: 'https://maxm-imggenurl.web.val.run/diagram-showing-sea-ice-role-in-climate-system',
1202      tags: ['climate', 'science communication', 'global impacts']
1203    },
1209      authorId: 1,
1210      summary: 'Reflections on the importance of mentorship and education in building the future of polar science.',
1211      image: 'https://maxm-imggenurl.web.val.run/professor-teaching-students-about-sea-ice-in-laboratory',
1212      tags: ['education', 'mentorship', 'career development']
1213    },
1219      authorId: 3,
1220      summary: 'Preparing for the upcoming winter expedition and the unique challenges of cold-weather research.',
1221      image: 'https://maxm-imggenurl.web.val.run/scientist-in-heavy-arctic-gear-working-with-equipment',
1222      tags: ['fieldwork', 'Arctic', 'challenges', 'preparation']
1223    },
1229      authorId: 2,
1230      summary: 'How artificial intelligence and machine learning are creating new opportunities in climate research.',
1231      image: 'https://maxm-imggenurl.web.val.run/computer-visualization-of-neural-network-analyzing-climate-data',
1232      tags: ['machine learning', 'AI', 'technology', 'data science']
1233    }

55}
56
57export function generateImagePrompt(options: StoryOptions, characterName: string, title: string): string {
58  const { character, color, activity, style } = options;
59  

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

54          <div class="md:flex">
55            <div class="md:w-2/5">
56              <div class="h-64 md:h-full bg-cover bg-center" id="project-image-container" style="background-image: url('https://maxm-imggenurl.web.val.run/loading-placeholder')"></div>
57            </div>
58            <div class="md:w-3/5 p-8">
145        </div>
146        
147        <!-- Results and Images -->
148        <div class="mb-10">
149          <h2 class="text-2xl font-bold mb-4">Results</h2>
162            </ul>
163            
164            <h3 class="text-xl font-semibold mb-4">Project Images</h3>
165            <div id="project-images" class="grid grid-cols-1 md:grid-cols-3 gap-4">
166              <!-- Images will be loaded here -->
167              <div class="animate-pulse">
168                <div class="bg-gray-200 h-48 rounded"></div>
293        document.getElementById('project-summary').textContent = project.summary;
294        
295        // Update image
296        const imageUrl = project.image || `https://maxm-imggenurl.web.val.run/sea-ice-research-${project.id}`;
297        document.getElementById('project-image-container').style.backgroundImage = `url('${imageUrl}')`;
298        
299        // Update project details
375        }
376        
377        // Update project images
378        const imagesContainer = document.getElementById('project-images');
379        imagesContainer.innerHTML = '';
380        
381        if (project.images && project.images.length > 0) {
382          project.images.forEach(image => {
383            const imageEl = document.createElement('div');
384            imageEl.className = 'relative group';
385            imageEl.innerHTML = `
386              <img src="${image.url}" alt="${image.caption}" class="w-full h-48 object-cover rounded shadow">
387              <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-60 flex items-end transition-all duration-300">
388                <div class="p-4 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300">
389                  <p class="text-sm">${image.caption}</p>
390                </div>
391              </div>
392            `;
393            imagesContainer.appendChild(imageEl);
394          });
395        } else {
396          imagesContainer.innerHTML = '<p class="text-gray-500 col-span-3">No project images available</p>';
397        }
398        
519          projectEl.className = 'bg-white rounded-lg shadow overflow-hidden transition-transform hover:scale-105';
520          
521          // Use placeholder image if project image is not available
522          const imageUrl = project.image || `https://maxm-imggenurl.web.val.run/sea-ice-research-${project.id}`;
523          
524          projectEl.innerHTML = `
525            <a href="/research/${project.id}" class="block">
526              <div class="h-40 bg-cover bg-center" style="background-image: url('${imageUrl}')"></div>
527              <div class="p-4">
528                <h3 class="font-semibold mb-2">${project.title}</h3>

54          <div class="md:flex">
55            <div class="md:w-1/3">
56              <div class="h-64 md:h-full bg-cover bg-center" id="member-image-container" style="background-image: url('https://maxm-imggenurl.web.val.run/loading-placeholder')"></div>
57            </div>
58            <div class="md:w-2/3 p-8">
293        document.getElementById('member-bio').textContent = member.bio;
294        
295        // Update image
296        const imageUrl = member.image || `https://maxm-imggenurl.web.val.run/portrait-of-scientist-${member.id}`;
297        document.getElementById('member-image-container').style.backgroundImage = `url('${imageUrl}')`;
298        
299        // Update contact information

58              <div className="relative h-48 overflow-hidden">
59                <img 
60                  src={story.imageUrl} 
61                  alt={`Illustration for ${story.title}`}
62                  className="w-full h-full object-cover"