🧬 Global Biobank Job Listings

\n {jobs.length === 0 ? (\n

No jobs found at the moment.

\n ) : (\n

\n {jobs.map((job, index) => (\n

{job.title}

📍 {job.location}

🏥 {job.organization}

\n \n View Details\n \n

\n ))}\n

\n )}\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n // Fetch jobs from multiple sources\n const jobSources = [\n 'https://jobs.nature.com/search/?q=biobank',\n 'https://www.indeed.com/jobs?q=biobank',\n 'https://www.linkedin.com/jobs/search/?keywords=biobank'\n ];\n\n async function fetchJobs() {\n try {\n // In a real implementation, you'd use web scraping or an API\n // This is a mock implementation\n const mockJobs = [\n {\n title: \"Senior Biobank Technician\",\n location: \"Boston, MA, USA\",\n organization: \"Harvard Medical Research Center\",\n link: \"https://example.com/job1\"\n },\n {\n title: \"Biobank Research Coordinator\",\n location: \"London, UK\",\n organization: \"Imperial College Biorepository\",\n link: \"https://example.com/job2\"\n },\n {\n title: \"Biospecimen Management Specialist\",\n location: \"Sydney, Australia\",\n organization: \"QIMR Berghofer Medical Research Institute\",\n link: \"https://example.com/job3\"\n }\n ];\n return mockJobs;\n } catch (error) {\n console.error(\"Error fetching jobs:\", error);\n return [];\n }\n }\n\n if (new URL(request.url).pathname === '/jobs') {\n const jobs = await fetchJobs();\n return new Response(JSON.stringify(jobs), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n return new Response(`\n \n \n Biobank Job Dashboard\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f4f4f4;\n}\n\n.job-dashboard {\n background-color: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.job-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 20px;\n}\n\n.job-card {\n border: 1px solid #e0e0e0;\n border-radius: 6px;\n padding: 15px;\n background-color: #f9f9f9;\n}\n\n.job-card a {\n display: block;\n margin-top: 10px;\n color: #0066cc;\n text-decoration: none;\n}\n\nfooter {\n margin-top: 20px;\n text-align: center;\n font-size: 0.8em;\n color: #666;\n}\n`;",["D",1739812092156],"version","currentUserHasLiked","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_96":97,"_101":102},"forkedVal","interval","description","@jsxImportSource https://esm.sh/react@18.2.0","latestEvaluation","slug","ZainabMakled/biobankJobDashboard","versions",[156],{"_98":157,"_139":31,"_158":159},["D",1739812092156],"n","1","hasNext","filters",{"_163":164,"_165":166,"_128":129},"sort","newest","type","all","routes/_app","actionData","errors"]