chore(templates): update modules to latest commits
This commit is contained in:
@@ -1,12 +1,8 @@
|
|||||||
{
|
{
|
||||||
"image": "mcr.microsoft.com/devcontainers/go:1",
|
"name": "HugoBlox Codespace",
|
||||||
"features": {
|
"image": "ghcr.io/HugoBlox/hugo-blox-dev:hugo0.152.2",
|
||||||
"ghcr.io/devcontainers/features/hugo:1": {
|
"updateContentCommand": "pnpm install --frozen-lockfile --prefer-offline",
|
||||||
"extended": true,
|
"postCreateCommand": "pnpm --version && hugo version",
|
||||||
"version": "0.152.2"
|
|
||||||
},
|
|
||||||
"ghcr.io/devcontainers/features/node:1": {}
|
|
||||||
},
|
|
||||||
"customizations": {
|
"customizations": {
|
||||||
"vscode": {
|
"vscode": {
|
||||||
"extensions": [
|
"extensions": [
|
||||||
@@ -14,9 +10,16 @@
|
|||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"postCreateCommand": "pnpm install --no-frozen-lockfile && hugo --logLevel debug && pnpm dlx pagefind --source 'public' --verbose",
|
"mounts": [
|
||||||
"postAttachCommand": "(code --command workbench.view.extension.hugoblox-studio || true) && hugo server --disableFastRender -D --port 1313",
|
"source=pnpm-store,target=/home/vscode/.local/share/pnpm,type=volume"
|
||||||
|
],
|
||||||
|
"remoteUser": "vscode",
|
||||||
"forwardPorts": [
|
"forwardPorts": [
|
||||||
1313
|
1313
|
||||||
]
|
],
|
||||||
}
|
"portsAttributes": {
|
||||||
|
"1313": {
|
||||||
|
"label": "Hugo Server"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
156
README.md
156
README.md
@@ -2,71 +2,103 @@
|
|||||||
|
|
||||||
[](https://hugoblox.com/templates/academic-cv/start/?utm_source=github&utm_medium=readme)
|
[](https://hugoblox.com/templates/academic-cv/start/?utm_source=github&utm_medium=readme)
|
||||||
|
|
||||||
<h1 align="center">Build an Academic CV and Resumé That Stands Out</h1>
|
<h1 align="center">The Portfolio That Works While You Sleep</h1>
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<strong>Your unfair advantage in academia and tech.</strong><br/>
|
<strong>Your unfair advantage in academia.</strong><br/>
|
||||||
Showcase your work, boost your citations, and land your dream job at places like <strong>Meta, Google, and Stanford</strong>.
|
Stop sending PDFs into the void. Build a living portfolio that boosts citations and lands offers.<br/>
|
||||||
|
Trusted by 250,000+ researchers at <strong>MIT, Stanford, and Google</strong>.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<a href="https://hugoblox.com/templates/academic-cv/start?utm_source=github&utm_medium=readme"><b>🚀 Deploy Your Free CV in 60s</b></a>
|
<a href="https://hugoblox.com/templates/academic-cv/start?utm_source=github&utm_medium=readme"><b>🚀 Launch Free (60s)</b></a>
|
||||||
•
|
•
|
||||||
<a href="https://hugoblox.com/templates/?open=academic-cv&loading=true&utm_source=github&utm_medium=readme">Live Demo</a>
|
<a href="https://hugoblox.com/templates/?open=academic-cv&loading=true&utm_source=github&utm_medium=readme">Live Demo</a>
|
||||||
•
|
•
|
||||||
<a href="https://hugoblox.com/pro?utm_source=github&utm_medium=readme"><b>✨ Upgrade to Pro</b></a>
|
<a href="https://marketplace.visualstudio.com/items?itemName=hugoblox.hugoblox-studio"><b>Visual Editor</b></a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
Trusted by 250,000+ researchers, students, and educators worldwide.
|
<a href="https://discord.gg/z8wNYzb"><img src="https://img.shields.io/discord/722225264733716590?label=Join%20Discord&style=social" alt="Discord"></a>
|
||||||
</p>
|
<a href="https://github.com/HugoBlox/theme-academic-cv"><img src="https://img.shields.io/github/stars/HugoBlox/theme-academic-cv?label=Star%20Academic%20CV&style=social" alt="GitHub Stars"></a>
|
||||||
|
|
||||||
<p align="center">
|
|
||||||
<a href="https://discord.gg/z8wNYzb">
|
|
||||||
<img src="https://img.shields.io/discord/722225264733716590?label=Join%20Discord&style=social" alt="Discord">
|
|
||||||
</a>
|
|
||||||
<a href="https://github.com/HugoBlox/theme-academic-cv">
|
|
||||||
<img src="https://img.shields.io/github/stars/HugoBlox/theme-academic-cv?label=Star%20Academic%20CV&style=social" alt="GitHub Stars">
|
|
||||||
</a>
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Your Career Starts Here
|
## Why This Template?
|
||||||
|
|
||||||
The Academic CV template is designed for impact. Whether you're an AI researcher, a recent graduate, or a seasoned professor, this is the last resumé you'll ever need.
|
Most CVs are static PDFs that get lost in the pile. This is an **intelligent portfolio** that works 24/7 to advance your career.
|
||||||
|
|
||||||
- **✍️ Showcase Your Expertise:** Easily write content with Markdown, Jupyter, or RStudio. Display your publications, talks, and projects in a stunning, professional layout.
|
- **🔮 Future-Proof:** Your content lives in simple **Markdown**. No database to break, no lock-in.
|
||||||
- **📈 Boost Your Citations:** Automatic BibTeX import and SEO-optimized pages mean your work gets discovered more easily, increasing your research impact.
|
- **🤖 AI-Ready:** Optimized for search engines and LLMs, so your work is found and cited.
|
||||||
- **💼 Land Your Dream Job:** Create a memorable online presence that impresses recruiters from top tech firms and prestigious universities.
|
- **⚡ Zero Maintenance:** Auto-import citations from BibTeX and focus on research.
|
||||||
- **🚀 Launch in Minutes:** No coding required. The Hugo Blox Builder lets you customize everything with drag-and-drop sections.
|
- **✍️ Edit Visually:** Use **HugoBlox Studio** in VS Code — no coding needed. Full capabilities in Pro.
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<a href="https://hugoblox.com/templates/academic-cv/start?utm_source=github&utm_medium=readme">
|
<a href="https://hugoblox.com/templates/academic-cv/start?utm_source=github&utm_medium=readme">
|
||||||
<img src="https://img.shields.io/badge/⚡️%20Get%20Your%20CV%20in%2060s-ff4655?style=for-the-badge" alt="Deploy this template" width="400">
|
<img src="https://img.shields.io/badge/⚡️%20Get%20Your%20CV%20in%2060s-ff4655?style=for-the-badge"
|
||||||
|
alt="Deploy this template" width="400">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|

|
||||||
|
*HugoBlox Studio: Drag-and-drop page builder inside VS Code.*
|
||||||
|
|
||||||
|
> "My citations went up 3x after switching to this template. The citation auto-sync feature is a lifesaver."
|
||||||
|
> — **Dr. Zhang**, AI Research Scientist, Meta
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Level Up with Pro Templates
|
## Who This Is For
|
||||||
|
|
||||||
Ready to take your career to the next level? Our Pro templates offer exclusive designs and features to help you stand out even more.
|
- Students and grads applying to top labs and industry roles
|
||||||
|
- Researchers who want a living, citable portfolio
|
||||||
|
- Faculty/PIs showcasing publications, talks, and group news
|
||||||
|
|
||||||
<!-- <p align="center">
|
---
|
||||||
<img src="" alt="Free vs Pro templates">
|
|
||||||
</p>-->
|
|
||||||
|
|
||||||
| Feature | Academic CV (Free) | Academic CV Pro & Resumé Pro |
|
## Features
|
||||||
| -------------------- | ------------------------ | -------------------------------- |
|
|
||||||
| **Design** | Professional & clean | **Exclusive premium designs** |
|
| Feature | Benefit |
|
||||||
| **Layouts** | Standard resumé sections | **Advanced layouts & timelines** |
|
| :--- | :--- |
|
||||||
| **Call to Action** | Simple contact link | **Prominent CTA buttons** |
|
| **Markdown, Jupyter, RStudio** | Write in the tools you already use. |
|
||||||
| **First Impression** | Strong | **Unforgettable** |
|
| **Auto-Update Citations** | Drop in a BibTeX file; formatted lists generated automatically. |
|
||||||
|
| **Visual Editor** | Drag-and-drop blocks to build pages in minutes. |
|
||||||
|
| **Global CDN** | Blazing fast load times (100/100 Lighthouse scores). |
|
||||||
|
| **Privacy First** | You own your data. Host for free on GitHub Pages. |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Notebook → Posts and Slides
|
||||||
|
|
||||||
|
- Publish your actual `.ipynb` as beautiful long-form posts — code, outputs, and narrative kept intact.
|
||||||
|
- Slides in Markdown with Reveal.js: math, syntax highlight, diagrams, speaker notes.
|
||||||
|
- Coming soon: **Notebook → Slides (beta)**. Request early access in Discord.
|
||||||
|
|
||||||
|
Learn more: docs on [Notebooks](https://docs.hugoblox.com/reference/markdown/#-notebooks) and [Slides](https://docs.hugoblox.com/guides/slides/).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Why Go Pro (from $8/m)
|
||||||
|
|
||||||
|
- Enhanced HugoBlox Studio visual editor — save 10–20 hours setting up and polishing
|
||||||
|
- Premium CV & Resumé designs — make an unforgettable first impression
|
||||||
|
- Pro blocks, remove attribution, and priority support
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Free vs Pro
|
||||||
|
|
||||||
|
| Feature | Academic CV (Free) | Academic CV Pro & Resumé Pro |
|
||||||
|
| --- | --- | --- |
|
||||||
|
| Design | Professional & clean | Premium designs |
|
||||||
|
| Layouts | Standard sections | Advanced timelines & layouts |
|
||||||
|
| Courses/Lectures | Basic | Fully-Featured |
|
||||||
|
| First Impression | Strong | Unforgettable |
|
||||||
|
| Discord Support | Community | Priority |
|
||||||
|
|
||||||
<br/>
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<a href="https://hugoblox.com/pro?utm_source=github&utm_medium=readme"><b>💎 Get the Pro Pass</b></a> — Includes all Pro templates for a one-time price.<br/>
|
<a href="https://hugoblox.com/pro?utm_source=github&utm_medium=readme"><b>💎 Upgrade to Pro</b></a><br/>
|
||||||
<a href="https://hugoblox.com/templates/academic-cv-pro/start?utm_source=github&utm_medium=readme">✨ Deploy Academic CV Pro</a>
|
<a href="https://hugoblox.com/templates/academic-cv-pro/start?utm_source=github&utm_medium=readme">✨ Deploy Academic CV Pro</a>
|
||||||
•
|
•
|
||||||
<a href="https://hugoblox.com/templates/resume-pro/start?utm_source=github&utm_medium=readme">📄 Deploy Resumé Pro</a>
|
<a href="https://hugoblox.com/templates/resume-pro/start?utm_source=github&utm_medium=readme">📄 Deploy Resumé Pro</a>
|
||||||
@@ -74,52 +106,46 @@ Ready to take your career to the next level? Our Pro templates offer exclusive d
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## What Researchers Say
|
## Get Started
|
||||||
|
|
||||||
> “Hugo Blox saved me 40+ hours on my lab site. BibTeX integration auto-updates publications — **our citations are up 3×**.”
|
### Option 1: No-Code (Fastest)
|
||||||
> — **Dr. Sarah Yang**, AI Researcher
|
Launch a fully hosted site in your browser. No software to install.
|
||||||
|
|
||||||
---
|
👉 [**Launch in Browser (Free)**](https://hugoblox.com/templates/academic-cv/start?utm_source=github&utm_medium=readme)
|
||||||
|
|
||||||
## Get Started in Minutes
|
### Option 2: Studio (Visual Editor)
|
||||||
|
1) Install [HugoBlox Studio](https://marketplace.visualstudio.com/items?itemName=hugoblox.hugoblox-studio) for VS Code
|
||||||
|
2) Open this project and edit visually
|
||||||
|
|
||||||
### Recommended (Fastest)
|
### Option 3: CLI (Developers)
|
||||||
|
1) Install [Hugo](https://docs.hugoblox.com/start/cli/)
|
||||||
Deploy your site to GitHub Pages in just 60 seconds with our browser-based starter.
|
2) Create your site with the CLI:
|
||||||
|
|
||||||
👉 <a href="https://hugoblox.com/templates/academic-cv/start?utm_source=github&utm_medium=readme"><b>Start with the Academic CV Template</b></a>
|
|
||||||
|
|
||||||
### Prefer the Command Line?
|
|
||||||
|
|
||||||
Use the local quickstart:
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# 1. Install Hugo Extended → https://docs.hugoblox.com/getting-started/install-hugo/
|
npx hugoblox create site --template academic-cv
|
||||||
# 2. Clone this starter
|
|
||||||
git clone https://github.com/HugoBlox/theme-academic-cv my-site
|
|
||||||
cd my-site
|
|
||||||
|
|
||||||
# 3. Run locally
|
|
||||||
pnpm install && hugo server
|
|
||||||
```
|
```
|
||||||
|
|
||||||
For more guides, visit our documentation at **https://docs.hugoblox.com/**.
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Join the Community
|
## FAQ
|
||||||
|
|
||||||
Join thousands of creators in our vibrant community to ask questions, share your work, and help us improve.
|
- Do I need to know Hugo? No — you can edit visually or write Markdown.
|
||||||
|
- Can I host for free? Yes — GitHub Pages/Netlify are supported.
|
||||||
|
- Can I export/migrate later? Yes — your site is just files.
|
||||||
|
- Can I cancel Pro anytime? Yes.
|
||||||
|
|
||||||
- 💬 <a href="https://discord.gg/z8wNYzb">Discord</a>
|
---
|
||||||
- 📚 <a href="https://docs.hugoblox.com/?utm_source=github&utm_medium=readme">Docs & Guides</a>
|
|
||||||
- 🐦 <a href="https://x.com/BuildLore">X / Twitter</a>
|
## Community & Support
|
||||||
- ⭐ <a href="https://github.com/HugoBlox/hugo-blox-builder">Star on GitHub</a>
|
|
||||||
|
- 💬 [**Discord Community**](https://discord.gg/z8wNYzb)
|
||||||
|
- 📚 [**Documentation**](https://docs.hugoblox.com/?utm_source=github&utm_medium=readme)
|
||||||
|
- 🐦 [**Follow on X**](https://x.com/BuildLore)
|
||||||
|
- ⭐ [**Star on GitHub**](https://github.com/HugoBlox/hugo-blox-builder)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
MIT © 2016-Present [George Cushen](https://georgecushen.com)
|
MIT © 2016-Present [George Cushen](https://georgecushen.com)
|
||||||
|
|
||||||
<!--START_SECTION:news-->
|
<!--START_SECTION:news-->
|
||||||
<!--Updated at 2025-12-14T02:11:15.995Z-->
|
|
||||||
<!--END_SECTION:news-->
|
<!--END_SECTION:news-->
|
||||||
|
|||||||
@@ -7,6 +7,7 @@
|
|||||||
imports:
|
imports:
|
||||||
- path: github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-netlify
|
- path: github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-netlify
|
||||||
- path: github.com/HugoBlox/hugo-blox-builder/modules/blox-tailwind
|
- path: github.com/HugoBlox/hugo-blox-builder/modules/blox-tailwind
|
||||||
|
- path: github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-reveal
|
||||||
|
|
||||||
# Install any Hugo Blox within the `hugo-blox/blox/` folder
|
# Install any Hugo Blox within the `hugo-blox/blox/` folder
|
||||||
mounts:
|
mounts:
|
||||||
|
|||||||
@@ -185,7 +185,7 @@ hugoblox:
|
|||||||
# ────────────────────────────────────────────────────────────────────────────
|
# ────────────────────────────────────────────────────────────────────────────
|
||||||
comments:
|
comments:
|
||||||
enable: false
|
enable: false
|
||||||
provider: "" # giscus | disqus | commento
|
provider: "" # giscus | disqus
|
||||||
giscus:
|
giscus:
|
||||||
repo: ""
|
repo: ""
|
||||||
repo_id: ""
|
repo_id: ""
|
||||||
@@ -193,8 +193,6 @@ hugoblox:
|
|||||||
category_id: ""
|
category_id: ""
|
||||||
disqus:
|
disqus:
|
||||||
shortname: ""
|
shortname: ""
|
||||||
commento:
|
|
||||||
url: ""
|
|
||||||
|
|
||||||
# ────────────────────────────────────────────────────────────────────────────
|
# ────────────────────────────────────────────────────────────────────────────
|
||||||
# ANALYTICS
|
# ANALYTICS
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ sections:
|
|||||||
|
|
||||||
# Name heading sizing to accommodate long or short names
|
# Name heading sizing to accommodate long or short names
|
||||||
name:
|
name:
|
||||||
size: balanced # Options: compact (long names), balanced (default), display (short names)
|
size: md # Options: xs, sm, md, lg (default), xl
|
||||||
|
|
||||||
# Avatar customization
|
# Avatar customization
|
||||||
avatar:
|
avatar:
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: Example Talk
|
title: "Create Beautiful Presentations with Markdown"
|
||||||
|
|
||||||
event: Hugo Blox Builder Conference
|
event: HugoBlox Showcase
|
||||||
event_url: https://example.org
|
event_url: https://hugoblox.com
|
||||||
|
|
||||||
location: Hugo Blox Builder HQ
|
location: Online & In-Person
|
||||||
address:
|
address:
|
||||||
street: 450 Serra Mall
|
street: 450 Serra Mall
|
||||||
city: Stanford
|
city: Stanford
|
||||||
@@ -12,61 +12,404 @@ address:
|
|||||||
postcode: '94305'
|
postcode: '94305'
|
||||||
country: United States
|
country: United States
|
||||||
|
|
||||||
summary: An example talk using Hugo Blox Builder's Markdown slides feature.
|
summary: Discover how to create stunning, interactive presentations using simple Markdown — no PowerPoint, Keynote, or vendor lock-in required.
|
||||||
abstract: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellusac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam.'
|
abstract: |
|
||||||
|
Join us to explore HugoBlox's revolutionary Markdown-based slide system. Create beautiful presentations with code syntax highlighting, math equations, animations, and dual-column layouts. Edit your slides in any text editor, version control them with Git, and present them anywhere with just a browser. Experience true presentation freedom.
|
||||||
|
|
||||||
# Talk start and end times.
|
# Talk start and end times.
|
||||||
# End time can optionally be hidden by prefixing the line with `#`.
|
|
||||||
date: '2030-06-01T13:00:00Z'
|
date: '2030-06-01T13:00:00Z'
|
||||||
date_end: '2030-06-01T15:00:00Z'
|
date_end: '2030-06-01T15:00:00Z'
|
||||||
all_day: false
|
all_day: false
|
||||||
|
|
||||||
# Schedule page publish date (NOT talk date).
|
|
||||||
publishDate: '2017-01-01T00:00:00Z'
|
publishDate: '2017-01-01T00:00:00Z'
|
||||||
|
|
||||||
authors:
|
authors:
|
||||||
- me
|
- me
|
||||||
|
|
||||||
tags: []
|
tags:
|
||||||
|
- Markdown
|
||||||
|
- Presentations
|
||||||
|
- Open Science
|
||||||
|
- Academic
|
||||||
|
|
||||||
# Is this a featured talk? (true/false)
|
featured: true
|
||||||
featured: false
|
|
||||||
|
|
||||||
image:
|
image:
|
||||||
caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/bzdhc5b3Bxs)'
|
caption: 'Presentation freedom with Markdown'
|
||||||
focal_point: Right
|
focal_point: Right
|
||||||
|
|
||||||
links:
|
links:
|
||||||
- type: code
|
- icon: brands/github
|
||||||
url: https://github.com
|
name: Star on GitHub
|
||||||
- type: slides
|
url: https://github.com/HugoBlox/hugo-blox-builder
|
||||||
url: https://slideshare.net
|
- icon: brands/youtube
|
||||||
- type: video
|
name: Video Tutorial
|
||||||
url: https://youtube.com
|
url: https://www.youtube.com/
|
||||||
|
- icon: book-open
|
||||||
|
name: Documentation
|
||||||
|
url: https://docs.hugoblox.com/guides/slides/
|
||||||
|
|
||||||
# Markdown Slides (optional).
|
# Link to your Markdown slides
|
||||||
# Associate this talk with Markdown slides.
|
slides: "example"
|
||||||
# Simply enter your slide deck's filename without extension.
|
|
||||||
# E.g. `slides = "example-slides"` references `content/slides/example-slides.md`.
|
|
||||||
# Otherwise, set `slides = ""`.
|
|
||||||
slides: ""
|
|
||||||
|
|
||||||
# Projects (optional).
|
projects: []
|
||||||
# Associate this post with one or more of your projects.
|
|
||||||
# Simply enter your project's folder or file name without extension.
|
|
||||||
# E.g. `projects = ["internal-project"]` references `content/project/deep-learning/index.md`.
|
|
||||||
# Otherwise, set `projects = []`.
|
|
||||||
projects:
|
|
||||||
- example
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
## 🎯 Why Markdown Slides?
|
||||||
|
|
||||||
|
> [!SUCCESS] True Presentation Freedom
|
||||||
|
> 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 & 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
|
||||||
|
|
||||||
|
> [!TIP] **Markdown Changes Everything**
|
||||||
|
> 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
|
||||||
|
|
||||||
|
> [!IMPORTANT] **Zero Lock-In**
|
||||||
|
> Your slides are just Markdown files. Edit them in:
|
||||||
|
> - **HugoBlox Studio** — Visual editing with live preview
|
||||||
|
> - **VS Code** — With Markdown extensions
|
||||||
|
> - **Obsidian** — Note-taking app that speaks Markdown
|
||||||
|
> - **Typora** — Minimal distraction writing
|
||||||
|
> - **Any text editor** — Even Notepad works!
|
||||||
|
|
||||||
|
{{< button url="https://docs.hugoblox.com/guides/studio/" text="Try HugoBlox Studio" icon="paint-brush" style="secondary" size="md" new_tab="true" rounded="lg" />}}
|
||||||
|
|
||||||
|
### 🎯 Advanced Features
|
||||||
|
|
||||||
|
**Dual Column Layouts:**
|
||||||
|
```markdown
|
||||||
|
<div style="display: flex; gap: 2rem;">
|
||||||
|
<div style="flex: 1;">Column 1</div>
|
||||||
|
<div style="flex: 1;">Column 2</div>
|
||||||
|
</div>
|
||||||
|
```
|
||||||
|
|
||||||
|
**Fragment Animations:**
|
||||||
|
```markdown
|
||||||
|
{{</* fragment */>}}Appear on click!{{</* /fragment */>}}
|
||||||
|
```
|
||||||
|
|
||||||
|
**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
|
||||||
|
|
||||||
|
> [!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 {{< icon name="arrows-expand" >}} button)
|
||||||
|
- ✅ Accessible at a direct URL
|
||||||
|
- ✅ Keyboard-navigatable (→ ← keys)
|
||||||
|
|
||||||
|
{{< button url="https://docs.hugoblox.com/guides/slides/" text="Read Full Documentation" icon="book-open" style="outline" size="md" align="center" />}}
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 💎 Why Academics & Researchers Love It
|
||||||
|
|
||||||
|
> [!QUOTE]
|
||||||
|
> "I can finally version control my presentations with Git, collaborate using GitHub, and never worry about formatting breaking again. Game changer for reproducible research!"
|
||||||
|
> — *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
|
||||||
|
|
||||||
> [!NOTE]
|
> [!NOTE]
|
||||||
> Click on the **Slides** button above to view the built-in slides feature.
|
> **Try it now!** The slides embedded above demonstrate all these features:
|
||||||
|
> - Code highlighting with Python
|
||||||
|
> - Mathematical equations with LaTeX
|
||||||
|
> - Dual column layouts (slides 4-6)
|
||||||
|
> - Fragment animations
|
||||||
|
> - Multiple themes
|
||||||
|
>
|
||||||
|
> Click the {{< icon name="arrows-expand" >}} **fullscreen button** (top right) to experience presentation mode!
|
||||||
|
|
||||||
Slides can be added in a few ways:
|
### Live Features to Try
|
||||||
|
|
||||||
- **Create** slides using Hugo Blox Builder's [_Slides_](https://docs.hugoblox.com/reference/content-types/) feature and link using the `slides` parameter in the front matter of the talk file
|
1. **Navigate**: Use arrow keys (→ ←) or click controls
|
||||||
- **Upload** an existing slide deck to this page bundle and link it using `links: [{ type: slides, url: path/to/file } ]` in front matter
|
2. **Fullscreen**: Click the expand button to go fullscreen
|
||||||
- **Embed** your slides (e.g. Google Slides) or presentation video on this page using [shortcodes](https://docs.hugoblox.com/reference/markdown/).
|
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
|
||||||
|
|
||||||
Further event details, including [page elements](https://docs.hugoblox.com/reference/markdown/) such as image galleries, can be added to the body of this page.
|
{{< button url="/slides/example/" text="Open Slides in New Tab" icon="external-link" style="ghost" new_tab="true" />}}
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🆚 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** |
|
||||||
|
|
||||||
|
> [!SUCCESS]
|
||||||
|
> **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
|
||||||
|
<div style="display: flex; gap: 2rem;">
|
||||||
|
<div style="flex: 1;">Left content</div>
|
||||||
|
<div style="flex: 1;">Right content</div>
|
||||||
|
</div>
|
||||||
|
```
|
||||||
|
|
||||||
|
See slides 4-6 in the embedded presentation above for live examples!
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎓 For Educators: Teach the Future
|
||||||
|
|
||||||
|
> [!TIP] **Empower Your Students**
|
||||||
|
> Teaching with Hugo Blox means teaching modern, transferable skills:
|
||||||
|
> - Markdown (used everywhere: GitHub, Notion, Obsidian)
|
||||||
|
> - Version control (essential for careers)
|
||||||
|
> - Web technologies (HTML, CSS)
|
||||||
|
> - 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
|
||||||
|
|
||||||
|
> [!IMPORTANT] **Built by Academics, for Academics**
|
||||||
|
> Hugo Blox is used by researchers at:
|
||||||
|
> - 🎓 Stanford, MIT, Harvard, Oxford, Cambridge
|
||||||
|
> - 🏢 Google Research, Meta AI, OpenAI
|
||||||
|
> - 🔬 CERN, NASA, NIH
|
||||||
|
> - 🌐 Thousands of universities worldwide
|
||||||
|
|
||||||
|
{{< button url="https://github.com/HugoBlox/hugo-blox-builder" text="Star on GitHub" icon="brands/github" style="primary" size="lg" align="center" rounded="full" />}}
|
||||||
|
|
||||||
|
### Get Help & Connect
|
||||||
|
|
||||||
|
- 📚 [Documentation](https://docs.hugoblox.com/guides/slides/)
|
||||||
|
- 💬 [Discord Community](https://discord.gg/z8wNYzb)
|
||||||
|
- 🐛 [GitHub Issues](https://github.com/HugoBlox/hugo-blox-builder/issues)
|
||||||
|
- 🐦 [Follow @BuildLore](https://twitter.com/BuildLore)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🚀 Ready to Create?
|
||||||
|
|
||||||
|
> [!SUCCESS] **Start Building Beautiful Presentations Today**
|
||||||
|
> No installation required. No account needed. Just Markdown and your creativity.
|
||||||
|
|
||||||
|
{{< button url="https://docs.hugoblox.com/start/" text="Get Started Now" icon="rocket" style="primary" size="xl" align="center" rounded="full" />}}
|
||||||
|
|
||||||
|
{{< button url="https://docs.hugoblox.com/guides/studio/" text="Try HugoBlox Studio" icon="paint-brush" style="secondary" size="lg" align="center" rounded="lg" />}}
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📖 Additional Resources
|
||||||
|
|
||||||
|
### Templates & Examples
|
||||||
|
|
||||||
|
- [Academic Slides Template](https://github.com/HugoBlox/theme-academic-cv)
|
||||||
|
|
||||||
|
<!--
|
||||||
|
- [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/)
|
||||||
|
-->
|
||||||
|
|
||||||
|
### Tips & Tricks
|
||||||
|
|
||||||
|
> [!TIP] **Pro Tips for Better Presentations**
|
||||||
|
> 1. Keep slides simple — one idea per slide
|
||||||
|
> 2. Use dual columns for comparisons
|
||||||
|
> 3. Add speaker notes with `Note:` prefix
|
||||||
|
> 4. Test presenter view before your talk
|
||||||
|
> 5. Use fragments to control pacing
|
||||||
|
> 6. Version control your slides with Git
|
||||||
|
> 7. Share source files for reproducibility
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**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/hugo-blox-builder/blob/main/CONTRIBUTING.md).
|
||||||
|
|||||||
306
content/slides/example/index.md
Normal file
306
content/slides/example/index.md
Normal file
@@ -0,0 +1,306 @@
|
|||||||
|
---
|
||||||
|
title: "Example Talk: Recent Work"
|
||||||
|
date: 2024-01-01
|
||||||
|
# `type: slides` is inferred from folder, but can be set explicitly:
|
||||||
|
type: slides
|
||||||
|
slides:
|
||||||
|
theme: black
|
||||||
|
highlight_style: dracula
|
||||||
|
diagram: true # Enable Mermaid diagrams
|
||||||
|
reveal_options:
|
||||||
|
controls: true
|
||||||
|
progress: true
|
||||||
|
slideNumber: true
|
||||||
|
hash: true
|
||||||
|
---
|
||||||
|
|
||||||
|
# Example Talk
|
||||||
|
### Dr. Alex Johnson · Meta AI
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Research Overview
|
||||||
|
|
||||||
|
- Multimodal LLMs
|
||||||
|
- Efficient training
|
||||||
|
- Responsible AI
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Code & Math
|
||||||
|
|
||||||
|
```python
|
||||||
|
def score(x: int) -> int:
|
||||||
|
return x * x
|
||||||
|
```
|
||||||
|
|
||||||
|
$$
|
||||||
|
E = mc^2
|
||||||
|
$$
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Dual Column Layout
|
||||||
|
|
||||||
|
<div class="r-hstack">
|
||||||
|
|
||||||
|
<div style="flex: 1; padding-right: 1rem;">
|
||||||
|
|
||||||
|
### Left Column
|
||||||
|
|
||||||
|
- Point A
|
||||||
|
- Point B
|
||||||
|
- Point C
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="flex: 1; padding-left: 1rem;">
|
||||||
|
|
||||||
|
### Right Column
|
||||||
|
|
||||||
|
- Detail 1
|
||||||
|
- Detail 2
|
||||||
|
- Detail 3
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<!-- Alternative: Asymmetric columns -->
|
||||||
|
|
||||||
|
<div style="display: flex; gap: 2rem;">
|
||||||
|
|
||||||
|
<div style="flex: 2;">
|
||||||
|
|
||||||
|
### Main Content (2/3 width)
|
||||||
|
|
||||||
|
This column takes up twice the space of the right column.
|
||||||
|
|
||||||
|
```python
|
||||||
|
def example():
|
||||||
|
return "code works too"
|
||||||
|
```
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="flex: 1;">
|
||||||
|
|
||||||
|
### Sidebar (1/3 width)
|
||||||
|
|
||||||
|
> **Note**
|
||||||
|
> Key points in smaller column
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Image + Text Layout
|
||||||
|
|
||||||
|
<div class="r-hstack" style="align-items: center;">
|
||||||
|
|
||||||
|
<div style="flex: 1;">
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="flex: 1; padding-left: 2rem;">
|
||||||
|
|
||||||
|
### Results
|
||||||
|
|
||||||
|
- 95% accuracy
|
||||||
|
- 10x faster inference
|
||||||
|
- Lower memory usage
|
||||||
|
|
||||||
|
{{< fragment >}}**Breakthrough!**{{< /fragment >}}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Speaker Notes
|
||||||
|
|
||||||
|
Press **S** to open presenter view with notes!
|
||||||
|
|
||||||
|
This slide has hidden speaker notes below.
|
||||||
|
|
||||||
|
Note:
|
||||||
|
- This is a **speaker note** (only visible in presenter view)
|
||||||
|
- Press `S` key to open presenter console
|
||||||
|
- Perfect for remembering key talking points
|
||||||
|
- Can include reminders, timing, references
|
||||||
|
- Supports **Markdown** formatting too!
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Progressive Reveals
|
||||||
|
|
||||||
|
Content appears step-by-step:
|
||||||
|
|
||||||
|
{{< fragment >}}First point appears{{< /fragment >}}
|
||||||
|
|
||||||
|
{{< fragment >}}Then the second point{{< /fragment >}}
|
||||||
|
|
||||||
|
{{< fragment >}}Finally the conclusion{{< /fragment >}}
|
||||||
|
|
||||||
|
{{< fragment class="highlight-red" >}}This one can be **highlighted**!{{< /fragment >}}
|
||||||
|
|
||||||
|
Note:
|
||||||
|
Use fragments to control pacing and maintain audience attention. Each fragment appears on click.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Diagrams with Mermaid
|
||||||
|
|
||||||
|
```mermaid
|
||||||
|
graph LR
|
||||||
|
A[Research Question] --> B{Hypothesis}
|
||||||
|
B -->|Valid| C[Experiment]
|
||||||
|
B -->|Invalid| D[Revise]
|
||||||
|
C --> E[Analyze Data]
|
||||||
|
E --> F{Significant?}
|
||||||
|
F -->|Yes| G[Publish]
|
||||||
|
F -->|No| D
|
||||||
|
```
|
||||||
|
|
||||||
|
Perfect for: Workflows, architectures, processes
|
||||||
|
|
||||||
|
Note:
|
||||||
|
Mermaid diagrams are created from simple text. They're version-controllable and edit anywhere!
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Research Results
|
||||||
|
|
||||||
|
| Model | Accuracy | Speed | Memory |
|
||||||
|
|-------|----------|-------|--------|
|
||||||
|
| Baseline | 87.3% | 1.0x | 2GB |
|
||||||
|
| Ours (v1) | 92.1% | 1.5x | 1.8GB |
|
||||||
|
| **Ours (v2)** | **95.8%** | **2.3x** | **1.2GB** |
|
||||||
|
|
||||||
|
> **Key Finding:** 8.5% improvement over baseline with 40% memory reduction
|
||||||
|
|
||||||
|
Note:
|
||||||
|
Tables are perfect for comparative results. Markdown tables are simple and version-control friendly.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
{{< slide background-color="#1e3a8a" >}}
|
||||||
|
|
||||||
|
## Custom Backgrounds
|
||||||
|
|
||||||
|
This slide has a **blue background**!
|
||||||
|
|
||||||
|
You can customize:
|
||||||
|
- Background colors
|
||||||
|
- Background images
|
||||||
|
- Gradients
|
||||||
|
- Videos (yes, really!)
|
||||||
|
|
||||||
|
Use `{{</* slide background-color="#hex" */>}}`
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Vertical Navigation
|
||||||
|
|
||||||
|
**There's more content below! ⬇️**
|
||||||
|
|
||||||
|
Press the **Down Arrow** to see substeps.
|
||||||
|
|
||||||
|
Note:
|
||||||
|
This demonstrates Reveal.js's vertical slide feature. Great for optional details or deep dives.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
{{< slide id="substep-1" >}}
|
||||||
|
|
||||||
|
### Substep 1: Details
|
||||||
|
|
||||||
|
This is additional content in a vertical stack.
|
||||||
|
|
||||||
|
Navigate down for more, or right to skip to next topic →
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
{{< slide id="substep-2" >}}
|
||||||
|
|
||||||
|
### Substep 2: More Details
|
||||||
|
|
||||||
|
Even more detailed information.
|
||||||
|
|
||||||
|
Press **Up Arrow** to go back, or **Right Arrow** to continue.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Citations & Quotes
|
||||||
|
|
||||||
|
> "The best way to predict the future is to invent it."
|
||||||
|
>
|
||||||
|
> — Alan Kay
|
||||||
|
|
||||||
|
Or reference research:
|
||||||
|
|
||||||
|
> Recent work by Smith et al. (2024) demonstrates that Markdown-based slides improve reproducibility by 78% compared to proprietary formats[^1].
|
||||||
|
|
||||||
|
[^1]: Smith, J. et al. (2024). *Open Science Presentations*. Nature Methods.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Media: YouTube Videos
|
||||||
|
|
||||||
|
{{< youtube dQw4w9WgXcQ >}}
|
||||||
|
|
||||||
|
Note:
|
||||||
|
Embed YouTube videos with just the video ID. Perfect for demos, tutorials, or interviews.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Media: All Options
|
||||||
|
|
||||||
|
Embed various media types with simple shortcodes:
|
||||||
|
|
||||||
|
- **YouTube**: `{{</* youtube VIDEO_ID */>}}`
|
||||||
|
- **Bilibili**: `{{</* bilibili id="BV1..." */>}}`
|
||||||
|
- **Local videos**: `{{</* video src="file.mp4" controls="yes" */>}}`
|
||||||
|
- **Audio**: `{{</* audio src="file.mp3" */>}}`
|
||||||
|
|
||||||
|
Perfect for demos, interviews, tutorials, or podcasts!
|
||||||
|
|
||||||
|
Note:
|
||||||
|
All media types work seamlessly in slides. Just use the appropriate shortcode.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Interactive Elements
|
||||||
|
|
||||||
|
Try these keyboard shortcuts:
|
||||||
|
|
||||||
|
- `→` `←` : Navigate slides
|
||||||
|
- `↓` `↑` : Vertical navigation
|
||||||
|
- `S` : Speaker notes
|
||||||
|
- `F` : Fullscreen
|
||||||
|
- `O` : Overview mode
|
||||||
|
- `/` : Search
|
||||||
|
- `ESC` : Exit modes
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Thanks
|
||||||
|
|
||||||
|
### Questions?
|
||||||
|
|
||||||
|
- 🌐 Website: [hugoblox.com](https://hugoblox.com)
|
||||||
|
- 🐦 X/Twitter: [@BuildLore](https://twitter.com/BuildLore)
|
||||||
|
- 💬 Discord: [Join Community](https://discord.gg/z8wNYzb)
|
||||||
|
- ⭐ GitHub: [Star us!](https://github.com/HugoBlox/hugo-blox-builder)
|
||||||
|
|
||||||
|
**All slides created with Markdown** • No vendor lock-in • Edit anywhere
|
||||||
|
|
||||||
|
Note:
|
||||||
|
Thank you for your attention! Feel free to reach out with questions or contributions.
|
||||||
@@ -85,7 +85,7 @@ experience:
|
|||||||
skills:
|
skills:
|
||||||
- name: Technical Skills
|
- name: Technical Skills
|
||||||
items:
|
items:
|
||||||
- label: Pytho
|
- label: Python
|
||||||
level: 5
|
level: 5
|
||||||
- label: Machine Learning
|
- label: Machine Learning
|
||||||
level: 5
|
level: 5
|
||||||
|
|||||||
3
go.mod
3
go.mod
@@ -4,5 +4,6 @@ go 1.19
|
|||||||
|
|
||||||
require (
|
require (
|
||||||
github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-netlify v0.0.0-20251201030931-373eb7966ed8
|
github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-netlify v0.0.0-20251201030931-373eb7966ed8
|
||||||
github.com/HugoBlox/hugo-blox-builder/modules/blox-tailwind v0.0.0-20251207015048-f0eb4a7e9c4d
|
github.com/HugoBlox/hugo-blox-builder/modules/blox-tailwind v0.0.0-20251214032829-73b5f7d5758a
|
||||||
|
github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-reveal v0.0.0-20251106211751-b765ba20e1bf
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user