Merge pull request #2 from LIMLabSWC/facelift-research-page

Facelift research page

Author: viktorpm

README.md

@@ -101,6 +101,7 @@ published:
     year: 2024
     status: "In press"  # optional
     note: "Additional note"  # optional
+    url: "https://doi.org/..."  # optional, makes the card clickable on the Publications page
 ```
 
 ### Adding Lab News
@@ -126,13 +127,14 @@ Add new items at the top of the list so the latest news appears first.
 The lab news page has an **Upcoming Events** section. Edit `_data/news.yml`:
 
 - **Placeholder message** (when there are no events): change `events_placeholder`.
-- **Add events**: set `upcoming_events` to a list of items (or `[]` when none), each with `date`, `title`, and optional `description` (markdown):
+- **Add events**: set `upcoming_events` to a list of items (or `[]` when none), each with `date`, `title`, optional `description` (markdown), and optional `url` (for clickable cards):
 
 ```yaml
 upcoming_events:
   - date: "2025-03-15"
     title: "Lab meeting"
     description: "Weekly lab meeting, Room 123."
+    url: "https://example-conference.org"  # optional
 ```
 
 ## 🎨 Making Design Changes

_data/news.yml

@@ -7,10 +7,12 @@ events_placeholder: >-
 
 # Add events below; use [] when none. Each event: date, title, optional description (markdown).
 upcoming_events:
-  - date: "2026-07-06-10"
-    title: "Meet us at [FENS Forum 2026](https://fensforum.org/) in Barcelona!"
-  - date: "2026-03-12-15"
-    title: "Meet us at [COSYNE 2026](https://www.cosyne.org/) in Lisbon!"
+  - date: "6–10 Jul 2026"
+    title: "Meet us at FENS Forum 2026 in Barcelona!"
+    url: "https://fensforum.org/"
+  - date: "12–15 Mar 2026"
+    title: "Meet us at COSYNE 2026 in Lisbon!"
+    url: "https://www.cosyne.org/"
 
 recent_news:
 

_data/publications.yml

@@ -3,16 +3,19 @@ preprints:
     title: "Zapit: Open Source Random-Access Photostimulation For Neuroscience"
     journal: "bioRxiv"
     year: 2024
+    url: "https://www.biorxiv.org/content/10.1101/2024.03.25.586688v1"
 
   - authors: "Victor Pedrosa*, Elena Menichini*, Quentin Pajot-Moric*, Peter Vincent, Liang Zhou, Lillianne Teachen, Peter Latham, Athena Akrami"
     title: "Humans, rats and mice show species-specific adaptations to sensory statistics in categorisation behavior"
     journal: "bioRxiv"
     year: 2023
+    url: "https://www.biorxiv.org/content/10.1101/2023.09.07.556694v2"
 
   - authors: "George Dimitriadis, Ella Svahn, Andrew MacAskill, Athena Akrami"
     title: "Heron: A Knowledge Graph editor for intuitive implementation of python based experimental pipelines."
     journal: "bioRxiv"
     year: 2023
+    url: "https://www.biorxiv.org/content/10.1101/2023.10.03.560678v1"
 
 published:
   - authors: "Vezha Boboeva, Alberto Pezzotta, Claudia Clopath*, Athena Akrami*"
@@ -21,61 +24,72 @@ published:
     year: 2024
     status: "In press"
     note: "*equal co-last author"
+    url: "https://elifesciences.org/articles/86725"
 
   - authors: "Xinhong Chen, Damien A Wolfe, …, Viktor Plattner, …, Athena Akrami, …, Viviana Gradinaru"
     title: "Functional gene delivery to and across brain vasculature of systemic AAVs with endothelial-specific tropism in rodents and broad tropism in primates."
     journal: "Nature Communication"
     year: 2023
     note: "bioRxiv 2023"
+    url: "https://www.nature.com/articles/s41467-023-38582-7"
 
   - authors: "Chunyu Duan*, Marino Pagan*, Alex Piet, Charles Kopec, Alex Riordan, Athena Akrami, Jeffrey Erlich & Carlos Brody"
     title: "Collicular circuits for flexible sensorimotor routing"
     journal: "Nature Neuroscience"
     year: 2021
     note: "BioRxiv 2018"
+    url: "https://www.nature.com/articles/s41593-021-00865-x"
 
   - authors: "Constantinople, Christine M., Alex T. Piet, Peter Bibawi, Athena Akrami, Charles D. Kopec, and Carlos D. Brody"
     title: "Orbitofrontal cortex promotes trial-by-trial learning of risky, but not spatial, biases."
     journal: "BioRxiv"
     year: 2019
+    url: "https://www.biorxiv.org/content/10.1101/685107v1"
 
   - authors: "Nickolas Roy, Ji Hyun Bak, Athena Akrami, Carlos Brody, Jonathan Pillow"
     title: "Efficient inference for time-varying behavior during learning."
     journal: "Advances in Neural Information Processing Systems 31"
     year: 2018
+    url: "https://papers.nips.cc/paper/7812-efficient-inference-for-time-varying-behavior-during-learning"
 
   - authors: "Athena Akrami, Charles Kopec, Mathew Diamond Carlos Brody"
     title: "Posterior parietal cortex represents sensory history and mediates its effects on behavior"
     journal: "Nature"
     year: 2018
     note: "BioRxiv version"
+    url: "https://www.nature.com/articles/nature25510"
 
   - authors: "Benjamin Scott*, Christine Constantinople*, Athena Akrami, Timothy Hanks, Carlos Brody, David Tank"
     title: "Fronto-parietal cortical circuits encode accumulated evidence with a diversity of timescales"
     journal: "Neuron"
     year: 2017
+    url: "https://www.cell.com/neuron/fulltext/S0896-6273(17)30126-6"
 
   - authors: "Arash Fassihi, Athena Akrami, Vinzenz Schoenfelder, Francesca Pulecchi, Mathew Diamond"
     title: "Transformation of Perception from Sensory to Motor Cortex"
     journal: "Current Biology"
     year: 2017
+    url: "https://www.sciencedirect.com/science/article/pii/S096098221730547X"
 
   - authors: "Ji Hyun Bak, Jung Yoon Choi, Athena Akrami, Witten Ilana, Pillow Janathan"
     title: "Adaptive optimal training of animal behavior"
     journal: "Advances in Neural Information Processing Systems 29 (NIPS)"
     year: 2016
+    url: "https://papers.nips.cc/paper/2016/hash/7fec306d1e665bc9c748b5d2b99a6e97-Abstract.html"
 
   - authors: "Natalia Grion*, Athena Akrami*, Yangfang Zuo, Federico Stella, Mathew Diamond"
     title: "Coherence between rat sensorimotor system and hippocampus is enhanced during tactile discrimination"
     journal: "PLoS Biology"
     year: 2016
     note: "*equal co-first author"
+    url: "https://journals.plos.org/plosbiology/article?id=10.1371/journal.pbio.1002384"
 
   - authors: "Arash Fassihi*, Athena Akrami*,Vahid Esmaeili, Mathew Diamond"
     title: "Tactile perception and working memory in rats and humans"
     journal: "PNAS"
     year: 2014
     note: "*equal co-first author"
+    url: "https://www.pnas.org/doi/10.1073/pnas.1315171111"
 
   - authors: "Arash Fassihi, Athena Akrami, Vahid Esmaeili, Fabrizio Manzino and Mathew Diamond"
     title: "Sensation of a noisy whisker vibration in rats"
@@ -86,6 +100,7 @@ published:
     title: "An unusual increase in the lumbar network excitability of the rat spinal cord is evoked by the PARP-1 inhibitor PJ-34 through inhibition of glutamate uptake"
     journal: "Neuropharmacology"
     year: 2012
+    url: "https://pubmed.ncbi.nlm.nih.gov/22561282/"
 
   - authors: "Athena Akrami, Eleonora Russo, Alessandro Treves"
     title: "Lateral thinking, from the Hopfield model to cortical dynamics"
@@ -96,6 +111,7 @@ published:
     title: "Hippocampal population dynamics underlying memory trace activation in a tactile classification task"
     journal: "BMC Neuroscience"
     year: 2011
+    url: "https://bmcneurosci.biomedcentral.com/articles/10.1186/1471-2202-12-S1-P70"
 
   - authors: "Athena Akrami, Alessandro Treves"
     title: "Neural basis of perceptual expectations: insights from transient dynamics of attractor neural networks"

assets/css/style.css

@@ -17,9 +17,6 @@
  *  12. Join page
  *  13. Error (404) page
  *  14. Responsive – breakpoints
- *
- * Shared components: .btn-primary/.btn-secondary (section 7), .erc-logo img
- * (section 5), .research-areas/.research-area-tag (section 10, use :root vars).
  */
 
 /* ==========================================================================
@@ -550,33 +547,40 @@ body {
 }
 
 .approach-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  display: flex;
+  flex-direction: column;
   gap: 30px;
   margin-top: 30px;
 }
 
 .approach-item {
-  text-align: center;
-  padding: 20px;
+  background: #f8f8f8;
+  border-radius: 8px;
+  padding: 20px 24px;
+  text-align: left;
 }
 
 .approach-item h4 {
   font-size: 18px;
   font-weight: 600;
-  margin-bottom: 15px;
+  margin-bottom: 8px;
   color: #000;
 }
 
+.approach-item p {
+  margin: 0;
+  line-height: 1.6;
+  color: #555;
+}
+
 .research-area {
   margin-bottom: 30px;
   padding: 20px;
-  border-left: 4px solid var(--primary-color);
   background: #f8f8f8;
 }
 
 .research-area h3 {
-  font-size: 20px;
+  font-size: 24px;
   font-weight: 600;
   margin-bottom: 15px;
   color: #000;
@@ -814,7 +818,6 @@ body {
   padding: 15px;
   background: #f8f8f8;
   border-radius: 4px;
-  border-left: 4px solid var(--primary-color);
 }
 
 .publication-item p {
@@ -920,9 +923,29 @@ body {
   margin-bottom: 12px;
   background: #f8f8f8;
   border-radius: 4px;
+}
+
+/* Clickable cards – blue left border reserved for links */
+.card-clickable {
   border-left: 4px solid var(--primary-color);
 }
 
+.publication-link,
+.event-link {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+}
+
+.card-clickable {
+  transition: box-shadow 0.2s ease, transform 0.2s ease;
+}
+
+.card-clickable:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+  transform: translateY(-1px);
+}
+
 .event-item .event-date {
   display: block;
   font-size: 14px;

labnews/index.md

@@ -31,13 +31,25 @@ description: "Latest news from LIM Lab (Learning, Inference & Memory), Athena Ak
     <div class="events-list">
       {% if site.data.news.upcoming_events.size > 0 %}
         {% for event in site.data.news.upcoming_events %}
+        {% if event.url %}
+        <a href="{{ event.url }}" class="event-link" target="_blank" rel="noopener noreferrer">
+          <div class="event-item card-clickable">
+            <span class="event-date">{{ event.date }}</span>
+            <div class="event-title">{{ event.title }}</div>
+            {% if event.description %}
+              {{ event.description | markdownify }}
+            {% endif %}
+          </div>
+        </a>
+        {% else %}
         <div class="event-item">
           <span class="event-date">{{ event.date }}</span>
-          <div class="event-title">{{ event.title | markdownify }}</div>
+          <div class="event-title">{{ event.title }}</div>
           {% if event.description %}
             {{ event.description | markdownify }}
           {% endif %}
         </div>
+        {% endif %}
         {% endfor %}
       {% else %}
         <p class="event-placeholder">{{ site.data.news.events_placeholder }}</p>

publications/index.md

@@ -14,9 +14,17 @@ description: "Publications from LIM Lab (Learning, Inference & Memory), Athena A
     <h2>Preprints</h2>
     <div class="publication-list">
       {% for pub in site.data.publications.preprints %}
+      {% if pub.url %}
+      <a href="{{ pub.url }}" class="publication-link" target="_blank" rel="noopener noreferrer">
+        <div class="publication-item card-clickable">
+          <p><strong>{{ pub.authors }}</strong>, "{{ pub.title }}" <em>({{ pub.journal }} {{ pub.year }})</em></p>
+        </div>
+      </a>
+      {% else %}
       <div class="publication-item">
         <p><strong>{{ pub.authors }}</strong>, "{{ pub.title }}" <em>({{ pub.journal }} {{ pub.year }})</em></p>
       </div>
+      {% endif %}
       {% endfor %}
     </div>
   </section>
@@ -30,9 +38,17 @@ description: "Publications from LIM Lab (Learning, Inference & Memory), Athena A
       <h3>{{ year_group.name }}</h3>
       <div class="publication-list">
         {% for pub in year_group.items %}
+        {% if pub.url %}
+        <a href="{{ pub.url }}" class="publication-link" target="_blank" rel="noopener noreferrer">
+          <div class="publication-item card-clickable">
+            <p><strong>{{ pub.authors }}</strong>, "{{ pub.title }}" <em>({{ pub.journal }} {{ pub.year }}{% if pub.status %}, {{ pub.status }}{% endif %}{% if pub.note %}, {{ pub.note }}{% endif %})</em></p>
+          </div>
+        </a>
+        {% else %}
         <div class="publication-item">
           <p><strong>{{ pub.authors }}</strong>, "{{ pub.title }}" <em>({{ pub.journal }} {{ pub.year }}{% if pub.status %}, {{ pub.status }}{% endif %}{% if pub.note %}, {{ pub.note }}{% endif %})</em></p>
         </div>
+        {% endif %}
         {% endfor %}
       </div>
     </div>