<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Lin Du</title><link>https://ldulin.github.io/</link><atom:link href="https://ldulin.github.io/index.xml" rel="self" type="application/rss+xml"/><description>Lin Du</description><generator>HugoBlox Kit (https://hugoblox.com)</generator><language>en-us</language><lastBuildDate>Mon, 24 Oct 2022 00:00:00 +0000</lastBuildDate><image><url>https://ldulin.github.io/media/icon_hu_b7474e83f72e9af8.png</url><title>Lin Du</title><link>https://ldulin.github.io/</link></image><item><title>🎓 Defended Master's Degree</title><link>https://ldulin.github.io/news/master-defense/</link><pubDate>Tue, 02 Jun 2026 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/news/master-defense/</guid><description>&lt;p&gt;Lin defended his Master&amp;rsquo;s degree in Computer Science at the McGovern Institute for Brain Research, Beijing Normal University.&lt;/p&gt;</description></item><item><title>Decoupling MCI-specific signatures from shared neurobiological substrates of cognitive aging via deep learning</title><link>https://ldulin.github.io/publications/peng_biying_et-al_2026/</link><pubDate>Thu, 23 Apr 2026 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/publications/peng_biying_et-al_2026/</guid><description>&lt;!--
&gt; [!NOTE]
&gt; Click the _Cite_ button above to demo the feature to enable visitors to import publication metadata into their reference management software.
&gt; [!NOTE]
&gt; Create your slides in Markdown - click the _Slides_ button to check out the example. --&gt;
&lt;!-- Add the publication's **full text** or **supplementary notes** here. You can use rich formatting such as including [code, math, and images](https://docs.hugoblox.com/content/writing-markdown-latex/). --&gt;</description></item><item><title>Zero-shot World Models Are Developmentally Efficient Learners, leading discussion</title><link>https://ldulin.github.io/talks/zero-shot_yamins/</link><pubDate>Thu, 23 Apr 2026 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/talks/zero-shot_yamins/</guid><description>&lt;!-- ## 🎯 Why Markdown Slides?
&gt; [!SUCCESS] True Presentation Freedom
&gt; Unlike PowerPoint or Keynote, your presentations are **future-proof**, **portable**, and completely **under your control**. No proprietary formats, no vendor lock-in, no subscription fees.
### The Problem with Traditional Slides
**PowerPoint &amp; Keynote:**
- 💸 Expensive licenses or subscriptions
- 🔒 Proprietary file formats (`.pptx`, `.key`)
- 💻 Platform-specific (Windows/Mac only)
- 📦 Large binary files
- 🚫 Difficult to version control
- 😰 Lost formatting when sharing
**Google Slides:**
- ☁️ Requires internet connection
- 🔐 Data stored on Google's servers
- 📱 Limited offline editing
- 🎨 Formatting breaks when exporting
- 🔗 Dependency on Google's platform
### The Hugo Blox Solution
&gt; [!TIP] **Markdown Changes Everything**
&gt; Write your presentations in simple, human-readable Markdown. Edit anywhere, present anywhere, own forever.
---
## ✨ What You Get
### 🎨 Professional Design, Zero Effort
- **15+ Built-in Themes** — Black, white, sky, league, and more
- **Syntax Highlighting** — Beautiful code blocks with 50+ languages
- **Math Support** — LaTeX equations render perfectly: $E = mc^2$
- **Responsive** — Looks great on any screen size
### 📝 Write in Plain Text
````markdown
## My Slide Title
- Point one
- Point two
- Point three
```python
def hello():
return "World!"
```
---
````
That's it! No complex UI, no formatting headaches.
### 🔄 Edit Anywhere, Anytime
&gt; [!IMPORTANT] **Zero Lock-In**
&gt; Your slides are just Markdown files. Edit them in:
&gt; - **HugoBlox Studio** — Visual editing with live preview
&gt; - **VS Code** — With Markdown extensions
&gt; - **Obsidian** — Note-taking app that speaks Markdown
&gt; - **Typora** — Minimal distraction writing
&gt; - **Any text editor** — Even Notepad works!
&lt;div class="text-left"&gt;
&lt;a
id="button-7ee4eb8fbcb80ba976b74f5acd7d9e4b"
href="https://docs.hugoblox.com/guides/studio/"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-4 py-2 text-base rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### 🎯 Advanced Features
**Dual Column Layouts:**
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Column 1&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Column 2&lt;/div&gt;
&lt;/div&gt;
```
**Fragment Animations:**
```markdown
{{&lt; fragment &gt;}}Appear on click!{{&lt; /fragment &gt;}}
```
**Speaker Notes:**
```markdown
Note: Your private notes here
(visible in presenter view only)
```
**Vertical Slide Stacks:**
Navigate down for sub-topics!
---
## 🚀 Getting Started is Easy
&gt; [!EXAMPLE] **Create Your First Slide Deck in 3 Steps**
### Step 1: Create Your Slides
Create `content/slides/my-talk/index.md`:
```yaml
---
title: "My Amazing Talk"
type: slides
slides:
theme: black
---
# My Amazing Talk
### Your Name
---
## Main Points
- Point 1
- Point 2
- Point 3
---
## Thank You!
```
### Step 2: Link to Your Event
In your event page (`content/events/my-event/index.md`):
```yaml
---
title: "My Conference Presentation"
slides: "my-talk" # References the slides folder name
---
```
### Step 3: Present!
Your slides are automatically:
- ✅ Embedded on the event page
- ✅ Available in fullscreen mode (click
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; button)
- ✅ Accessible at a direct URL
- ✅ Keyboard-navigatable (→ ← keys)
&lt;div class="text-center"&gt;
&lt;a
id="button-3e283c18bf3932433119df519300c6f7"
href="https://docs.hugoblox.com/guides/slides/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-white dark:bg-zinc-900 border-2 border-primary-500 text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 hover:border-primary-600 active:bg-primary-100 dark:active:bg-primary-950 shadow-md hover:shadow-lg hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Read Full Documentation"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.042A8.97 8.97 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A9 9 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.97 8.97 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A9 9 0 0 0 18 18a8.97 8.97 0 0 0-6 2.292m0-14.25v14.25"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Read Full Documentation&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 💎 Why Academics &amp; Researchers Love It
&gt; [!QUOTE]
&gt; "I can finally version control my presentations with Git, collaborate using GitHub, and never worry about formatting breaking again. Game changer for reproducible research!"
&gt; — *Dr. Xin Liu, MIT*
### Perfect for Research
- **Version Control** — Track every change with Git
- **Collaboration** — Use GitHub pull requests for slide reviews
- **Reproducibility** — Slides are plain text, commit them with your code
- **Open Science** — Share presentations on GitHub, no barriers
- **Citations** — Include BibTeX references easily
- **Jupyter Integration** — Embed notebooks and visualizations
### Perfect for Teaching
- **Reusable Content** — Mix and match slides across courses
- **Student Contributions** — Students can submit slide PRs
- **Live Coding** — Syntax highlighting for all languages
- **Interactive Examples** — Embed interactive visualizations
- **Accessible** — Keyboard navigation, screen reader friendly
---
## 🎬 See It In Action
&gt; [!NOTE]
&gt; **Try it now!** The slides embedded above demonstrate all these features:
&gt; - Code highlighting with Python
&gt; - Mathematical equations with LaTeX
&gt; - Dual column layouts (slides 4-6)
&gt; - Fragment animations
&gt; - Multiple themes
&gt;
&gt; Click the
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; **fullscreen button** (top right) to experience presentation mode!
### Live Features to Try
1. **Navigate**: Use arrow keys (→ ←) or click controls
2. **Fullscreen**: Click the expand button to go fullscreen
3. **Speaker Notes**: Press `S` to open presenter view (try it!)
4. **Overview**: Press `ESC` to see all slides at once
5. **Search**: Press `/` to search slide content
6. **Zoom**: `Alt+Click` to zoom into details
&lt;div class="text-left"&gt;
&lt;a
id="button-ac5e15302e25dc77c2e98d8afc89639a"
href="https://ldulin.github.io/slides/example/"
target="_blank"
rel="noopener"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-transparent text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 active:bg-primary-100 dark:active:bg-primary-950 hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Open Slides in New Tab"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;span class="flex items-center justify-center leading-none text-lg"&gt;external-link&lt;/span&gt;
&lt;/span&gt;
&lt;span&gt;Open Slides in New Tab&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 🆚 Comparison
| Feature | PowerPoint | Google Slides | **Hugo Blox** |
|---------|-----------|---------------|---------------|
| **Cost** | $159.99/year | Free* | **Free Forever** |
| **Format** | Binary (`.pptx`) | Proprietary | **Plain Markdown** |
| **Version Control** | ❌ Difficult | ❌ Limited | **✅ Git Native** |
| **Offline Editing** | ✅ Yes | ⚠️ Limited | **✅ Fully Offline** |
| **Platform Lock-in** | ⚠️ Microsoft | ⚠️ Google | **✅ None** |
| **Code Highlighting** | ⚠️ Basic | ⚠️ Limited | **✅ 50+ Languages** |
| **Math Equations** | ⚠️ Clunky | ⚠️ Basic | **✅ Full LaTeX** |
| **Portability** | ❌ Poor | ❌ Requires Google | **✅ Works Anywhere** |
| **Future-Proof** | ❌ Format changes | ⚠️ API changes | **✅ Plain Text Forever** |
| **Open Source** | ❌ No | ❌ No | **✅ Yes** |
&gt; [!SUCCESS]
&gt; **Hugo Blox wins on freedom, portability, and long-term sustainability.**
---
## 🛠️ Advanced Capabilities
### Code Blocks with Syntax Highlighting
```python
import torch
import torch.nn as nn
class Transformer(nn.Module):
def __init__(self, d_model=512, nhead=8):
super().__init__()
self.attention = nn.MultiheadAttention(d_model, nhead)
def forward(self, x):
return self.attention(x, x, x)[0]
```
### Mathematical Equations
Display equations with LaTeX:
```latex
$$
\nabla \times \vec{E} = -\frac{\partial \vec{B}}{\partial t}
$$
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
```
### Dual Column Layouts
Perfect for before/after comparisons, code + explanation, or image + text:
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Left content&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Right content&lt;/div&gt;
&lt;/div&gt;
```
See slides 4-6 in the embedded presentation above for live examples!
---
## 🎓 For Educators: Teach the Future
&gt; [!TIP] **Empower Your Students**
&gt; Teaching with Hugo Blox means teaching modern, transferable skills:
&gt; - Markdown (used everywhere: GitHub, Notion, Obsidian)
&gt; - Version control (essential for careers)
&gt; - Web technologies (HTML, CSS)
&gt; - Reproducible science practices
### Course Integration
```markdown
courses/
├── ml-101/
│ ├── lecture-1/
│ │ ├── index.md (slides)
│ │ └── notes.md
│ ├── lecture-2/
│ │ └── index.md
│ └── _index.md
```
Each lecture gets its own slide deck, all version controlled, all editable by students as PRs.
---
## 🌍 Join the Community
&gt; [!IMPORTANT] **Built by Academics, for Academics**
&gt; Hugo Blox is used by researchers at:
&gt; - 🎓 Stanford, MIT, Harvard, Oxford, Cambridge
&gt; - 🏢 Google Research, Meta AI, OpenAI
&gt; - 🔬 CERN, NASA, NIH
&gt; - 🌐 Thousands of universities worldwide
&lt;div class="text-center"&gt;
&lt;a
id="button-d5ee71f5bd9691360bc59c0cd2598582"
href="https://github.com/HugoBlox/kit"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-6 py-3 text-lg rounded-full"
role="button"
aria-label="Star on GitHub"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Star on GitHub&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### Get Help &amp; Connect
- 📚 [Documentation](https://docs.hugoblox.com/guides/slides/)
- 💬 [Discord Community](https://discord.gg/z8wNYzb)
- 🐛 [GitHub Issues](https://github.com/HugoBlox/kit/issues)
- 🐦 [Follow @MakeOwnable](https://twitter.com/MakeOwnable)
---
## 🚀 Ready to Create?
&gt; [!SUCCESS] **Start Building Beautiful Presentations Today**
&gt; No installation required. No account needed. Just Markdown and your creativity.
&lt;div class="text-center"&gt;
&lt;a
id="button-113f063fcc24eb58f16740673ba0fcd0"
href="https://docs.hugoblox.com/start/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-8 py-4 text-xl rounded-full"
role="button"
aria-label="Get Started Now"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.59 14.37q.159.666.16 1.38a6 6 0 0 1-6 6v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.9 14.9 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.9 14.9 0 0 0-2.58 5.84m2.699 2.7q-.155.032-.311.06a15 15 0 0 1-2.448-2.448l.06-.312m-2.24 2.39a4.49 4.49 0 0 0-1.757 4.306q.341.054.696.054a4.5 4.5 0 0 0 3.61-1.812M16.5 9a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Get Started Now&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="text-center"&gt;
&lt;a
id="button-1cacc2f9d66f1b3627ff6a8c6492010f"
href="https://docs.hugoblox.com/guides/studio/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-6 py-3 text-lg rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 📖 Additional Resources
### Templates &amp; Examples
- [Academic Slides Template](https://github.com/HugoBlox/theme-academic-cv)
&lt;!--
- [Conference Talk Template](https://github.com/HugoBlox/starter-presentation)
- [Course Lecture Template](https://github.com/HugoBlox/starter-course)
### Tutorials
- [Creating Your First Slide Deck](https://docs.hugoblox.com/tutorial/slides/)
- [Advanced Slide Layouts](https://docs.hugoblox.com/reference/slides/)
- [Customizing Themes](https://docs.hugoblox.com/customization/)
- [Using HugoBlox Studio](https://docs.hugoblox.com/studio/)
--&gt;
&lt;!--
### Tips &amp; Tricks
&gt; [!TIP] **Pro Tips for Better Presentations**
&gt; 1. Keep slides simple — one idea per slide
&gt; 2. Use dual columns for comparisons
&gt; 3. Add speaker notes with `Note:` prefix
&gt; 4. Test presenter view before your talk
&gt; 5. Use fragments to control pacing
&gt; 6. Version control your slides with Git
&gt; 7. Share source files for reproducibility --&gt;
&lt;hr&gt;
&lt;!-- **Have questions?** Check out the [FAQ](https://docs.hugoblox.com/guides/slides/) or [ask the community](https://discord.gg/z8wNYzb)!
**Want to contribute?** Hugo Blox is open source! [Contributions welcome](https://github.com/HugoBlox/kit/blob/main/CONTRIBUTING.md). --&gt;</description></item><item><title>An Efficient Contrastive Deep Learning Model for Identifying Schizophrenia-Specific Neuroanatomical Variations</title><link>https://ldulin.github.io/publications/du_lin_et-al_2026/</link><pubDate>Tue, 07 Apr 2026 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/publications/du_lin_et-al_2026/</guid><description>&lt;!-- This work is driven by the results in my [previous paper](/publications/conference-paper/) on LLMs.
&gt; [!NOTE]
&gt; Create your slides in Markdown - click the *Slides* button to check out the example.
Add the publication's **full text** or **supplementary notes** here. You can use rich formatting such as including [code, math, and images](https://docs.hugoblox.com/content/writing-markdown-latex/). --&gt;</description></item><item><title>Investigating causal lag threads within whole-brain circuits</title><link>https://ldulin.github.io/talks/lags/</link><pubDate>Sun, 01 Feb 2026 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/talks/lags/</guid><description>&lt;!-- ## 🎯 Why Markdown Slides?
&gt; [!SUCCESS] True Presentation Freedom
&gt; Unlike PowerPoint or Keynote, your presentations are **future-proof**, **portable**, and completely **under your control**. No proprietary formats, no vendor lock-in, no subscription fees.
### The Problem with Traditional Slides
**PowerPoint &amp; Keynote:**
- 💸 Expensive licenses or subscriptions
- 🔒 Proprietary file formats (`.pptx`, `.key`)
- 💻 Platform-specific (Windows/Mac only)
- 📦 Large binary files
- 🚫 Difficult to version control
- 😰 Lost formatting when sharing
**Google Slides:**
- ☁️ Requires internet connection
- 🔐 Data stored on Google's servers
- 📱 Limited offline editing
- 🎨 Formatting breaks when exporting
- 🔗 Dependency on Google's platform
### The Hugo Blox Solution
&gt; [!TIP] **Markdown Changes Everything**
&gt; Write your presentations in simple, human-readable Markdown. Edit anywhere, present anywhere, own forever.
---
## ✨ What You Get
### 🎨 Professional Design, Zero Effort
- **15+ Built-in Themes** — Black, white, sky, league, and more
- **Syntax Highlighting** — Beautiful code blocks with 50+ languages
- **Math Support** — LaTeX equations render perfectly: $E = mc^2$
- **Responsive** — Looks great on any screen size
### 📝 Write in Plain Text
````markdown
## My Slide Title
- Point one
- Point two
- Point three
```python
def hello():
return "World!"
```
---
````
That's it! No complex UI, no formatting headaches.
### 🔄 Edit Anywhere, Anytime
&gt; [!IMPORTANT] **Zero Lock-In**
&gt; Your slides are just Markdown files. Edit them in:
&gt; - **HugoBlox Studio** — Visual editing with live preview
&gt; - **VS Code** — With Markdown extensions
&gt; - **Obsidian** — Note-taking app that speaks Markdown
&gt; - **Typora** — Minimal distraction writing
&gt; - **Any text editor** — Even Notepad works!
&lt;div class="text-left"&gt;
&lt;a
id="button-9b32b039698583c8fdc5828abba0edec"
href="https://docs.hugoblox.com/guides/studio/"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-4 py-2 text-base rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### 🎯 Advanced Features
**Dual Column Layouts:**
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Column 1&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Column 2&lt;/div&gt;
&lt;/div&gt;
```
**Fragment Animations:**
```markdown
{{&lt; fragment &gt;}}Appear on click!{{&lt; /fragment &gt;}}
```
**Speaker Notes:**
```markdown
Note: Your private notes here
(visible in presenter view only)
```
**Vertical Slide Stacks:**
Navigate down for sub-topics!
---
## 🚀 Getting Started is Easy
&gt; [!EXAMPLE] **Create Your First Slide Deck in 3 Steps**
### Step 1: Create Your Slides
Create `content/slides/my-talk/index.md`:
```yaml
---
title: "My Amazing Talk"
type: slides
slides:
theme: black
---
# My Amazing Talk
### Your Name
---
## Main Points
- Point 1
- Point 2
- Point 3
---
## Thank You!
```
### Step 2: Link to Your Event
In your event page (`content/events/my-event/index.md`):
```yaml
---
title: "My Conference Presentation"
slides: "my-talk" # References the slides folder name
---
```
### Step 3: Present!
Your slides are automatically:
- ✅ Embedded on the event page
- ✅ Available in fullscreen mode (click
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; button)
- ✅ Accessible at a direct URL
- ✅ Keyboard-navigatable (→ ← keys)
&lt;div class="text-center"&gt;
&lt;a
id="button-fdba08d9f0cd25955a084c375db9d897"
href="https://docs.hugoblox.com/guides/slides/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-white dark:bg-zinc-900 border-2 border-primary-500 text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 hover:border-primary-600 active:bg-primary-100 dark:active:bg-primary-950 shadow-md hover:shadow-lg hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Read Full Documentation"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.042A8.97 8.97 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A9 9 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.97 8.97 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A9 9 0 0 0 18 18a8.97 8.97 0 0 0-6 2.292m0-14.25v14.25"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Read Full Documentation&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 💎 Why Academics &amp; Researchers Love It
&gt; [!QUOTE]
&gt; "I can finally version control my presentations with Git, collaborate using GitHub, and never worry about formatting breaking again. Game changer for reproducible research!"
&gt; — *Dr. Xin Liu, MIT*
### Perfect for Research
- **Version Control** — Track every change with Git
- **Collaboration** — Use GitHub pull requests for slide reviews
- **Reproducibility** — Slides are plain text, commit them with your code
- **Open Science** — Share presentations on GitHub, no barriers
- **Citations** — Include BibTeX references easily
- **Jupyter Integration** — Embed notebooks and visualizations
### Perfect for Teaching
- **Reusable Content** — Mix and match slides across courses
- **Student Contributions** — Students can submit slide PRs
- **Live Coding** — Syntax highlighting for all languages
- **Interactive Examples** — Embed interactive visualizations
- **Accessible** — Keyboard navigation, screen reader friendly
---
## 🎬 See It In Action
&gt; [!NOTE]
&gt; **Try it now!** The slides embedded above demonstrate all these features:
&gt; - Code highlighting with Python
&gt; - Mathematical equations with LaTeX
&gt; - Dual column layouts (slides 4-6)
&gt; - Fragment animations
&gt; - Multiple themes
&gt;
&gt; Click the
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; **fullscreen button** (top right) to experience presentation mode!
### Live Features to Try
1. **Navigate**: Use arrow keys (→ ←) or click controls
2. **Fullscreen**: Click the expand button to go fullscreen
3. **Speaker Notes**: Press `S` to open presenter view (try it!)
4. **Overview**: Press `ESC` to see all slides at once
5. **Search**: Press `/` to search slide content
6. **Zoom**: `Alt+Click` to zoom into details
&lt;div class="text-left"&gt;
&lt;a
id="button-5ccfe17c98755d09fc2f612a1ba17242"
href="https://ldulin.github.io/slides/example/"
target="_blank"
rel="noopener"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-transparent text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 active:bg-primary-100 dark:active:bg-primary-950 hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Open Slides in New Tab"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;span class="flex items-center justify-center leading-none text-lg"&gt;external-link&lt;/span&gt;
&lt;/span&gt;
&lt;span&gt;Open Slides in New Tab&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 🆚 Comparison
| Feature | PowerPoint | Google Slides | **Hugo Blox** |
|---------|-----------|---------------|---------------|
| **Cost** | $159.99/year | Free* | **Free Forever** |
| **Format** | Binary (`.pptx`) | Proprietary | **Plain Markdown** |
| **Version Control** | ❌ Difficult | ❌ Limited | **✅ Git Native** |
| **Offline Editing** | ✅ Yes | ⚠️ Limited | **✅ Fully Offline** |
| **Platform Lock-in** | ⚠️ Microsoft | ⚠️ Google | **✅ None** |
| **Code Highlighting** | ⚠️ Basic | ⚠️ Limited | **✅ 50+ Languages** |
| **Math Equations** | ⚠️ Clunky | ⚠️ Basic | **✅ Full LaTeX** |
| **Portability** | ❌ Poor | ❌ Requires Google | **✅ Works Anywhere** |
| **Future-Proof** | ❌ Format changes | ⚠️ API changes | **✅ Plain Text Forever** |
| **Open Source** | ❌ No | ❌ No | **✅ Yes** |
&gt; [!SUCCESS]
&gt; **Hugo Blox wins on freedom, portability, and long-term sustainability.**
---
## 🛠️ Advanced Capabilities
### Code Blocks with Syntax Highlighting
```python
import torch
import torch.nn as nn
class Transformer(nn.Module):
def __init__(self, d_model=512, nhead=8):
super().__init__()
self.attention = nn.MultiheadAttention(d_model, nhead)
def forward(self, x):
return self.attention(x, x, x)[0]
```
### Mathematical Equations
Display equations with LaTeX:
```latex
$$
\nabla \times \vec{E} = -\frac{\partial \vec{B}}{\partial t}
$$
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
```
### Dual Column Layouts
Perfect for before/after comparisons, code + explanation, or image + text:
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Left content&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Right content&lt;/div&gt;
&lt;/div&gt;
```
See slides 4-6 in the embedded presentation above for live examples!
---
## 🎓 For Educators: Teach the Future
&gt; [!TIP] **Empower Your Students**
&gt; Teaching with Hugo Blox means teaching modern, transferable skills:
&gt; - Markdown (used everywhere: GitHub, Notion, Obsidian)
&gt; - Version control (essential for careers)
&gt; - Web technologies (HTML, CSS)
&gt; - Reproducible science practices
### Course Integration
```markdown
courses/
├── ml-101/
│ ├── lecture-1/
│ │ ├── index.md (slides)
│ │ └── notes.md
│ ├── lecture-2/
│ │ └── index.md
│ └── _index.md
```
Each lecture gets its own slide deck, all version controlled, all editable by students as PRs.
---
## 🌍 Join the Community
&gt; [!IMPORTANT] **Built by Academics, for Academics**
&gt; Hugo Blox is used by researchers at:
&gt; - 🎓 Stanford, MIT, Harvard, Oxford, Cambridge
&gt; - 🏢 Google Research, Meta AI, OpenAI
&gt; - 🔬 CERN, NASA, NIH
&gt; - 🌐 Thousands of universities worldwide
&lt;div class="text-center"&gt;
&lt;a
id="button-d24c8f86874f0f061382d3b4b9b28f63"
href="https://github.com/HugoBlox/kit"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-6 py-3 text-lg rounded-full"
role="button"
aria-label="Star on GitHub"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Star on GitHub&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### Get Help &amp; Connect
- 📚 [Documentation](https://docs.hugoblox.com/guides/slides/)
- 💬 [Discord Community](https://discord.gg/z8wNYzb)
- 🐛 [GitHub Issues](https://github.com/HugoBlox/kit/issues)
- 🐦 [Follow @MakeOwnable](https://twitter.com/MakeOwnable)
---
## 🚀 Ready to Create?
&gt; [!SUCCESS] **Start Building Beautiful Presentations Today**
&gt; No installation required. No account needed. Just Markdown and your creativity.
&lt;div class="text-center"&gt;
&lt;a
id="button-f0120b71db2b790fb1e273e9aef61349"
href="https://docs.hugoblox.com/start/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-8 py-4 text-xl rounded-full"
role="button"
aria-label="Get Started Now"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.59 14.37q.159.666.16 1.38a6 6 0 0 1-6 6v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.9 14.9 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.9 14.9 0 0 0-2.58 5.84m2.699 2.7q-.155.032-.311.06a15 15 0 0 1-2.448-2.448l.06-.312m-2.24 2.39a4.49 4.49 0 0 0-1.757 4.306q.341.054.696.054a4.5 4.5 0 0 0 3.61-1.812M16.5 9a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Get Started Now&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="text-center"&gt;
&lt;a
id="button-76cbbfc47bdffc6a8bce2ae9f7d62388"
href="https://docs.hugoblox.com/guides/studio/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-6 py-3 text-lg rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 📖 Additional Resources
### Templates &amp; Examples
- [Academic Slides Template](https://github.com/HugoBlox/theme-academic-cv)
&lt;!--
- [Conference Talk Template](https://github.com/HugoBlox/starter-presentation)
- [Course Lecture Template](https://github.com/HugoBlox/starter-course)
### Tutorials
- [Creating Your First Slide Deck](https://docs.hugoblox.com/tutorial/slides/)
- [Advanced Slide Layouts](https://docs.hugoblox.com/reference/slides/)
- [Customizing Themes](https://docs.hugoblox.com/customization/)
- [Using HugoBlox Studio](https://docs.hugoblox.com/studio/)
--&gt;
&lt;!--
### Tips &amp; Tricks
&gt; [!TIP] **Pro Tips for Better Presentations**
&gt; 1. Keep slides simple — one idea per slide
&gt; 2. Use dual columns for comparisons
&gt; 3. Add speaker notes with `Note:` prefix
&gt; 4. Test presenter view before your talk
&gt; 5. Use fragments to control pacing
&gt; 6. Version control your slides with Git
&gt; 7. Share source files for reproducibility --&gt;
&lt;hr&gt;
&lt;!-- **Have questions?** Check out the [FAQ](https://docs.hugoblox.com/guides/slides/) or [ask the community](https://discord.gg/z8wNYzb)!
**Want to contribute?** Hugo Blox is open source! [Contributions welcome](https://github.com/HugoBlox/kit/blob/main/CONTRIBUTING.md). --&gt;</description></item><item><title>Life in Boston</title><link>https://ldulin.github.io/memories/life_in_bos/</link><pubDate>Tue, 01 Jul 2025 13:00:00 +0000</pubDate><guid>https://ldulin.github.io/memories/life_in_bos/</guid><description>&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./1.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./2.JPG" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./3.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./4.PNG" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./5.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./6.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./7.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./8.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./9.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./10.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./11.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./12.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./13.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;</description></item><item><title>Harvard</title><link>https://ldulin.github.io/memories/harvard/</link><pubDate>Sun, 15 Jun 2025 13:00:00 +0000</pubDate><guid>https://ldulin.github.io/memories/harvard/</guid><description>&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./1.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./2.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./3.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./4.JPG" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./5.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./6.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./7.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./8.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="./9.jpeg" alt="png" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;</description></item><item><title>Mapping cell-type-specific transcriptomic entropy across the cortex</title><link>https://ldulin.github.io/talks/ohbm2025_leiwenkun/</link><pubDate>Sun, 01 Jun 2025 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/talks/ohbm2025_leiwenkun/</guid><description>&lt;!-- ## 🎯 Why Markdown Slides?
&gt; [!SUCCESS] True Presentation Freedom
&gt; Unlike PowerPoint or Keynote, your presentations are **future-proof**, **portable**, and completely **under your control**. No proprietary formats, no vendor lock-in, no subscription fees.
### The Problem with Traditional Slides
**PowerPoint &amp; Keynote:**
- 💸 Expensive licenses or subscriptions
- 🔒 Proprietary file formats (`.pptx`, `.key`)
- 💻 Platform-specific (Windows/Mac only)
- 📦 Large binary files
- 🚫 Difficult to version control
- 😰 Lost formatting when sharing
**Google Slides:**
- ☁️ Requires internet connection
- 🔐 Data stored on Google's servers
- 📱 Limited offline editing
- 🎨 Formatting breaks when exporting
- 🔗 Dependency on Google's platform
### The Hugo Blox Solution
&gt; [!TIP] **Markdown Changes Everything**
&gt; Write your presentations in simple, human-readable Markdown. Edit anywhere, present anywhere, own forever.
---
## ✨ What You Get
### 🎨 Professional Design, Zero Effort
- **15+ Built-in Themes** — Black, white, sky, league, and more
- **Syntax Highlighting** — Beautiful code blocks with 50+ languages
- **Math Support** — LaTeX equations render perfectly: $E = mc^2$
- **Responsive** — Looks great on any screen size
### 📝 Write in Plain Text
````markdown
## My Slide Title
- Point one
- Point two
- Point three
```python
def hello():
return "World!"
```
---
````
That's it! No complex UI, no formatting headaches.
### 🔄 Edit Anywhere, Anytime
&gt; [!IMPORTANT] **Zero Lock-In**
&gt; Your slides are just Markdown files. Edit them in:
&gt; - **HugoBlox Studio** — Visual editing with live preview
&gt; - **VS Code** — With Markdown extensions
&gt; - **Obsidian** — Note-taking app that speaks Markdown
&gt; - **Typora** — Minimal distraction writing
&gt; - **Any text editor** — Even Notepad works!
&lt;div class="text-left"&gt;
&lt;a
id="button-154ce09ac8e0d1f6de17a9c7826b4631"
href="https://docs.hugoblox.com/guides/studio/"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-4 py-2 text-base rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### 🎯 Advanced Features
**Dual Column Layouts:**
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Column 1&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Column 2&lt;/div&gt;
&lt;/div&gt;
```
**Fragment Animations:**
```markdown
{{&lt; fragment &gt;}}Appear on click!{{&lt; /fragment &gt;}}
```
**Speaker Notes:**
```markdown
Note: Your private notes here
(visible in presenter view only)
```
**Vertical Slide Stacks:**
Navigate down for sub-topics!
---
## 🚀 Getting Started is Easy
&gt; [!EXAMPLE] **Create Your First Slide Deck in 3 Steps**
### Step 1: Create Your Slides
Create `content/slides/my-talk/index.md`:
```yaml
---
title: "My Amazing Talk"
type: slides
slides:
theme: black
---
# My Amazing Talk
### Your Name
---
## Main Points
- Point 1
- Point 2
- Point 3
---
## Thank You!
```
### Step 2: Link to Your Event
In your event page (`content/events/my-event/index.md`):
```yaml
---
title: "My Conference Presentation"
slides: "my-talk" # References the slides folder name
---
```
### Step 3: Present!
Your slides are automatically:
- ✅ Embedded on the event page
- ✅ Available in fullscreen mode (click
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; button)
- ✅ Accessible at a direct URL
- ✅ Keyboard-navigatable (→ ← keys)
&lt;div class="text-center"&gt;
&lt;a
id="button-1747ce2c775ed526714f3643fe58af1e"
href="https://docs.hugoblox.com/guides/slides/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-white dark:bg-zinc-900 border-2 border-primary-500 text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 hover:border-primary-600 active:bg-primary-100 dark:active:bg-primary-950 shadow-md hover:shadow-lg hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Read Full Documentation"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.042A8.97 8.97 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A9 9 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.97 8.97 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A9 9 0 0 0 18 18a8.97 8.97 0 0 0-6 2.292m0-14.25v14.25"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Read Full Documentation&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 💎 Why Academics &amp; Researchers Love It
&gt; [!QUOTE]
&gt; "I can finally version control my presentations with Git, collaborate using GitHub, and never worry about formatting breaking again. Game changer for reproducible research!"
&gt; — *Dr. Xin Liu, MIT*
### Perfect for Research
- **Version Control** — Track every change with Git
- **Collaboration** — Use GitHub pull requests for slide reviews
- **Reproducibility** — Slides are plain text, commit them with your code
- **Open Science** — Share presentations on GitHub, no barriers
- **Citations** — Include BibTeX references easily
- **Jupyter Integration** — Embed notebooks and visualizations
### Perfect for Teaching
- **Reusable Content** — Mix and match slides across courses
- **Student Contributions** — Students can submit slide PRs
- **Live Coding** — Syntax highlighting for all languages
- **Interactive Examples** — Embed interactive visualizations
- **Accessible** — Keyboard navigation, screen reader friendly
---
## 🎬 See It In Action
&gt; [!NOTE]
&gt; **Try it now!** The slides embedded above demonstrate all these features:
&gt; - Code highlighting with Python
&gt; - Mathematical equations with LaTeX
&gt; - Dual column layouts (slides 4-6)
&gt; - Fragment animations
&gt; - Multiple themes
&gt;
&gt; Click the
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; **fullscreen button** (top right) to experience presentation mode!
### Live Features to Try
1. **Navigate**: Use arrow keys (→ ←) or click controls
2. **Fullscreen**: Click the expand button to go fullscreen
3. **Speaker Notes**: Press `S` to open presenter view (try it!)
4. **Overview**: Press `ESC` to see all slides at once
5. **Search**: Press `/` to search slide content
6. **Zoom**: `Alt+Click` to zoom into details
&lt;div class="text-left"&gt;
&lt;a
id="button-66572a5fe88c6d6d2d77cb9d0a5ab828"
href="https://ldulin.github.io/slides/example/"
target="_blank"
rel="noopener"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-transparent text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 active:bg-primary-100 dark:active:bg-primary-950 hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Open Slides in New Tab"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;span class="flex items-center justify-center leading-none text-lg"&gt;external-link&lt;/span&gt;
&lt;/span&gt;
&lt;span&gt;Open Slides in New Tab&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 🆚 Comparison
| Feature | PowerPoint | Google Slides | **Hugo Blox** |
|---------|-----------|---------------|---------------|
| **Cost** | $159.99/year | Free* | **Free Forever** |
| **Format** | Binary (`.pptx`) | Proprietary | **Plain Markdown** |
| **Version Control** | ❌ Difficult | ❌ Limited | **✅ Git Native** |
| **Offline Editing** | ✅ Yes | ⚠️ Limited | **✅ Fully Offline** |
| **Platform Lock-in** | ⚠️ Microsoft | ⚠️ Google | **✅ None** |
| **Code Highlighting** | ⚠️ Basic | ⚠️ Limited | **✅ 50+ Languages** |
| **Math Equations** | ⚠️ Clunky | ⚠️ Basic | **✅ Full LaTeX** |
| **Portability** | ❌ Poor | ❌ Requires Google | **✅ Works Anywhere** |
| **Future-Proof** | ❌ Format changes | ⚠️ API changes | **✅ Plain Text Forever** |
| **Open Source** | ❌ No | ❌ No | **✅ Yes** |
&gt; [!SUCCESS]
&gt; **Hugo Blox wins on freedom, portability, and long-term sustainability.**
---
## 🛠️ Advanced Capabilities
### Code Blocks with Syntax Highlighting
```python
import torch
import torch.nn as nn
class Transformer(nn.Module):
def __init__(self, d_model=512, nhead=8):
super().__init__()
self.attention = nn.MultiheadAttention(d_model, nhead)
def forward(self, x):
return self.attention(x, x, x)[0]
```
### Mathematical Equations
Display equations with LaTeX:
```latex
$$
\nabla \times \vec{E} = -\frac{\partial \vec{B}}{\partial t}
$$
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
```
### Dual Column Layouts
Perfect for before/after comparisons, code + explanation, or image + text:
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Left content&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Right content&lt;/div&gt;
&lt;/div&gt;
```
See slides 4-6 in the embedded presentation above for live examples!
---
## 🎓 For Educators: Teach the Future
&gt; [!TIP] **Empower Your Students**
&gt; Teaching with Hugo Blox means teaching modern, transferable skills:
&gt; - Markdown (used everywhere: GitHub, Notion, Obsidian)
&gt; - Version control (essential for careers)
&gt; - Web technologies (HTML, CSS)
&gt; - Reproducible science practices
### Course Integration
```markdown
courses/
├── ml-101/
│ ├── lecture-1/
│ │ ├── index.md (slides)
│ │ └── notes.md
│ ├── lecture-2/
│ │ └── index.md
│ └── _index.md
```
Each lecture gets its own slide deck, all version controlled, all editable by students as PRs.
---
## 🌍 Join the Community
&gt; [!IMPORTANT] **Built by Academics, for Academics**
&gt; Hugo Blox is used by researchers at:
&gt; - 🎓 Stanford, MIT, Harvard, Oxford, Cambridge
&gt; - 🏢 Google Research, Meta AI, OpenAI
&gt; - 🔬 CERN, NASA, NIH
&gt; - 🌐 Thousands of universities worldwide
&lt;div class="text-center"&gt;
&lt;a
id="button-cbbff18931569fba52099ad85607fbc1"
href="https://github.com/HugoBlox/kit"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-6 py-3 text-lg rounded-full"
role="button"
aria-label="Star on GitHub"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Star on GitHub&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### Get Help &amp; Connect
- 📚 [Documentation](https://docs.hugoblox.com/guides/slides/)
- 💬 [Discord Community](https://discord.gg/z8wNYzb)
- 🐛 [GitHub Issues](https://github.com/HugoBlox/kit/issues)
- 🐦 [Follow @MakeOwnable](https://twitter.com/MakeOwnable)
---
## 🚀 Ready to Create?
&gt; [!SUCCESS] **Start Building Beautiful Presentations Today**
&gt; No installation required. No account needed. Just Markdown and your creativity.
&lt;div class="text-center"&gt;
&lt;a
id="button-297e949dee0157dd27543a6be4f2f3ae"
href="https://docs.hugoblox.com/start/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-8 py-4 text-xl rounded-full"
role="button"
aria-label="Get Started Now"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.59 14.37q.159.666.16 1.38a6 6 0 0 1-6 6v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.9 14.9 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.9 14.9 0 0 0-2.58 5.84m2.699 2.7q-.155.032-.311.06a15 15 0 0 1-2.448-2.448l.06-.312m-2.24 2.39a4.49 4.49 0 0 0-1.757 4.306q.341.054.696.054a4.5 4.5 0 0 0 3.61-1.812M16.5 9a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Get Started Now&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="text-center"&gt;
&lt;a
id="button-d79e5afe6ed9736d3d58c7b82f55c7b6"
href="https://docs.hugoblox.com/guides/studio/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-6 py-3 text-lg rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 📖 Additional Resources
### Templates &amp; Examples
- [Academic Slides Template](https://github.com/HugoBlox/theme-academic-cv)
&lt;!--
- [Conference Talk Template](https://github.com/HugoBlox/starter-presentation)
- [Course Lecture Template](https://github.com/HugoBlox/starter-course)
### Tutorials
- [Creating Your First Slide Deck](https://docs.hugoblox.com/tutorial/slides/)
- [Advanced Slide Layouts](https://docs.hugoblox.com/reference/slides/)
- [Customizing Themes](https://docs.hugoblox.com/customization/)
- [Using HugoBlox Studio](https://docs.hugoblox.com/studio/)
--&gt;
&lt;!--
### Tips &amp; Tricks
&gt; [!TIP] **Pro Tips for Better Presentations**
&gt; 1. Keep slides simple — one idea per slide
&gt; 2. Use dual columns for comparisons
&gt; 3. Add speaker notes with `Note:` prefix
&gt; 4. Test presenter view before your talk
&gt; 5. Use fragments to control pacing
&gt; 6. Version control your slides with Git
&gt; 7. Share source files for reproducibility --&gt;
&lt;hr&gt;
&lt;!-- **Have questions?** Check out the [FAQ](https://docs.hugoblox.com/guides/slides/) or [ask the community](https://discord.gg/z8wNYzb)!
**Want to contribute?** Hugo Blox is open source! [Contributions welcome](https://github.com/HugoBlox/kit/blob/main/CONTRIBUTING.md). --&gt;</description></item><item><title>Mapping Cell-Type-Specific Transcriptomic Entropy Across the Cortex</title><link>https://ldulin.github.io/publications/lei_wenkun_et-al_2025_ohbm/</link><pubDate>Sun, 01 Jun 2025 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/publications/lei_wenkun_et-al_2025_ohbm/</guid><description>&lt;!--
&gt; [!NOTE]
&gt; Click the *Cite* button above to demo the feature to enable visitors to import publication metadata into their reference management software.
&gt; [!NOTE]
&gt; Create your slides in Markdown - click the *Slides* button to check out the example.
Add the publication's **full text** or **supplementary notes** here. You can use rich formatting such as including [code, math, and images](https://docs.hugoblox.com/content/writing-markdown-latex/). --&gt;</description></item><item><title>Structural brain abnormalities in schizophrenia based on contrastive learning</title><link>https://ldulin.github.io/talks/ohbm2025_dulin/</link><pubDate>Sun, 01 Jun 2025 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/talks/ohbm2025_dulin/</guid><description>&lt;!-- ## 🎯 Why Markdown Slides?
&gt; [!SUCCESS] True Presentation Freedom
&gt; Unlike PowerPoint or Keynote, your presentations are **future-proof**, **portable**, and completely **under your control**. No proprietary formats, no vendor lock-in, no subscription fees.
### The Problem with Traditional Slides
**PowerPoint &amp; Keynote:**
- 💸 Expensive licenses or subscriptions
- 🔒 Proprietary file formats (`.pptx`, `.key`)
- 💻 Platform-specific (Windows/Mac only)
- 📦 Large binary files
- 🚫 Difficult to version control
- 😰 Lost formatting when sharing
**Google Slides:**
- ☁️ Requires internet connection
- 🔐 Data stored on Google's servers
- 📱 Limited offline editing
- 🎨 Formatting breaks when exporting
- 🔗 Dependency on Google's platform
### The Hugo Blox Solution
&gt; [!TIP] **Markdown Changes Everything**
&gt; Write your presentations in simple, human-readable Markdown. Edit anywhere, present anywhere, own forever.
---
## ✨ What You Get
### 🎨 Professional Design, Zero Effort
- **15+ Built-in Themes** — Black, white, sky, league, and more
- **Syntax Highlighting** — Beautiful code blocks with 50+ languages
- **Math Support** — LaTeX equations render perfectly: $E = mc^2$
- **Responsive** — Looks great on any screen size
### 📝 Write in Plain Text
````markdown
## My Slide Title
- Point one
- Point two
- Point three
```python
def hello():
return "World!"
```
---
````
That's it! No complex UI, no formatting headaches.
### 🔄 Edit Anywhere, Anytime
&gt; [!IMPORTANT] **Zero Lock-In**
&gt; Your slides are just Markdown files. Edit them in:
&gt; - **HugoBlox Studio** — Visual editing with live preview
&gt; - **VS Code** — With Markdown extensions
&gt; - **Obsidian** — Note-taking app that speaks Markdown
&gt; - **Typora** — Minimal distraction writing
&gt; - **Any text editor** — Even Notepad works!
&lt;div class="text-left"&gt;
&lt;a
id="button-731864ad478ee3af0cc4b60d2f0d24a5"
href="https://docs.hugoblox.com/guides/studio/"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-4 py-2 text-base rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### 🎯 Advanced Features
**Dual Column Layouts:**
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Column 1&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Column 2&lt;/div&gt;
&lt;/div&gt;
```
**Fragment Animations:**
```markdown
{{&lt; fragment &gt;}}Appear on click!{{&lt; /fragment &gt;}}
```
**Speaker Notes:**
```markdown
Note: Your private notes here
(visible in presenter view only)
```
**Vertical Slide Stacks:**
Navigate down for sub-topics!
---
## 🚀 Getting Started is Easy
&gt; [!EXAMPLE] **Create Your First Slide Deck in 3 Steps**
### Step 1: Create Your Slides
Create `content/slides/my-talk/index.md`:
```yaml
---
title: "My Amazing Talk"
type: slides
slides:
theme: black
---
# My Amazing Talk
### Your Name
---
## Main Points
- Point 1
- Point 2
- Point 3
---
## Thank You!
```
### Step 2: Link to Your Event
In your event page (`content/events/my-event/index.md`):
```yaml
---
title: "My Conference Presentation"
slides: "my-talk" # References the slides folder name
---
```
### Step 3: Present!
Your slides are automatically:
- ✅ Embedded on the event page
- ✅ Available in fullscreen mode (click
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; button)
- ✅ Accessible at a direct URL
- ✅ Keyboard-navigatable (→ ← keys)
&lt;div class="text-center"&gt;
&lt;a
id="button-5fa3605364b935d2b16d92b280c29501"
href="https://docs.hugoblox.com/guides/slides/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-white dark:bg-zinc-900 border-2 border-primary-500 text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 hover:border-primary-600 active:bg-primary-100 dark:active:bg-primary-950 shadow-md hover:shadow-lg hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Read Full Documentation"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.042A8.97 8.97 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A9 9 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.97 8.97 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A9 9 0 0 0 18 18a8.97 8.97 0 0 0-6 2.292m0-14.25v14.25"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Read Full Documentation&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 💎 Why Academics &amp; Researchers Love It
&gt; [!QUOTE]
&gt; "I can finally version control my presentations with Git, collaborate using GitHub, and never worry about formatting breaking again. Game changer for reproducible research!"
&gt; — *Dr. Xin Liu, MIT*
### Perfect for Research
- **Version Control** — Track every change with Git
- **Collaboration** — Use GitHub pull requests for slide reviews
- **Reproducibility** — Slides are plain text, commit them with your code
- **Open Science** — Share presentations on GitHub, no barriers
- **Citations** — Include BibTeX references easily
- **Jupyter Integration** — Embed notebooks and visualizations
### Perfect for Teaching
- **Reusable Content** — Mix and match slides across courses
- **Student Contributions** — Students can submit slide PRs
- **Live Coding** — Syntax highlighting for all languages
- **Interactive Examples** — Embed interactive visualizations
- **Accessible** — Keyboard navigation, screen reader friendly
---
## 🎬 See It In Action
&gt; [!NOTE]
&gt; **Try it now!** The slides embedded above demonstrate all these features:
&gt; - Code highlighting with Python
&gt; - Mathematical equations with LaTeX
&gt; - Dual column layouts (slides 4-6)
&gt; - Fragment animations
&gt; - Multiple themes
&gt;
&gt; Click the
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; **fullscreen button** (top right) to experience presentation mode!
### Live Features to Try
1. **Navigate**: Use arrow keys (→ ←) or click controls
2. **Fullscreen**: Click the expand button to go fullscreen
3. **Speaker Notes**: Press `S` to open presenter view (try it!)
4. **Overview**: Press `ESC` to see all slides at once
5. **Search**: Press `/` to search slide content
6. **Zoom**: `Alt+Click` to zoom into details
&lt;div class="text-left"&gt;
&lt;a
id="button-38a76841be604bcc7dbeca35d19f375f"
href="https://ldulin.github.io/slides/example/"
target="_blank"
rel="noopener"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-transparent text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 active:bg-primary-100 dark:active:bg-primary-950 hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Open Slides in New Tab"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;span class="flex items-center justify-center leading-none text-lg"&gt;external-link&lt;/span&gt;
&lt;/span&gt;
&lt;span&gt;Open Slides in New Tab&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 🆚 Comparison
| Feature | PowerPoint | Google Slides | **Hugo Blox** |
|---------|-----------|---------------|---------------|
| **Cost** | $159.99/year | Free* | **Free Forever** |
| **Format** | Binary (`.pptx`) | Proprietary | **Plain Markdown** |
| **Version Control** | ❌ Difficult | ❌ Limited | **✅ Git Native** |
| **Offline Editing** | ✅ Yes | ⚠️ Limited | **✅ Fully Offline** |
| **Platform Lock-in** | ⚠️ Microsoft | ⚠️ Google | **✅ None** |
| **Code Highlighting** | ⚠️ Basic | ⚠️ Limited | **✅ 50+ Languages** |
| **Math Equations** | ⚠️ Clunky | ⚠️ Basic | **✅ Full LaTeX** |
| **Portability** | ❌ Poor | ❌ Requires Google | **✅ Works Anywhere** |
| **Future-Proof** | ❌ Format changes | ⚠️ API changes | **✅ Plain Text Forever** |
| **Open Source** | ❌ No | ❌ No | **✅ Yes** |
&gt; [!SUCCESS]
&gt; **Hugo Blox wins on freedom, portability, and long-term sustainability.**
---
## 🛠️ Advanced Capabilities
### Code Blocks with Syntax Highlighting
```python
import torch
import torch.nn as nn
class Transformer(nn.Module):
def __init__(self, d_model=512, nhead=8):
super().__init__()
self.attention = nn.MultiheadAttention(d_model, nhead)
def forward(self, x):
return self.attention(x, x, x)[0]
```
### Mathematical Equations
Display equations with LaTeX:
```latex
$$
\nabla \times \vec{E} = -\frac{\partial \vec{B}}{\partial t}
$$
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
```
### Dual Column Layouts
Perfect for before/after comparisons, code + explanation, or image + text:
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Left content&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Right content&lt;/div&gt;
&lt;/div&gt;
```
See slides 4-6 in the embedded presentation above for live examples!
---
## 🎓 For Educators: Teach the Future
&gt; [!TIP] **Empower Your Students**
&gt; Teaching with Hugo Blox means teaching modern, transferable skills:
&gt; - Markdown (used everywhere: GitHub, Notion, Obsidian)
&gt; - Version control (essential for careers)
&gt; - Web technologies (HTML, CSS)
&gt; - Reproducible science practices
### Course Integration
```markdown
courses/
├── ml-101/
│ ├── lecture-1/
│ │ ├── index.md (slides)
│ │ └── notes.md
│ ├── lecture-2/
│ │ └── index.md
│ └── _index.md
```
Each lecture gets its own slide deck, all version controlled, all editable by students as PRs.
---
## 🌍 Join the Community
&gt; [!IMPORTANT] **Built by Academics, for Academics**
&gt; Hugo Blox is used by researchers at:
&gt; - 🎓 Stanford, MIT, Harvard, Oxford, Cambridge
&gt; - 🏢 Google Research, Meta AI, OpenAI
&gt; - 🔬 CERN, NASA, NIH
&gt; - 🌐 Thousands of universities worldwide
&lt;div class="text-center"&gt;
&lt;a
id="button-c1f86d7932e2c0902bf671ff8e844f99"
href="https://github.com/HugoBlox/kit"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-6 py-3 text-lg rounded-full"
role="button"
aria-label="Star on GitHub"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Star on GitHub&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### Get Help &amp; Connect
- 📚 [Documentation](https://docs.hugoblox.com/guides/slides/)
- 💬 [Discord Community](https://discord.gg/z8wNYzb)
- 🐛 [GitHub Issues](https://github.com/HugoBlox/kit/issues)
- 🐦 [Follow @MakeOwnable](https://twitter.com/MakeOwnable)
---
## 🚀 Ready to Create?
&gt; [!SUCCESS] **Start Building Beautiful Presentations Today**
&gt; No installation required. No account needed. Just Markdown and your creativity.
&lt;div class="text-center"&gt;
&lt;a
id="button-e874d989cd45bfef274f1661bc970160"
href="https://docs.hugoblox.com/start/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-8 py-4 text-xl rounded-full"
role="button"
aria-label="Get Started Now"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.59 14.37q.159.666.16 1.38a6 6 0 0 1-6 6v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.9 14.9 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.9 14.9 0 0 0-2.58 5.84m2.699 2.7q-.155.032-.311.06a15 15 0 0 1-2.448-2.448l.06-.312m-2.24 2.39a4.49 4.49 0 0 0-1.757 4.306q.341.054.696.054a4.5 4.5 0 0 0 3.61-1.812M16.5 9a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Get Started Now&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="text-center"&gt;
&lt;a
id="button-473d0ee4e45628e96eff3508e4884f4c"
href="https://docs.hugoblox.com/guides/studio/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-6 py-3 text-lg rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 📖 Additional Resources
### Templates &amp; Examples
- [Academic Slides Template](https://github.com/HugoBlox/theme-academic-cv)
&lt;!--
- [Conference Talk Template](https://github.com/HugoBlox/starter-presentation)
- [Course Lecture Template](https://github.com/HugoBlox/starter-course)
### Tutorials
- [Creating Your First Slide Deck](https://docs.hugoblox.com/tutorial/slides/)
- [Advanced Slide Layouts](https://docs.hugoblox.com/reference/slides/)
- [Customizing Themes](https://docs.hugoblox.com/customization/)
- [Using HugoBlox Studio](https://docs.hugoblox.com/studio/)
--&gt;
&lt;!--
### Tips &amp; Tricks
&gt; [!TIP] **Pro Tips for Better Presentations**
&gt; 1. Keep slides simple — one idea per slide
&gt; 2. Use dual columns for comparisons
&gt; 3. Add speaker notes with `Note:` prefix
&gt; 4. Test presenter view before your talk
&gt; 5. Use fragments to control pacing
&gt; 6. Version control your slides with Git
&gt; 7. Share source files for reproducibility --&gt;
&lt;hr&gt;
&lt;!-- **Have questions?** Check out the [FAQ](https://docs.hugoblox.com/guides/slides/) or [ask the community](https://discord.gg/z8wNYzb)!
**Want to contribute?** Hugo Blox is open source! [Contributions welcome](https://github.com/HugoBlox/kit/blob/main/CONTRIBUTING.md). --&gt;</description></item><item><title>Structural Brain Abnormalities in Schizophrenia Based on Contrastive Learning</title><link>https://ldulin.github.io/publications/du_lin_et-al_2025_ohbm/</link><pubDate>Sun, 01 Jun 2025 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/publications/du_lin_et-al_2025_ohbm/</guid><description>&lt;!--
&gt; [!NOTE]
&gt; Click the *Cite* button above to demo the feature to enable visitors to import publication metadata into their reference management software.
&gt; [!NOTE]
&gt; Create your slides in Markdown - click the *Slides* button to check out the example.
Add the publication's **full text** or **supplementary notes** here. You can use rich formatting such as including [code, math, and images](https://docs.hugoblox.com/content/writing-markdown-latex/). --&gt;</description></item><item><title>The Neurodynamic Computational Model Reveals Abnormal Multistable Spatiotemporal Patterns and Mechanisms in Schizophrenia</title><link>https://ldulin.github.io/publications/ding_chaoyue_et-al_2025/</link><pubDate>Sat, 10 May 2025 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/publications/ding_chaoyue_et-al_2025/</guid><description>&lt;!-- This work is driven by the results in my [previous paper](/publications/conference-paper/) on LLMs.
&gt; [!NOTE]
&gt; Create your slides in Markdown - click the *Slides* button to check out the example.
Add the publication's **full text** or **supplementary notes** here. You can use rich formatting such as including [code, math, and images](https://docs.hugoblox.com/content/writing-markdown-latex/). --&gt;</description></item><item><title>Low-Dimensional Temporal Representations of Brain Functional Networks Using a Transformer-Based Autoencoder</title><link>https://ldulin.github.io/publications/wang_qi_et-al_2025/</link><pubDate>Thu, 01 May 2025 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/publications/wang_qi_et-al_2025/</guid><description>&lt;!--
&gt; [!NOTE]
&gt; Click the *Cite* button above to demo the feature to enable visitors to import publication metadata into their reference management software.
&gt; [!NOTE]
&gt; Create your slides in Markdown - click the *Slides* button to check out the example.
Add the publication's **full text** or **supplementary notes** here. You can use rich formatting such as including [code, math, and images](https://docs.hugoblox.com/content/writing-markdown-latex/). --&gt;</description></item><item><title>Uni-BrainX: Unified brain imaging across sites by contrastive learning and transformer attention</title><link>https://ldulin.github.io/talks/decode-sz/</link><pubDate>Sun, 01 Dec 2024 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/talks/decode-sz/</guid><description>&lt;!-- ## 🎯 Why Markdown Slides?
&gt; [!SUCCESS] True Presentation Freedom
&gt; Unlike PowerPoint or Keynote, your presentations are **future-proof**, **portable**, and completely **under your control**. No proprietary formats, no vendor lock-in, no subscription fees.
### The Problem with Traditional Slides
**PowerPoint &amp; Keynote:**
- 💸 Expensive licenses or subscriptions
- 🔒 Proprietary file formats (`.pptx`, `.key`)
- 💻 Platform-specific (Windows/Mac only)
- 📦 Large binary files
- 🚫 Difficult to version control
- 😰 Lost formatting when sharing
**Google Slides:**
- ☁️ Requires internet connection
- 🔐 Data stored on Google's servers
- 📱 Limited offline editing
- 🎨 Formatting breaks when exporting
- 🔗 Dependency on Google's platform
### The Hugo Blox Solution
&gt; [!TIP] **Markdown Changes Everything**
&gt; Write your presentations in simple, human-readable Markdown. Edit anywhere, present anywhere, own forever.
---
## ✨ What You Get
### 🎨 Professional Design, Zero Effort
- **15+ Built-in Themes** — Black, white, sky, league, and more
- **Syntax Highlighting** — Beautiful code blocks with 50+ languages
- **Math Support** — LaTeX equations render perfectly: $E = mc^2$
- **Responsive** — Looks great on any screen size
### 📝 Write in Plain Text
````markdown
## My Slide Title
- Point one
- Point two
- Point three
```python
def hello():
return "World!"
```
---
````
That's it! No complex UI, no formatting headaches.
### 🔄 Edit Anywhere, Anytime
&gt; [!IMPORTANT] **Zero Lock-In**
&gt; Your slides are just Markdown files. Edit them in:
&gt; - **HugoBlox Studio** — Visual editing with live preview
&gt; - **VS Code** — With Markdown extensions
&gt; - **Obsidian** — Note-taking app that speaks Markdown
&gt; - **Typora** — Minimal distraction writing
&gt; - **Any text editor** — Even Notepad works!
&lt;div class="text-left"&gt;
&lt;a
id="button-1058e7dd33633d9ad469f789b5589721"
href="https://docs.hugoblox.com/guides/studio/"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-4 py-2 text-base rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### 🎯 Advanced Features
**Dual Column Layouts:**
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Column 1&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Column 2&lt;/div&gt;
&lt;/div&gt;
```
**Fragment Animations:**
```markdown
{{&lt; fragment &gt;}}Appear on click!{{&lt; /fragment &gt;}}
```
**Speaker Notes:**
```markdown
Note: Your private notes here
(visible in presenter view only)
```
**Vertical Slide Stacks:**
Navigate down for sub-topics!
---
## 🚀 Getting Started is Easy
&gt; [!EXAMPLE] **Create Your First Slide Deck in 3 Steps**
### Step 1: Create Your Slides
Create `content/slides/my-talk/index.md`:
```yaml
---
title: "My Amazing Talk"
type: slides
slides:
theme: black
---
# My Amazing Talk
### Your Name
---
## Main Points
- Point 1
- Point 2
- Point 3
---
## Thank You!
```
### Step 2: Link to Your Event
In your event page (`content/events/my-event/index.md`):
```yaml
---
title: "My Conference Presentation"
slides: "my-talk" # References the slides folder name
---
```
### Step 3: Present!
Your slides are automatically:
- ✅ Embedded on the event page
- ✅ Available in fullscreen mode (click
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; button)
- ✅ Accessible at a direct URL
- ✅ Keyboard-navigatable (→ ← keys)
&lt;div class="text-center"&gt;
&lt;a
id="button-5bec696b1567baae20872ba45e8febbb"
href="https://docs.hugoblox.com/guides/slides/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-white dark:bg-zinc-900 border-2 border-primary-500 text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 hover:border-primary-600 active:bg-primary-100 dark:active:bg-primary-950 shadow-md hover:shadow-lg hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Read Full Documentation"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.042A8.97 8.97 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A9 9 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.97 8.97 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A9 9 0 0 0 18 18a8.97 8.97 0 0 0-6 2.292m0-14.25v14.25"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Read Full Documentation&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 💎 Why Academics &amp; Researchers Love It
&gt; [!QUOTE]
&gt; "I can finally version control my presentations with Git, collaborate using GitHub, and never worry about formatting breaking again. Game changer for reproducible research!"
&gt; — *Dr. Xin Liu, MIT*
### Perfect for Research
- **Version Control** — Track every change with Git
- **Collaboration** — Use GitHub pull requests for slide reviews
- **Reproducibility** — Slides are plain text, commit them with your code
- **Open Science** — Share presentations on GitHub, no barriers
- **Citations** — Include BibTeX references easily
- **Jupyter Integration** — Embed notebooks and visualizations
### Perfect for Teaching
- **Reusable Content** — Mix and match slides across courses
- **Student Contributions** — Students can submit slide PRs
- **Live Coding** — Syntax highlighting for all languages
- **Interactive Examples** — Embed interactive visualizations
- **Accessible** — Keyboard navigation, screen reader friendly
---
## 🎬 See It In Action
&gt; [!NOTE]
&gt; **Try it now!** The slides embedded above demonstrate all these features:
&gt; - Code highlighting with Python
&gt; - Mathematical equations with LaTeX
&gt; - Dual column layouts (slides 4-6)
&gt; - Fragment animations
&gt; - Multiple themes
&gt;
&gt; Click the
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; **fullscreen button** (top right) to experience presentation mode!
### Live Features to Try
1. **Navigate**: Use arrow keys (→ ←) or click controls
2. **Fullscreen**: Click the expand button to go fullscreen
3. **Speaker Notes**: Press `S` to open presenter view (try it!)
4. **Overview**: Press `ESC` to see all slides at once
5. **Search**: Press `/` to search slide content
6. **Zoom**: `Alt+Click` to zoom into details
&lt;div class="text-left"&gt;
&lt;a
id="button-db38cfa3effddb8ee035648f32571bfa"
href="https://ldulin.github.io/slides/example/"
target="_blank"
rel="noopener"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-transparent text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 active:bg-primary-100 dark:active:bg-primary-950 hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Open Slides in New Tab"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;span class="flex items-center justify-center leading-none text-lg"&gt;external-link&lt;/span&gt;
&lt;/span&gt;
&lt;span&gt;Open Slides in New Tab&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 🆚 Comparison
| Feature | PowerPoint | Google Slides | **Hugo Blox** |
|---------|-----------|---------------|---------------|
| **Cost** | $159.99/year | Free* | **Free Forever** |
| **Format** | Binary (`.pptx`) | Proprietary | **Plain Markdown** |
| **Version Control** | ❌ Difficult | ❌ Limited | **✅ Git Native** |
| **Offline Editing** | ✅ Yes | ⚠️ Limited | **✅ Fully Offline** |
| **Platform Lock-in** | ⚠️ Microsoft | ⚠️ Google | **✅ None** |
| **Code Highlighting** | ⚠️ Basic | ⚠️ Limited | **✅ 50+ Languages** |
| **Math Equations** | ⚠️ Clunky | ⚠️ Basic | **✅ Full LaTeX** |
| **Portability** | ❌ Poor | ❌ Requires Google | **✅ Works Anywhere** |
| **Future-Proof** | ❌ Format changes | ⚠️ API changes | **✅ Plain Text Forever** |
| **Open Source** | ❌ No | ❌ No | **✅ Yes** |
&gt; [!SUCCESS]
&gt; **Hugo Blox wins on freedom, portability, and long-term sustainability.**
---
## 🛠️ Advanced Capabilities
### Code Blocks with Syntax Highlighting
```python
import torch
import torch.nn as nn
class Transformer(nn.Module):
def __init__(self, d_model=512, nhead=8):
super().__init__()
self.attention = nn.MultiheadAttention(d_model, nhead)
def forward(self, x):
return self.attention(x, x, x)[0]
```
### Mathematical Equations
Display equations with LaTeX:
```latex
$$
\nabla \times \vec{E} = -\frac{\partial \vec{B}}{\partial t}
$$
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
```
### Dual Column Layouts
Perfect for before/after comparisons, code + explanation, or image + text:
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Left content&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Right content&lt;/div&gt;
&lt;/div&gt;
```
See slides 4-6 in the embedded presentation above for live examples!
---
## 🎓 For Educators: Teach the Future
&gt; [!TIP] **Empower Your Students**
&gt; Teaching with Hugo Blox means teaching modern, transferable skills:
&gt; - Markdown (used everywhere: GitHub, Notion, Obsidian)
&gt; - Version control (essential for careers)
&gt; - Web technologies (HTML, CSS)
&gt; - Reproducible science practices
### Course Integration
```markdown
courses/
├── ml-101/
│ ├── lecture-1/
│ │ ├── index.md (slides)
│ │ └── notes.md
│ ├── lecture-2/
│ │ └── index.md
│ └── _index.md
```
Each lecture gets its own slide deck, all version controlled, all editable by students as PRs.
---
## 🌍 Join the Community
&gt; [!IMPORTANT] **Built by Academics, for Academics**
&gt; Hugo Blox is used by researchers at:
&gt; - 🎓 Stanford, MIT, Harvard, Oxford, Cambridge
&gt; - 🏢 Google Research, Meta AI, OpenAI
&gt; - 🔬 CERN, NASA, NIH
&gt; - 🌐 Thousands of universities worldwide
&lt;div class="text-center"&gt;
&lt;a
id="button-78fd9de28b7d802685565270cd020506"
href="https://github.com/HugoBlox/kit"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-6 py-3 text-lg rounded-full"
role="button"
aria-label="Star on GitHub"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Star on GitHub&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### Get Help &amp; Connect
- 📚 [Documentation](https://docs.hugoblox.com/guides/slides/)
- 💬 [Discord Community](https://discord.gg/z8wNYzb)
- 🐛 [GitHub Issues](https://github.com/HugoBlox/kit/issues)
- 🐦 [Follow @MakeOwnable](https://twitter.com/MakeOwnable)
---
## 🚀 Ready to Create?
&gt; [!SUCCESS] **Start Building Beautiful Presentations Today**
&gt; No installation required. No account needed. Just Markdown and your creativity.
&lt;div class="text-center"&gt;
&lt;a
id="button-d2a92cefec67bae636270edb8be7ecc1"
href="https://docs.hugoblox.com/start/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-8 py-4 text-xl rounded-full"
role="button"
aria-label="Get Started Now"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.59 14.37q.159.666.16 1.38a6 6 0 0 1-6 6v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.9 14.9 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.9 14.9 0 0 0-2.58 5.84m2.699 2.7q-.155.032-.311.06a15 15 0 0 1-2.448-2.448l.06-.312m-2.24 2.39a4.49 4.49 0 0 0-1.757 4.306q.341.054.696.054a4.5 4.5 0 0 0 3.61-1.812M16.5 9a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Get Started Now&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="text-center"&gt;
&lt;a
id="button-e9f9df07204537a0e8c44c624cb2d34a"
href="https://docs.hugoblox.com/guides/studio/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-6 py-3 text-lg rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 📖 Additional Resources
### Templates &amp; Examples
- [Academic Slides Template](https://github.com/HugoBlox/theme-academic-cv)
&lt;!--
- [Conference Talk Template](https://github.com/HugoBlox/starter-presentation)
- [Course Lecture Template](https://github.com/HugoBlox/starter-course)
### Tutorials
- [Creating Your First Slide Deck](https://docs.hugoblox.com/tutorial/slides/)
- [Advanced Slide Layouts](https://docs.hugoblox.com/reference/slides/)
- [Customizing Themes](https://docs.hugoblox.com/customization/)
- [Using HugoBlox Studio](https://docs.hugoblox.com/studio/)
--&gt;
&lt;!--
### Tips &amp; Tricks
&gt; [!TIP] **Pro Tips for Better Presentations**
&gt; 1. Keep slides simple — one idea per slide
&gt; 2. Use dual columns for comparisons
&gt; 3. Add speaker notes with `Note:` prefix
&gt; 4. Test presenter view before your talk
&gt; 5. Use fragments to control pacing
&gt; 6. Version control your slides with Git
&gt; 7. Share source files for reproducibility --&gt;
&lt;hr&gt;
&lt;!-- **Have questions?** Check out the [FAQ](https://docs.hugoblox.com/guides/slides/) or [ask the community](https://discord.gg/z8wNYzb)!
**Want to contribute?** Hugo Blox is open source! [Contributions welcome](https://github.com/HugoBlox/kit/blob/main/CONTRIBUTING.md). --&gt;</description></item><item><title>An efficient contrastive deep learning model for identifying schizophrenia-specific neuroanatomical variations</title><link>https://ldulin.github.io/talks/domain_adaptation/</link><pubDate>Sat, 01 Jun 2024 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/talks/domain_adaptation/</guid><description>&lt;!-- ## 🎯 Why Markdown Slides?
&gt; [!SUCCESS] True Presentation Freedom
&gt; Unlike PowerPoint or Keynote, your presentations are **future-proof**, **portable**, and completely **under your control**. No proprietary formats, no vendor lock-in, no subscription fees.
### The Problem with Traditional Slides
**PowerPoint &amp; Keynote:**
- 💸 Expensive licenses or subscriptions
- 🔒 Proprietary file formats (`.pptx`, `.key`)
- 💻 Platform-specific (Windows/Mac only)
- 📦 Large binary files
- 🚫 Difficult to version control
- 😰 Lost formatting when sharing
**Google Slides:**
- ☁️ Requires internet connection
- 🔐 Data stored on Google's servers
- 📱 Limited offline editing
- 🎨 Formatting breaks when exporting
- 🔗 Dependency on Google's platform
### The Hugo Blox Solution
&gt; [!TIP] **Markdown Changes Everything**
&gt; Write your presentations in simple, human-readable Markdown. Edit anywhere, present anywhere, own forever.
---
## ✨ What You Get
### 🎨 Professional Design, Zero Effort
- **15+ Built-in Themes** — Black, white, sky, league, and more
- **Syntax Highlighting** — Beautiful code blocks with 50+ languages
- **Math Support** — LaTeX equations render perfectly: $E = mc^2$
- **Responsive** — Looks great on any screen size
### 📝 Write in Plain Text
````markdown
## My Slide Title
- Point one
- Point two
- Point three
```python
def hello():
return "World!"
```
---
````
That's it! No complex UI, no formatting headaches.
### 🔄 Edit Anywhere, Anytime
&gt; [!IMPORTANT] **Zero Lock-In**
&gt; Your slides are just Markdown files. Edit them in:
&gt; - **HugoBlox Studio** — Visual editing with live preview
&gt; - **VS Code** — With Markdown extensions
&gt; - **Obsidian** — Note-taking app that speaks Markdown
&gt; - **Typora** — Minimal distraction writing
&gt; - **Any text editor** — Even Notepad works!
&lt;div class="text-left"&gt;
&lt;a
id="button-fbd3225ad41f1f1cef44442ae57e8be0"
href="https://docs.hugoblox.com/guides/studio/"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-4 py-2 text-base rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### 🎯 Advanced Features
**Dual Column Layouts:**
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Column 1&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Column 2&lt;/div&gt;
&lt;/div&gt;
```
**Fragment Animations:**
```markdown
{{&lt; fragment &gt;}}Appear on click!{{&lt; /fragment &gt;}}
```
**Speaker Notes:**
```markdown
Note: Your private notes here
(visible in presenter view only)
```
**Vertical Slide Stacks:**
Navigate down for sub-topics!
---
## 🚀 Getting Started is Easy
&gt; [!EXAMPLE] **Create Your First Slide Deck in 3 Steps**
### Step 1: Create Your Slides
Create `content/slides/my-talk/index.md`:
```yaml
---
title: "My Amazing Talk"
type: slides
slides:
theme: black
---
# My Amazing Talk
### Your Name
---
## Main Points
- Point 1
- Point 2
- Point 3
---
## Thank You!
```
### Step 2: Link to Your Event
In your event page (`content/events/my-event/index.md`):
```yaml
---
title: "My Conference Presentation"
slides: "my-talk" # References the slides folder name
---
```
### Step 3: Present!
Your slides are automatically:
- ✅ Embedded on the event page
- ✅ Available in fullscreen mode (click
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; button)
- ✅ Accessible at a direct URL
- ✅ Keyboard-navigatable (→ ← keys)
&lt;div class="text-center"&gt;
&lt;a
id="button-3989244712b5ad7acb9ee888e9adb447"
href="https://docs.hugoblox.com/guides/slides/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-white dark:bg-zinc-900 border-2 border-primary-500 text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 hover:border-primary-600 active:bg-primary-100 dark:active:bg-primary-950 shadow-md hover:shadow-lg hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Read Full Documentation"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 6.042A8.97 8.97 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A9 9 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.97 8.97 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A9 9 0 0 0 18 18a8.97 8.97 0 0 0-6 2.292m0-14.25v14.25"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Read Full Documentation&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 💎 Why Academics &amp; Researchers Love It
&gt; [!QUOTE]
&gt; "I can finally version control my presentations with Git, collaborate using GitHub, and never worry about formatting breaking again. Game changer for reproducible research!"
&gt; — *Dr. Xin Liu, MIT*
### Perfect for Research
- **Version Control** — Track every change with Git
- **Collaboration** — Use GitHub pull requests for slide reviews
- **Reproducibility** — Slides are plain text, commit them with your code
- **Open Science** — Share presentations on GitHub, no barriers
- **Citations** — Include BibTeX references easily
- **Jupyter Integration** — Embed notebooks and visualizations
### Perfect for Teaching
- **Reusable Content** — Mix and match slides across courses
- **Student Contributions** — Students can submit slide PRs
- **Live Coding** — Syntax highlighting for all languages
- **Interactive Examples** — Embed interactive visualizations
- **Accessible** — Keyboard navigation, screen reader friendly
---
## 🎬 See It In Action
&gt; [!NOTE]
&gt; **Try it now!** The slides embedded above demonstrate all these features:
&gt; - Code highlighting with Python
&gt; - Mathematical equations with LaTeX
&gt; - Dual column layouts (slides 4-6)
&gt; - Fragment animations
&gt; - Multiple themes
&gt;
&gt; Click the
&lt;span class="inline-block pr-1"&gt;
&lt;span style="height: 1em; transform: translateY(0.1em);"&gt;arrows-expand&lt;/span&gt;
&lt;/span&gt; **fullscreen button** (top right) to experience presentation mode!
### Live Features to Try
1. **Navigate**: Use arrow keys (→ ←) or click controls
2. **Fullscreen**: Click the expand button to go fullscreen
3. **Speaker Notes**: Press `S` to open presenter view (try it!)
4. **Overview**: Press `ESC` to see all slides at once
5. **Search**: Press `/` to search slide content
6. **Zoom**: `Alt+Click` to zoom into details
&lt;div class="text-left"&gt;
&lt;a
id="button-15174cbcd1c2d0d52b31b9c8e6f78325"
href="https://ldulin.github.io/slides/example/"
target="_blank"
rel="noopener"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-transparent text-primary-600 dark:text-primary-400 hover:bg-primary-50 dark:hover:bg-primary-950/50 active:bg-primary-100 dark:active:bg-primary-950 hover:scale-105 active:scale-95 focus:ring-primary-500/50 px-4 py-2 text-base rounded-lg"
role="button"
aria-label="Open Slides in New Tab"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;span class="flex items-center justify-center leading-none text-lg"&gt;external-link&lt;/span&gt;
&lt;/span&gt;
&lt;span&gt;Open Slides in New Tab&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 🆚 Comparison
| Feature | PowerPoint | Google Slides | **Hugo Blox** |
|---------|-----------|---------------|---------------|
| **Cost** | $159.99/year | Free* | **Free Forever** |
| **Format** | Binary (`.pptx`) | Proprietary | **Plain Markdown** |
| **Version Control** | ❌ Difficult | ❌ Limited | **✅ Git Native** |
| **Offline Editing** | ✅ Yes | ⚠️ Limited | **✅ Fully Offline** |
| **Platform Lock-in** | ⚠️ Microsoft | ⚠️ Google | **✅ None** |
| **Code Highlighting** | ⚠️ Basic | ⚠️ Limited | **✅ 50+ Languages** |
| **Math Equations** | ⚠️ Clunky | ⚠️ Basic | **✅ Full LaTeX** |
| **Portability** | ❌ Poor | ❌ Requires Google | **✅ Works Anywhere** |
| **Future-Proof** | ❌ Format changes | ⚠️ API changes | **✅ Plain Text Forever** |
| **Open Source** | ❌ No | ❌ No | **✅ Yes** |
&gt; [!SUCCESS]
&gt; **Hugo Blox wins on freedom, portability, and long-term sustainability.**
---
## 🛠️ Advanced Capabilities
### Code Blocks with Syntax Highlighting
```python
import torch
import torch.nn as nn
class Transformer(nn.Module):
def __init__(self, d_model=512, nhead=8):
super().__init__()
self.attention = nn.MultiheadAttention(d_model, nhead)
def forward(self, x):
return self.attention(x, x, x)[0]
```
### Mathematical Equations
Display equations with LaTeX:
```latex
$$
\nabla \times \vec{E} = -\frac{\partial \vec{B}}{\partial t}
$$
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
```
### Dual Column Layouts
Perfect for before/after comparisons, code + explanation, or image + text:
```markdown
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 1;"&gt;Left content&lt;/div&gt;
&lt;div style="flex: 1;"&gt;Right content&lt;/div&gt;
&lt;/div&gt;
```
See slides 4-6 in the embedded presentation above for live examples!
---
## 🎓 For Educators: Teach the Future
&gt; [!TIP] **Empower Your Students**
&gt; Teaching with Hugo Blox means teaching modern, transferable skills:
&gt; - Markdown (used everywhere: GitHub, Notion, Obsidian)
&gt; - Version control (essential for careers)
&gt; - Web technologies (HTML, CSS)
&gt; - Reproducible science practices
### Course Integration
```markdown
courses/
├── ml-101/
│ ├── lecture-1/
│ │ ├── index.md (slides)
│ │ └── notes.md
│ ├── lecture-2/
│ │ └── index.md
│ └── _index.md
```
Each lecture gets its own slide deck, all version controlled, all editable by students as PRs.
---
## 🌍 Join the Community
&gt; [!IMPORTANT] **Built by Academics, for Academics**
&gt; Hugo Blox is used by researchers at:
&gt; - 🎓 Stanford, MIT, Harvard, Oxford, Cambridge
&gt; - 🏢 Google Research, Meta AI, OpenAI
&gt; - 🔬 CERN, NASA, NIH
&gt; - 🌐 Thousands of universities worldwide
&lt;div class="text-center"&gt;
&lt;a
id="button-dc37842dc6fcdf0ee171ef22f2363b0d"
href="https://github.com/HugoBlox/kit"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-6 py-3 text-lg rounded-full"
role="button"
aria-label="Star on GitHub"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Star on GitHub&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
### Get Help &amp; Connect
- 📚 [Documentation](https://docs.hugoblox.com/guides/slides/)
- 💬 [Discord Community](https://discord.gg/z8wNYzb)
- 🐛 [GitHub Issues](https://github.com/HugoBlox/kit/issues)
- 🐦 [Follow @MakeOwnable](https://twitter.com/MakeOwnable)
---
## 🚀 Ready to Create?
&gt; [!SUCCESS] **Start Building Beautiful Presentations Today**
&gt; No installation required. No account needed. Just Markdown and your creativity.
&lt;div class="text-center"&gt;
&lt;a
id="button-0983496c14c337cd850388dc97b5e515"
href="https://docs.hugoblox.com/start/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 active:from-primary-700 active:to-primary-800 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 hover:-translate-y-0.5 hover:scale-[1.02] active:scale-[0.98] focus:ring-primary-500/50 px-8 py-4 text-xl rounded-full"
role="button"
aria-label="Get Started Now"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.59 14.37q.159.666.16 1.38a6 6 0 0 1-6 6v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.9 14.9 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.9 14.9 0 0 0-2.58 5.84m2.699 2.7q-.155.032-.311.06a15 15 0 0 1-2.448-2.448l.06-.312m-2.24 2.39a4.49 4.49 0 0 0-1.757 4.306q.341.054.696.054a4.5 4.5 0 0 0 3.61-1.812M16.5 9a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Get Started Now&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="text-center"&gt;
&lt;a
id="button-55542ff13fa95b23bbf243ec37640e3e"
href="https://docs.hugoblox.com/guides/studio/"
rel="noreferrer"
class="inline-flex items-center gap-2 font-medium no-underline transition-all duration-300 ease-out transform-gpu focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-zinc-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none bg-gradient-to-br from-secondary-500 to-secondary-600 hover:from-secondary-600 hover:to-secondary-700 active:from-secondary-700 active:to-secondary-800 text-white shadow-lg shadow-secondary-500/25 hover:shadow-xl hover:shadow-secondary-500/30 hover:scale-105 active:scale-95 focus:ring-secondary-500/50 px-6 py-3 text-lg rounded-xl"
role="button"
aria-label="Try HugoBlox Studio"
&gt;
&lt;span class="flex-shrink-0"&gt;
&lt;svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.53 16.122a3 3 0 0 0-5.78 1.128a2.25 2.25 0 0 1-2.4 2.245a4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128m0 0a16 16 0 0 0 3.388-1.62m-5.043-.025a16 16 0 0 1 1.622-3.395m3.42 3.42a16 16 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a16 16 0 0 0-4.649 4.764m3.42 3.42a6.78 6.78 0 0 0-3.42-3.42"/&gt;&lt;/svg&gt;
&lt;/span&gt;
&lt;span&gt;Try HugoBlox Studio&lt;/span&gt;
&lt;/a&gt;
&lt;/div&gt;
---
## 📖 Additional Resources
### Templates &amp; Examples
- [Academic Slides Template](https://github.com/HugoBlox/theme-academic-cv)
&lt;!--
- [Conference Talk Template](https://github.com/HugoBlox/starter-presentation)
- [Course Lecture Template](https://github.com/HugoBlox/starter-course)
### Tutorials
- [Creating Your First Slide Deck](https://docs.hugoblox.com/tutorial/slides/)
- [Advanced Slide Layouts](https://docs.hugoblox.com/reference/slides/)
- [Customizing Themes](https://docs.hugoblox.com/customization/)
- [Using HugoBlox Studio](https://docs.hugoblox.com/studio/)
--&gt;
&lt;!--
### Tips &amp; Tricks
&gt; [!TIP] **Pro Tips for Better Presentations**
&gt; 1. Keep slides simple — one idea per slide
&gt; 2. Use dual columns for comparisons
&gt; 3. Add speaker notes with `Note:` prefix
&gt; 4. Test presenter view before your talk
&gt; 5. Use fragments to control pacing
&gt; 6. Version control your slides with Git
&gt; 7. Share source files for reproducibility --&gt;
&lt;hr&gt;
&lt;!-- **Have questions?** Check out the [FAQ](https://docs.hugoblox.com/guides/slides/) or [ask the community](https://discord.gg/z8wNYzb)!
**Want to contribute?** Hugo Blox is open source! [Contributions welcome](https://github.com/HugoBlox/kit/blob/main/CONTRIBUTING.md). --&gt;</description></item><item><title>Example Talk: Recent Work</title><link>https://ldulin.github.io/slides/example/</link><pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/slides/example/</guid><description>&lt;!-- no-branding --&gt;
&lt;h1 id="example-talk"&gt;Example Talk&lt;/h1&gt;
&lt;h3 id="dr-alex-johnson--meta-ai"&gt;Dr. Alex Johnson · Meta AI&lt;/h3&gt;
&lt;hr&gt;
&lt;h2 id="research-overview"&gt;Research Overview&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Multimodal LLMs&lt;/li&gt;
&lt;li&gt;Efficient training&lt;/li&gt;
&lt;li&gt;Responsible AI&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id="code--math"&gt;Code &amp;amp; Math&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-python" data-lang="python"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;score&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;x&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;int&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt; &lt;span class="nb"&gt;int&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="n"&gt;x&lt;/span&gt; &lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="n"&gt;x&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;$$
E = mc^2
$$&lt;hr&gt;
&lt;h2 id="dual-column-layout"&gt;Dual Column Layout&lt;/h2&gt;
&lt;div class="r-hstack"&gt;
&lt;div style="flex: 1; padding-right: 1rem;"&gt;
&lt;h3 id="left-column"&gt;Left Column&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Point A&lt;/li&gt;
&lt;li&gt;Point B&lt;/li&gt;
&lt;li&gt;Point C&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div style="flex: 1; padding-left: 1rem;"&gt;
&lt;h3 id="right-column"&gt;Right Column&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Detail 1&lt;/li&gt;
&lt;li&gt;Detail 2&lt;/li&gt;
&lt;li&gt;Detail 3&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;!-- Alternative: Asymmetric columns --&gt;
&lt;div style="display: flex; gap: 2rem;"&gt;
&lt;div style="flex: 2;"&gt;
&lt;h3 id="main-content-23-width"&gt;Main Content (2/3 width)&lt;/h3&gt;
&lt;p&gt;This column takes up twice the space of the right column.&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-python" data-lang="python"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;example&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;code works too&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div style="flex: 1;"&gt;
&lt;h3 id="sidebar-13-width"&gt;Sidebar (1/3 width)&lt;/h3&gt;
&lt;blockquote class="border-l-4 border-neutral-300 dark:border-neutral-600 pl-4 italic text-neutral-600 dark:text-neutral-400 my-6"&gt;
&lt;p&gt;&lt;strong&gt;Note&lt;/strong&gt;&lt;br&gt;
Key points in smaller column&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;h2 id="image--text-layout"&gt;Image + Text Layout&lt;/h2&gt;
&lt;div class="r-hstack" style="align-items: center;"&gt;
&lt;div style="flex: 1;"&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;&lt;img src="https://images.unsplash.com/photo-1708011271954-c0d2b3155ded?w=400&amp;amp;dpr=2&amp;amp;h=400&amp;amp;auto=format&amp;amp;fit=crop&amp;amp;q=60&amp;amp;ixid=M3wxMjA3fDB8MXxzZWFyY2h8MTh8fG1hdGhlbWF0aWNzfGVufDB8fHx8MTc2NTYzNTEzMHww&amp;amp;ixlib=rb-4.1.0" alt="" loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;div style="flex: 1; padding-left: 2rem;"&gt;
&lt;h3 id="results"&gt;Results&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;95% accuracy&lt;/li&gt;
&lt;li&gt;10x faster inference&lt;/li&gt;
&lt;li&gt;Lower memory usage&lt;/li&gt;
&lt;/ul&gt;
&lt;span class="fragment " &gt;
&lt;strong&gt;Breakthrough!&lt;/strong&gt;
&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;h2 id="speaker-notes"&gt;Speaker Notes&lt;/h2&gt;
&lt;p&gt;Press &lt;strong&gt;S&lt;/strong&gt; to open presenter view with notes!&lt;/p&gt;
&lt;p&gt;This slide has hidden speaker notes below.&lt;/p&gt;
&lt;p&gt;Note:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;This is a &lt;strong&gt;speaker note&lt;/strong&gt; (only visible in presenter view)&lt;/li&gt;
&lt;li&gt;Press &lt;code&gt;S&lt;/code&gt; key to open presenter console&lt;/li&gt;
&lt;li&gt;Perfect for remembering key talking points&lt;/li&gt;
&lt;li&gt;Can include reminders, timing, references&lt;/li&gt;
&lt;li&gt;Supports &lt;strong&gt;Markdown&lt;/strong&gt; formatting too!&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id="progressive-reveals"&gt;Progressive Reveals&lt;/h2&gt;
&lt;p&gt;Content appears step-by-step:&lt;/p&gt;
&lt;span class="fragment " &gt;
First point appears
&lt;/span&gt;
&lt;span class="fragment " &gt;
Then the second point
&lt;/span&gt;
&lt;span class="fragment " &gt;
Finally the conclusion
&lt;/span&gt;
&lt;span class="fragment highlight-red" &gt;
This one can be &lt;strong&gt;highlighted&lt;/strong&gt;!
&lt;/span&gt;
&lt;p&gt;Note:
Use fragments to control pacing and maintain audience attention. Each fragment appears on click.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="diagrams-with-mermaid"&gt;Diagrams with Mermaid&lt;/h2&gt;
&lt;div class="mermaid"&gt;graph LR
A[Research Question] --&gt; B{Hypothesis}
B --&gt;|Valid| C[Experiment]
B --&gt;|Invalid| D[Revise]
C --&gt; E[Analyze Data]
E --&gt; F{Significant?}
F --&gt;|Yes| G[Publish]
F --&gt;|No| D
&lt;/div&gt;
&lt;p&gt;Perfect for: Workflows, architectures, processes&lt;/p&gt;
&lt;p&gt;Note:
Mermaid diagrams are created from simple text. They&amp;rsquo;re version-controllable and edit anywhere!&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="research-results"&gt;Research Results&lt;/h2&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Model&lt;/th&gt;
&lt;th&gt;Accuracy&lt;/th&gt;
&lt;th&gt;Speed&lt;/th&gt;
&lt;th&gt;Memory&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Baseline&lt;/td&gt;
&lt;td&gt;87.3%&lt;/td&gt;
&lt;td&gt;1.0x&lt;/td&gt;
&lt;td&gt;2GB&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Ours (v1)&lt;/td&gt;
&lt;td&gt;92.1%&lt;/td&gt;
&lt;td&gt;1.5x&lt;/td&gt;
&lt;td&gt;1.8GB&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Ours (v2)&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;95.8%&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;2.3x&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;1.2GB&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;blockquote class="border-l-4 border-neutral-300 dark:border-neutral-600 pl-4 italic text-neutral-600 dark:text-neutral-400 my-6"&gt;
&lt;p&gt;&lt;strong&gt;Key Finding:&lt;/strong&gt; 8.5% improvement over baseline with 40% memory reduction&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Note:
Tables are perfect for comparative results. Markdown tables are simple and version-control friendly.&lt;/p&gt;
&lt;hr&gt;
&lt;section data-noprocess data-shortcode-slide
data-background-color="#1e3a8a"
&gt;
&lt;h2 id="custom-backgrounds"&gt;Custom Backgrounds&lt;/h2&gt;
&lt;p&gt;This slide has a &lt;strong&gt;blue background&lt;/strong&gt;!&lt;/p&gt;
&lt;p&gt;You can customize:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Background colors&lt;/li&gt;
&lt;li&gt;Background images&lt;/li&gt;
&lt;li&gt;Gradients&lt;/li&gt;
&lt;li&gt;Videos (yes, really!)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Use &lt;code&gt;{{&amp;lt; slide background-color=&amp;quot;#hex&amp;quot; &amp;gt;}}&lt;/code&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="vertical-navigation"&gt;Vertical Navigation&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;There&amp;rsquo;s more content below! ⬇️&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Press the &lt;strong&gt;Down Arrow&lt;/strong&gt; to see substeps.&lt;/p&gt;
&lt;p&gt;Note:
This demonstrates Reveal.js&amp;rsquo;s vertical slide feature. Great for optional details or deep dives.&lt;/p&gt;
&lt;hr&gt;
&lt;section data-noprocess data-shortcode-slide
id="substep-1"
&gt;
&lt;h3 id="substep-1-details"&gt;Substep 1: Details&lt;/h3&gt;
&lt;p&gt;This is additional content in a vertical stack.&lt;/p&gt;
&lt;p&gt;Navigate down for more, or right to skip to next topic →&lt;/p&gt;
&lt;hr&gt;
&lt;section data-noprocess data-shortcode-slide
id="substep-2"
&gt;
&lt;h3 id="substep-2-more-details"&gt;Substep 2: More Details&lt;/h3&gt;
&lt;p&gt;Even more detailed information.&lt;/p&gt;
&lt;p&gt;Press &lt;strong&gt;Up Arrow&lt;/strong&gt; to go back, or &lt;strong&gt;Right Arrow&lt;/strong&gt; to continue.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="citations--quotes"&gt;Citations &amp;amp; Quotes&lt;/h2&gt;
&lt;blockquote class="border-l-4 border-neutral-300 dark:border-neutral-600 pl-4 italic text-neutral-600 dark:text-neutral-400 my-6"&gt;
&lt;p&gt;&amp;ldquo;The best way to predict the future is to invent it.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;— Alan Kay&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Or reference research:&lt;/p&gt;
&lt;blockquote class="border-l-4 border-neutral-300 dark:border-neutral-600 pl-4 italic text-neutral-600 dark:text-neutral-400 my-6"&gt;
&lt;p&gt;Recent work by Smith et al. (2024) demonstrates that Markdown-based slides improve reproducibility by 78% compared to proprietary formats&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;hr&gt;
&lt;h2 id="media-youtube-videos"&gt;Media: YouTube Videos&lt;/h2&gt;
&lt;div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"&gt;
&lt;iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;p&gt;Note:
Embed YouTube videos with just the video ID. Perfect for demos, tutorials, or interviews.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="media-all-options"&gt;Media: All Options&lt;/h2&gt;
&lt;p&gt;Embed various media types with simple shortcodes:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;YouTube&lt;/strong&gt;: &lt;code&gt;{{&amp;lt; youtube VIDEO_ID &amp;gt;}}&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Bilibili&lt;/strong&gt;: &lt;code&gt;{{&amp;lt; bilibili id=&amp;quot;BV1...&amp;quot; &amp;gt;}}&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Local videos&lt;/strong&gt;: &lt;code&gt;{{&amp;lt; video src=&amp;quot;file.mp4&amp;quot; controls=&amp;quot;yes&amp;quot; &amp;gt;}}&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Audio&lt;/strong&gt;: &lt;code&gt;{{&amp;lt; audio src=&amp;quot;file.mp3&amp;quot; &amp;gt;}}&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Perfect for demos, interviews, tutorials, or podcasts!&lt;/p&gt;
&lt;p&gt;Note:
All media types work seamlessly in slides. Just use the appropriate shortcode.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="interactive-elements"&gt;Interactive Elements&lt;/h2&gt;
&lt;p&gt;Try these keyboard shortcuts:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;→&lt;/code&gt; &lt;code&gt;←&lt;/code&gt; : Navigate slides&lt;/li&gt;
&lt;li&gt;&lt;code&gt;↓&lt;/code&gt; &lt;code&gt;↑&lt;/code&gt; : Vertical navigation&lt;/li&gt;
&lt;li&gt;&lt;code&gt;S&lt;/code&gt; : Speaker notes&lt;/li&gt;
&lt;li&gt;&lt;code&gt;F&lt;/code&gt; : Fullscreen&lt;/li&gt;
&lt;li&gt;&lt;code&gt;O&lt;/code&gt; : Overview mode&lt;/li&gt;
&lt;li&gt;&lt;code&gt;/&lt;/code&gt; : Search&lt;/li&gt;
&lt;li&gt;&lt;code&gt;ESC&lt;/code&gt; : Exit modes&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;!-- hide --&gt;
&lt;h2 id="hidden-slide-demo-inline-comment"&gt;Hidden Slide Demo (Inline Comment)&lt;/h2&gt;
&lt;p&gt;This slide is hidden using the &lt;code&gt;&amp;lt;!-- hide --&amp;gt;&lt;/code&gt; comment method.&lt;/p&gt;
&lt;p&gt;Perfect for:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Speaker-only content&lt;/li&gt;
&lt;li&gt;Backup slides&lt;/li&gt;
&lt;li&gt;Work-in-progress content&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Note:
This slide won&amp;rsquo;t appear in the presentation but remains in source for reference.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="thanks"&gt;Thanks&lt;/h2&gt;
&lt;h3 id="questions"&gt;Questions?&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;🌐 Website:
&lt;/li&gt;
&lt;li&gt;🐦 X/Twitter:
&lt;/li&gt;
&lt;li&gt;💬 Discord:
&lt;/li&gt;
&lt;li&gt;⭐ GitHub:
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;All slides created with Markdown&lt;/strong&gt; • No vendor lock-in • Edit anywhere&lt;/p&gt;
&lt;p&gt;Note:
Thank you for your attention! Feel free to reach out with questions or contributions.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="-branding-your-slides"&gt;🎨 Branding Your Slides&lt;/h2&gt;
&lt;p&gt;Add your identity to every slide with simple configuration!&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;What you can add:&lt;/strong&gt;&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Element&lt;/th&gt;
&lt;th&gt;Position Options&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Logo&lt;/td&gt;
&lt;td&gt;top-left, top-right, bottom-left, bottom-right&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Title&lt;/td&gt;
&lt;td&gt;Same as above&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Author&lt;/td&gt;
&lt;td&gt;Same as above&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Footer Text&lt;/td&gt;
&lt;td&gt;Same + bottom-center&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Edit the &lt;code&gt;branding:&lt;/code&gt; section in your slide&amp;rsquo;s front matter (top of file).&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="-adding-your-logo"&gt;📁 Adding Your Logo&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Place your logo in &lt;code&gt;assets/media/&lt;/code&gt; folder&lt;/li&gt;
&lt;li&gt;Use SVG format for best results (auto-adapts to any theme!)&lt;/li&gt;
&lt;li&gt;Add to front matter:&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;branding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;logo&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;filename&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;your-logo.svg&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# Must be in assets/media/&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;position&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;top-right&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;60px&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Tip:&lt;/strong&gt; SVGs with &lt;code&gt;fill=&amp;quot;currentColor&amp;quot;&lt;/code&gt; automatically match theme colors!&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="-title--author-overlays"&gt;📝 Title &amp;amp; Author Overlays&lt;/h2&gt;
&lt;p&gt;Show presentation title and/or author on every slide:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;branding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;title&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;show&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;position&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;bottom-left&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;text&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;Short Title&amp;#34;&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="c"&gt;# Optional: override long page title&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;author&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;show&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;position&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;bottom-right&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Author is auto-detected from page front matter (&lt;code&gt;author:&lt;/code&gt; or &lt;code&gt;authors:&lt;/code&gt;).&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="-footer-text"&gt;📄 Footer Text&lt;/h2&gt;
&lt;p&gt;Add copyright, conference name, or any persistent text:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nt"&gt;branding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;footer&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;text&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;© 2024 Your Name · ICML 2024&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;position&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;&amp;#34;bottom-center&amp;#34;&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Tip:&lt;/strong&gt; Supports Markdown! Use &lt;code&gt;[Link](url)&lt;/code&gt; for clickable links.&lt;/p&gt;
&lt;hr&gt;
&lt;!-- no-branding --&gt;
&lt;h2 id="-hiding-branding-per-slide"&gt;🔇 Hiding Branding Per-Slide&lt;/h2&gt;
&lt;p&gt;Sometimes you want a clean slide (title slides, full-screen images).&lt;/p&gt;
&lt;p&gt;Add this comment at the &lt;strong&gt;start&lt;/strong&gt; of your slide content:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&amp;lt;!-- no-branding --&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gu"&gt;## My Clean Slide
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;Content here...
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;☝️ &lt;strong&gt;This slide uses &lt;code&gt;&amp;lt;!-- no-branding --&amp;gt;&lt;/code&gt;&lt;/strong&gt; — notice no logo or overlays!&lt;/p&gt;
&lt;hr&gt;
&lt;!-- no-header --&gt;
&lt;h2 id="-selective-hiding"&gt;🔇 Selective Hiding&lt;/h2&gt;
&lt;p&gt;Hide just the header (logo + title):&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&amp;lt;!-- no-header --&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Or just the footer (author + footer text):&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&amp;lt;!-- no-footer --&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;☝️ &lt;strong&gt;This slide uses &lt;code&gt;&amp;lt;!-- no-header --&amp;gt;&lt;/code&gt;&lt;/strong&gt; — footer still visible below!&lt;/p&gt;
&lt;hr&gt;
&lt;!-- no-footer --&gt;
&lt;h2 id="-quick-reference"&gt;✅ Quick Reference&lt;/h2&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Comment&lt;/th&gt;
&lt;th&gt;Hides&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;&amp;lt;!-- no-branding --&amp;gt;&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Everything (logo, title, author, footer)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;&amp;lt;!-- no-header --&amp;gt;&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Logo + Title overlay&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;&amp;lt;!-- no-footer --&amp;gt;&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Author + Footer text&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;☝️ &lt;strong&gt;This slide uses &lt;code&gt;&amp;lt;!-- no-footer --&amp;gt;&lt;/code&gt;&lt;/strong&gt; — logo still visible above!&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="-get-started"&gt;🚀 Get Started&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Copy this example&amp;rsquo;s front matter as a starting point&lt;/li&gt;
&lt;li&gt;Replace logo with yours in &lt;code&gt;assets/media/&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;Customize positions and text&lt;/li&gt;
&lt;li&gt;Use &lt;code&gt;&amp;lt;!-- no-branding --&amp;gt;&lt;/code&gt; for special slides&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;strong&gt;Pro tip:&lt;/strong&gt; Set site-wide defaults in &lt;code&gt;config/_default/params.yaml&lt;/code&gt; under &lt;code&gt;slides.branding&lt;/code&gt;!&lt;/p&gt;
&lt;div class="footnotes" role="doc-endnotes"&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id="fn:1"&gt;
&lt;p&gt;Smith, J. et al. (2024). &lt;em&gt;Open Science Presentations&lt;/em&gt;. Nature Methods.&amp;#160;&lt;a href="#fnref:1" class="footnote-backref" role="doc-backlink"&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;</description></item><item><title>Experience</title><link>https://ldulin.github.io/experience/</link><pubDate>Tue, 24 Oct 2023 00:00:00 +0000</pubDate><guid>https://ldulin.github.io/experience/</guid><description/></item></channel></rss>