-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
28 lines (28 loc) · 6.56 KB
/
Copy pathindex.html
File metadata and controls
28 lines (28 loc) · 6.56 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.9.2"><meta name="description" content="Messenger RNA Translation - Molecular Mechanisms & Design Principles"><title>Subramaniam Lab</title><!-- RSS feed --><link rel="alternate" type="application/rss+xml" title="Subramaniam Lab" href="/feed.xml"><!-- Favicon --><link rel="shortcut icon" href="/favicon.png"><!-- Fonts --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet"><!-- Font Awesome --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"><link rel="stylesheet" href="/_astro/contact.CJy8Pfbe.css"></head> <body class="bg-white"> <!-- Navigation --> <nav class="bg-white shadow-sm fixed top-0 w-full z-50 border-b border-gray-200"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between items-center h-16"> <!-- Logo and brand --> <div class="flex items-center"> <a href="/" class="text-lg font-normal text-gray-800 hover:text-gray-600 tracking-wide">
Subramaniam Lab @ Fred Hutch
</a> </div> <!-- Desktop Navigation --> <div class="hidden md:block"> <div class="ml-10 flex items-baseline space-x-4"> <a href="/research/" class="px-3 py-2 text-sm font-normal transition-colors text-gray-600 hover:text-blue-600">
Research
</a> <a href="/papers/" class="px-3 py-2 text-sm font-normal transition-colors text-gray-600 hover:text-blue-600">
Papers
</a> <a href="/members/" class="px-3 py-2 text-sm font-normal transition-colors text-gray-600 hover:text-blue-600">
Team
</a> <a href="/teaching/" class="px-3 py-2 text-sm font-normal transition-colors text-gray-600 hover:text-blue-600">
Teaching
</a> <a href="/news/" class="px-3 py-2 text-sm font-normal transition-colors text-gray-600 hover:text-blue-600">
News
</a> <a href="https://rasilab.github.io/docs" class="px-3 py-2 text-sm font-normal text-gray-600 hover:text-blue-600 transition-colors" target="_blank" rel="noopener noreferrer">
Docs
</a> <a href="/contact/" class="px-3 py-2 text-sm font-normal transition-colors text-gray-600 hover:text-blue-600">
Contact
</a> </div> </div> <!-- Mobile menu button --> <div class="md:hidden"> <button type="button" class="bg-white inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100" aria-expanded="false" id="mobile-menu-button"> <span class="sr-only">Open main menu</span> <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </div> <!-- Mobile menu --> <div class="md:hidden hidden" id="mobile-menu"> <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 bg-white border-t border-gray-200"> <a href="/research/" class="block px-3 py-2 text-base font-normal text-gray-600 hover:text-blue-600">Research</a> <a href="/papers/" class="block px-3 py-2 text-base font-normal text-gray-600 hover:text-blue-600">Papers</a> <a href="/members/" class="block px-3 py-2 text-base font-normal text-gray-600 hover:text-blue-600">Team</a> <a href="/teaching/" class="block px-3 py-2 text-base font-normal text-gray-600 hover:text-blue-600">Teaching</a> <a href="/news/" class="block px-3 py-2 text-base font-normal text-gray-600 hover:text-blue-600">News</a> <a href="https://rasilab.github.io/docs" class="block px-3 py-2 text-base font-normal text-gray-600 hover:text-blue-600">Docs</a> <a href="/contact/" class="block px-3 py-2 text-base font-normal text-gray-600 hover:text-blue-600">Contact</a> </div> </div> </div> </nav> <!-- Main content --> <main class="pt-16"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="py-16"> <div class="grid grid-cols-1 lg:grid-cols-12 gap-8 items-start"> <!-- Title section --> <div class="lg:col-span-5 text-center lg:text-right"> <div class="space-y-6"> <h1 class="text-4xl lg:text-5xl text-gray-900 leading-tight">
Subramaniam Lab
</h1> <h2 class="text-2xl lg:text-3xl text-gray-600 font-normal">
Messenger RNA Translation
</h2> <h3 class="text-lg lg:text-xl text-gray-500 font-normal">
Molecular Mechanisms & Design Principles
</h3> </div> </div> <!-- Logo section --> <div class="lg:col-span-3 flex justify-center"> <img src="/images/logo.png" alt="Subramaniam Lab Logo" class="w-48 h-48 lg:w-56 lg:h-56 object-contain"> </div> <!-- News section --> <div class="lg:col-span-4"> <div class="bg-gray-50 rounded-lg p-6"> <div class="mb-6"> <h3 class="text-lg font-semibold text-gray-900"> <a href="/news/" class="hover:text-blue-600 transition-colors"> <i class="fas fa-newspaper mr-2"></i>
News
</a> </h3> </div> <div class="space-y-6"> <div class="border-b border-gray-200 last:border-b-0 pb-4 last:pb-0"> <div class="flex items-start space-x-3"> <i class="fas fa-comment-o text-gray-400 mt-1 flex-shrink-0"></i> <div class="flex-1"> <h4 class="text-base font-medium text-gray-900"> <a href="/news/#2025-08-25-jamie-f32-award.md" class="hover:text-blue-600 transition-colors"> Jamie receives F32 award </a> </h4> <p class="text-sm text-gray-600 mt-1">
Posted August 25, 2025 by Rasi </p> </div> </div> </div><div class="border-b border-gray-200 last:border-b-0 pb-4 last:pb-0"> <div class="flex items-start space-x-3"> <i class="fas fa-comment-o text-gray-400 mt-1 flex-shrink-0"></i> <div class="flex-1"> <h4 class="text-base font-medium text-gray-900"> <a href="/news/#2025-07-22-goodbye-patrick.md" class="hover:text-blue-600 transition-colors"> Goodbye Patrick </a> </h4> <p class="text-sm text-gray-600 mt-1">
Posted July 22, 2025 by Rasi </p> </div> </div> </div><div class="border-b border-gray-200 last:border-b-0 pb-4 last:pb-0"> <div class="flex items-start space-x-3"> <i class="fas fa-comment-o text-gray-400 mt-1 flex-shrink-0"></i> <div class="flex-1"> <h4 class="text-base font-medium text-gray-900"> <a href="/news/#2025-05-07-goodbye-rachael.md" class="hover:text-blue-600 transition-colors"> Goodbye Rachael </a> </h4> <p class="text-sm text-gray-600 mt-1">
Posted May 7, 2025 by Rasi </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <!-- Scripts --> <script type="module">document.addEventListener("DOMContentLoaded",function(){const e=document.getElementById("mobile-menu-button"),n=document.getElementById("mobile-menu");e&&n&&e.addEventListener("click",function(){n.classList.toggle("hidden")})});</script> </body> </html>