+</a> </div> </div> </div> </div><div class="bg-white border border-gray-200 rounded-lg overflow-hidden hover:shadow-lg transition-shadow duration-200"> <div class="grid grid-cols-1 md:grid-cols-4 gap-4 p-6"> <!-- Paper image (or empty space if no image) --> <div class="md:col-span-1"> <img src="/images/papers/subramaniam-elife-2013.png" alt="A serine sensor for multicellularity in a bacterium graphical abstract" class="w-full max-h-40 object-contain rounded border border-gray-200 bg-gray-50" loading="lazy"> </div> <!-- Paper details --> <div class="md:col-span-3"> <h3 class="text-xl font-medium text-gray-900 mb-3 leading-tight"> A serine sensor for multicellularity in a bacterium </h3> <div class="text-gray-700 mb-2">Subramaniam AR, DeLoughery A, Bradshaw N, Chen Y, O'Shea EK, Losick R*, Chai Y*</div> <p class="mb-4 font-normal italic"> <a href="https://doi.org/10.7554/eLife.01501" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:text-blue-800 transition-colors" title="View publication"> <em>eLife 2013</em> </a> </p> <div class="flex flex-wrap gap-3 items-center"> <!-- PDF Link --> <a href="/pdfs/papers/subramaniam-elife-2013.pdf" target="_blank" rel="noopener noreferrer" class="inline-flex items-center text-sm text-red-600 hover:text-red-800 transition-colors" title="Download PDF"> <i class="fas fa-file-pdf mr-1.5 text-xs"></i>
0 commit comments