Stefano Blando

Per iniziare

Sat, 17 Feb 2024 00:00:00 +0000

Avvio rapido dal template

Crea un sito

Configura il nuovo sito

Aggiungi i contenuti

Pubblica il sito

Il sito verra pubblicato automaticamente circa 1-5 minuti dopo che avrai fatto commit delle modifiche ai file del repository GitHub.

Prossimi passi

Personalizziamo il nuovo sito:

Struttura del progetto Configurazione Creare contenuti

Personalizzare Hugo

Mon, 01 Jan 0001 00:00:00 +0000

La documentazione completa e disponibile su

Project Structure

Mon, 01 Jan 0001 00:00:00 +0000

Folder Structure

There are 4 main folders for Hugo-based sites:

content/ for your Markdown-formatted content files (homepage, etc.)
- _index.md the homepage (Hugo requires that the homepage and archive pages have an underscore prefix)
assets/
- media/ for your media files (images, videos)
  - icons/custom/ upload any custom SVG icons you want to use
config/_default/ for your site configuration files
- hugo.yaml to configure Hugo (site title, URL, Hugo options, setup per-folder page features)
- module.yaml to install or uninstall Hugo themes and plugins
- params.yaml to configure Hugo Blox options (SEO, analytics, site features)
- menus.yaml to configure your menu links (if the menu is enabled in params.yaml)
- languages.yaml to configure your site’s language or to set language-specific options in a multilingual site
static/uploads/ for any files you want visitors to download, such as a PDF
go.mod sets the version of Hugo themes/plugins which your site uses

Hugo File Naming Convention

Hugo gives us two options to name standard page files: as TITLE/index.md or TITLE.md where TITLE is your page name.

The page name should be lowercase and using hyphens (-) instead of spaces.

Both approaches result in the same output, so you can choose your preferred approach to naming and organizing files. A benefit to the folder-based approach is that all your page’s files (such as images) are self-contained within the page’s folder, so it’s more portable if you wish to share the original Markdown page with someone.

The homepage is a special case as Hugo requires the homepage and listing pages to be named _index.md.

The docs navigation is automatically generated based on the content in the docs/ folder and is sorted alphabetically.

The order of pages can be changed by adding the weight parameter in the front matter of your Markdown files.

In the example below, the example.md page will appear before the test.md page as it has a lower weight:

Page example.md:

---
title: My Example
weight: 1
---

Page test.md:

---
title: My Test
weight: 2
---

Configuration

Mon, 01 Jan 0001 00:00:00 +0000

The configuration of your site can be found in config/_default/.

Full Documentation

See

Links are automatically generated from the structure of your content directory. Simply add a folder to nest a page.

Extra Links

Additional links can be added under the sidebar section of your config/_default/menus.yaml:

menu:
 sidebar:
 - name: "Need help?"
 params:
 type: separator
 weight: 1
 - name: "A page"
 pageRef: "/page-filename-here"
 weight: 2
 - name: "An external link ↗"
 url: "https://hugoblox.com"
 weight: 3

A table of contents is automatically generated from the headings your Markdown file.

It can optionally be disabled by setting toc: false in the front matter of a page:

---
title: My Page
toc: false
---

Presentazione a MARS @ ETAPS 2026

Tue, 14 Apr 2026 00:00:00 +0000

La scorsa settimana ho presentato il nostro paper, “Statistical model checking of the Island Model: an established economic agent-based model of endogenous growth”, a MARS @ ETAPS 2026 a Torino.

Per me e stato un momento particolarmente importante: era la prima presentazione del mio primo paper di PhD, ed era anche la mia prima conferenza internazionale.

Sono contento che la presentazione sia andata bene. Al di la del talk in se, ho apprezzato molto la possibilita di discutere il lavoro con professori e ricercatori del settore e di passare alcuni giorni in un contesto che ho trovato aperto, stimolante e molto piacevole.

Il paper e co-firmato con Giorgio Fagiolo, Daniele Giachini, Andrea Vandin ed Ernest Ivanaj, e mostra come lo statistical model checking, e in particolare MultiVeStA, possa supportare un’analisi piu rigorosa dell’Island Model.

📄
👉
📰

Statistical model checking of the Island Model: an established economic agent-based model of endogenous growth

Sun, 12 Apr 2026 00:00:00 +0000

Paper Accettato a MARS @ ETAPS 2026

Fri, 20 Mar 2026 00:00:00 +0000

Il nostro paper, “Statistical model checking of the Island Model: an established economic agent-based model of endogenous growth”, e stato accettato a MARS @ ETAPS 2026.

Il lavoro e co-firmato con Giorgio Fagiolo, Daniele Giachini, Andrea Vandin ed Ernest Ivanaj. Il paper mostra come statistical model checking e MultiVeStA possano essere usati per rendere l’analisi dell’Island Model piu rigorosa, piu automatizzata e piu riproducibile, preservando al tempo stesso la sostanza economica del framework originale.

L’ho presentato a Torino, domenica 12 aprile 2026.

📄
👉
🎤

Per me, questo e uno degli esempi piu chiari della direzione che voglio dare al mio lavoro di dottorato: fornire basi statistiche piu forti ai modelli di simulazione complessi senza perderne l’interpretabilita.

Multi-Agent Orchestration

Wed, 18 Mar 2026 00:00:00 +0000

Questo progetto puo essere letto come un sistema di coordinamento economico in tempo reale sotto fasi mutevoli, informazione parziale e vincoli temporali stringenti.

Il sistema e strutturato come un livello di orchestrazione multi-agente event-driven. Ascolta il gioco tramite eventi SSE, mantiene una rappresentazione runtime dell’ambiente e cambia strategia in base alla fase corrente: aggiornamento della policy, asta di procurement, riconciliazione dell’inventario e fulfillment.

Cio che rende interessante il progetto non e solo l’uso di piu agenti, ma il modo in cui l’orchestrazione e legata alla robustezza operativa. In fasi diverse si attivano insiemi diversi di capacita, mentre persistenza locale, metriche e replay analysis aiutano a rendere le decisioni piu stabili in condizioni runtime rumorose.

In pratica, e un buon esempio di progetto in cui il design agentico doveva poggiare sull’affidabilita esecutiva e non soltanto su prompting generico. Il pattern piu profondo e il coordinamento basato su aste con vincoli di inventario e gestione della domanda.

Interactive Explorer

L’app interattiva si concentra sul nucleo ingegneristico del progetto: event loop live, stato runtime condiviso, interazione stilizzata tra agenti, agenti specifici per fase, partizionamento delle capacita, memoria limitata e replay dei KPI.

E presentata intenzionalmente come runtime architecture explorer, non come una falsa dashboard di benchmark. L’obiettivo e rendere leggibile la logica di orchestrazione nello stesso linguaggio visivo usato per le app Island Model e PFSE, con enfasi su coordinamento, aste e fulfillment.

RiskSentinel - Simulatore Agentico di Rischio Sistemico

Sun, 15 Mar 2026 00:00:00 +0000

RiskSentinel e un simulatore agentico di rischio sistemico costruito attorno a una domanda che trovo insieme pratica e concettualmente interessante: se un grande nodo finanziario viene colpito da uno shock, come possiamo rendere la propagazione di quello stress visibile, confrontabile e spiegabile in tempo reale?

Sviluppato per il Microsoft AI Dev Days Hackathon 2026, il progetto combina tre modelli di contagio, analytics topology-aware e un workflow multi-agente bounded sopra dati di rete di mercato di livello research-grade. Lo scopo non e solo simulare le cascades, ma renderle piu facili da ispezionare tramite interazione in linguaggio naturale, visualizzazione interattiva e confronto tra modelli.

Cio che fa funzionare il progetto e la combinazione di livelli che spesso restano separati: un vero motore di simulazione di rete, un’interfaccia che rende i risultati esplorabili e un livello agentico che aiuta a interpretare cio che sta accadendo senza fingere di sostituire il motore quantitativo sottostante.

Il risultato e un prototipo pratico per il monitoraggio del rischio sistemico, a cavallo tra finanza quantitativa, sistemi complessi e supporto decisionale assistito da AI.

Puoi esplorare il progetto qui:

RiskSentinel for Microsoft AI Dev Days 2026

Sun, 15 Mar 2026 00:00:00 +0000

RiskSentinel e il progetto che ho sviluppato per il Microsoft AI Dev Days Hackathon 2026.

L’idea di fondo era creare un sistema capace di rendere il rischio sistemico piu esplorabile e piu tangibile: invece di trattare il contagio come un output astratto in un paper o in un notebook, volevo un’interfaccia in cui gli shock potessero essere lanciati, propagati, confrontati e interpretati in tempo reale.

Il progetto combina network science, contagion modeling e agentic AI su dati di rete finanziaria di livello research-grade che coprono 210 titoli dell’S&P 500 e 3.081 snapshot giornaliere. Sotto il cofano integra tre modelli di propagazione, interactive network analytics con Streamlit e Plotly e un workflow agentico costruito con Microsoft Agent Framework e Azure OpenAI.

Quello che mi piace di piu di questo progetto e che si colloca esattamente al confine tra i miei interessi di ricerca e la prototipazione pratica: reti finanziarie, sistemi complessi, supporto decisionale e agenti AI nello stesso strumento.

👉
GitHub:
App:

Island Model + MultiVeStA - Statistical Model Checking della Crescita Economica

Fri, 06 Mar 2026 00:00:00 +0000

Questo progetto riproduce ed estende l’Island Model di Fagiolo e Dosi (2003), un modello agent-based fondamentale della crescita economica endogena, usando MultiVeStA, uno strumento per lo statistical model checking sequenziale di sistemi stocastici.

Il paper e stato accettato a MARS @ ETAPS 2026 (Workshop on Models for Formal Analysis of Real Systems, European Joint Conferences on Theory and Practice of Software).

Lavoro con Giorgio Fagiolo, Daniele Giachini, Andrea Vandin ed Ernest Ivanaj (Scuola Superiore Sant’Anna).

Pagine collegate: , e .

Cosa fa il modello

L’Island Model cattura la crescita endogena attraverso l’interazione di tre tipi di agenti eterogenei che operano su un fitness landscape:

Miners sfruttano la loro nicchia produttiva corrente, accumulando competenze nel tempo
Imitators copiano l’agente visibile con maggior successo, diffondendo conoscenza nell’economia con probabilita φ
Explorers cercano nuove isole casualmente, guidando l’innovazione ed evitando il lock-in

L’intuizione chiave e che la tensione tra exploitation ed exploration, parametrizzata da ε, genera dinamiche di crescita autosostenute senza richiedere progresso tecnologico esogeno.

Cosa aggiunge MultiVeStA

L’analisi Monte Carlo standard usa un numero fisso di simulazioni senza garanzie formali sulla qualita della stima. MultiVeStA applica sequential statistical model checking: esegue le simulazioni in modo adattivo, fermandosi solo quando l’intervallo di confidenza al 95% su E[logGDP] e piu stretto di δ=0.05 a ogni istante temporale. Questo fornisce una garanzia formale di precisione: la dimensione campionaria e determinata dalla varianza dei dati, non dal ricercatore.

La nostra analisi conferma l’ottimalita di un’esplorazione moderata (ε ≈ 0.1), riproduce tutti gli stylized facts del modello originale e stabilisce tramite analisi controfattuale con Welch t-test che 6 confronti su 7 tra coppie di parametri producono traiettorie di crescita statisticamente distinguibili. L’unica eccezione (ρ=3.0 vs ρ=5.0) rivela un effetto di saturazione nella localita della conoscenza.

Interactive Explorer

L’app interattiva permette di esplorare il modello dal vivo: osservare gli agenti muoversi nel paesaggio tecnologico, seguire le cascata di imitazione e gli eventi di esplorazione, eseguire l’analisi di sensibilita MultiVeStA su α, φ e ρ, e vedere come converge il campionamento sequenziale.

Ottimizzazione Robusta di Portafoglio sotto Disruption Sistemiche di Mercato (PFSE)

Fri, 06 Mar 2026 00:00:00 +0000

Questo progetto introduce il Parallel Factor Space Estimator (PFSE), un framework ibrido per la stima robusta della covarianza che risolve un trade-off fondamentale nel portfolio management istituzionale: gli stimatori robusti tradizionali (MCD, Tyler) offrono forti garanzie statistiche ma sono computazionalmente impraticabili per il ribilanciamento giornaliero di oltre 100 asset, mentre i metodi efficienti (Ledoit-Wolf, sample covariance) hanno breakdown point nullo contro contaminazioni sistematiche.

PFSE sfrutta un’intuizione strutturale: durante disruption sistemiche di mercato, come flash crash, shock di politica monetaria o contagio di crisi, i movimenti estremi si propagano attraverso fattori comuni, non componenti idiosincratiche. Concentrando la stima robusta in uno spazio fattoriale ridotto di dimensione k (k=5 contro p=100-1000), PFSE eredita il breakdown point del 25% da MCD ottenendo al tempo stesso 32x speedup computazionale.

Lavoro con Alessio Farcomeni (University of Roma Tor Vergata). Sottomesso a Computational Economics (Springer), marzo 2026.

Risultati principali

Validato attraverso tre stadi complementari:

Monte Carlo (p=100, ε=10% contamination): PFSE Sharpe 1.42 vs 0.96 per sample covariance, mantiene il 97% della performance clean-data mentre la sample covariance degrada del 31%
Backtest S&P 500 (2015-2025): Sharpe out-of-sample 1.87 vs 1.63 (+14.7%), max drawdown -24.3% vs -34.1% (-29%) durante il COVID-19, turnover -42%
Cinque scenari di stress: PFSE rank-1 in tutti gli scenari, Sharpe medio 1.67 vs 1.39 (+20%), minima variabilita della performance (CoV 0.041 vs 0.064)
Valore economico: $72M di benefici in periodi normali + $93M in periodi di stress per ogni portafoglio da $1B, rapporto benefici-costi 31:1

Interactive Explorer

L’app interattiva permette di esplorare tutti i risultati: eseguire live l’algoritmo di stima PFSE, confrontare i metodi all’aumentare della contaminazione, esaminare la scalabilita computazionale e ispezionare i rendimenti cumulati dell’S&P 500 nei quattro regimi di mercato.

PokéNexus

Wed, 04 Feb 2026 00:00:00 +0000

PokéNexus nasce da una cosa molto semplice: amo i Pokemon da quando ero bambino e a un certo punto ho voluto unire quel mondo con il tipo di strumenti e idee che oggi mi piace costruire.

Il risultato e una app Streamlit che trasforma l’universo Pokemon in uno spazio interattivo dove visualizzazione di grafi, meccaniche di gioco e dati guidati da API si incontrano. Ho usato NetworkX, PyVis e Plotly per esplorare relazioni tra tipi ed entita, mentre PokeAPI fornisce il livello dati live per creature, evoluzioni e informazioni collegate.

Invece di essere solo un grafo statico, il progetto e cresciuto fino a diventare un piccolo sistema giocabile: si possono gestire team, conservare strumenti, raccogliere medaglie e sovrapporre diversi cicli di progressione alla visualizzazione. Questo mix di struttura, esplorazione e gioco e esattamente cio che ha reso divertente costruirlo.

Non e un progetto di ricerca, e non pretende di esserlo. E un esperimento personale in cui una passione d’infanzia incontra il modo in cui oggi penso a reti, interfacce e applicazioni Python interattive.

Conseguimento del Master

Fri, 23 Jan 2026 00:00:00 +0000

Sono felice di condividere che il lunedì 2 febbraio 2026 ho conseguito il Master di II livello in Customer Experience, Statistics, Machine Learning and Artificial Intelligence (CESMA) presso la University of Rome Tor Vergata, con voto finale 110/110 con lode.

La tesi

La mia tesi, intitolata “Network Topology Analysis and Machine Learning Techniques for Systemic Risk Prediction in U.S. Equity Markets”, esplora l’applicazione delle Graph Neural Networks e della teoria delle reti complesse per individuare segnali di early warning nei mercati finanziari.

Questo lavoro e direttamente collegato alla mia ricerca in corso. Puoi esplorarne i dettagli tecnici e il codice nelle sezioni dedicate del portfolio:

👉
📄

Il master mi ha dato una base solida in metodi statistici avanzati e AI, che oggi sto applicando nella mia ricerca di dottorato alla Scuola Superiore Sant’Anna.

A Multi-Method Validation Framework for Large-Scale Multilingual Text Analytics

Thu, 15 Jan 2026 00:00:00 +0000

Network Topology Analysis and Machine Learning Techniques for Systemic Risk Prediction in U.S. Equity Markets

Thu, 15 Jan 2026 00:00:00 +0000

Analisi della Topologia di Rete per la Previsione del Rischio Sistemico

Sat, 10 Jan 2026 00:00:00 +0000

Questo progetto corrisponde alla mia tesi CESMA sulla previsione del rischio sistemico nei mercati azionari statunitensi. La domanda di fondo e semplice ma importante: la topologia di rete puo dire qualcosa di utile sullo stress di mercato prima degli indicatori standard?

Usando dati giornalieri di 210 componenti dell’S&P 500 (2013-2025), il progetto combina reti di correlazione dinamiche con modelli di machine learning che vanno dal gradient boosting alle Graph Neural Networks come GraphSAGE e GAT. L’obiettivo non e solo l’accuratezza di classificazione, ma l’utilita economica sotto vincoli realistici di validazione e backtesting.

Il risultato piu interessante e che i segnali derivati dalla rete sembrano contenere vera informazione di early warning, soprattutto attorno a stati di mercato severi e strutturalmente fragili. Nelle configurazioni migliori, il framework migliora sia il timing sia la performance di trading rispetto a baseline piu semplici.

Questo progetto e affiancato dalla relativa pagina tesi, dove lo stesso lavoro e presentato come publication entry.

NLP e Analisi di Reti Semantiche

Sat, 10 Jan 2026 00:00:00 +0000

Questo progetto e l’implementazione tecnica alla base della pubblicazione “A Multi-Method Validation Framework for Large-Scale Multilingual Text Analytics” (JADT 2026, in review). Operationalizza l’intero workflow analitico usato nel paper, dalla preparazione dei dati alla validazione cross-method e al confronto dei risultati.

La pipeline combina moduli in R e Python su un grande corpus multilingue di recensioni, includendo: preprocessing e TF-IDF, LDA topic modeling, LSA e Correspondence Analysis, sentiment analysis lessicale e model-based, clustering e analisi di reti di co-occorrenza. Il repository include anche script di validazione cross-platform per confrontare gli output dei metodi e verificare la stabilita strutturale tra implementazioni.

L’obiettivo centrale e la robustezza metodologica: verificare quali risultati restano consistenti quando cambiano metodi, famiglie di modelli e componenti specifiche della lingua. In questo senso, il progetto non e una generica demo NLP, ma una pipeline di ricerca riproducibile progettata per la validazione quantitativa di conclusioni di text analytics.

Sistema di Raccomandazione Avanzato

Fri, 20 Jun 2025 00:00:00 +0000

Questo progetto e stato sviluppato nel Master CESMA in collaborazione con TIM. Invece di formulare il problema come un classico task di classificazione, il sistema e stato progettato come pipeline learning-to-rank per raccomandare la next best action.

Questo cambio di impostazione conta perche il ranking e piu vicino alla decisione di business reale: non solo stabilire se un’azione sia buona o cattiva, ma quale debba venire prima per uno specifico utente.

La pipeline combina validazione accurata, ottimizzazione bayesiana e strategie di ensemble ranking. Il risultato finale e un miglioramento sostanziale rispetto alla baseline su NDCG@5, rendendo il progetto un buon esempio di machine learning applicato sotto vincoli di valutazione realistici.

Sintesi delle performance:

Stage	NDCG@5 Score	Improvement vs Baseline
Baseline Model	0.5030	–
Best Single Model	0.6838	+35.94%
Best Ensemble	0.6852	+36.23%

Nel complesso, e uno degli esempi piu chiari del portfolio di come un task ML familiare possa essere riformulato in modo piu coerente con il problema decisionale reale.

High-dimensional Robust Portfolio Optimization Under Contamination: A Factor-Analytic Approach

Fri, 04 Apr 2025 00:00:00 +0000

Agente AI per il Real Estate

Wed, 05 Mar 2025 00:00:00 +0000

Questo progetto esplora come un agente AI possa essere usato come livello pratico sopra un workflow predittivo piu tradizionale. In questo caso il dominio e il real estate: stima dei prezzi, analisi di mercato e interazione con l’utente su domande legate agli immobili.

Il progetto combina modelli di valutazione con un’interfaccia basata su LLM per l’interazione in linguaggio naturale e l’orchestrazione a livello di task. La parte interessante non e solo il wrapper agentico, ma il tentativo di collegare modelli predittivi a un front-end piu utilizzabile per esplorazione e supporto decisionale.

Fine-Tuning Leggero con PEFT e LoRA

Wed, 20 Nov 2024 00:00:00 +0000

Questo progetto si concentra su una domanda pratica in NLP: quanta adattazione utile si puo ottenere da un modello pretrained senza pagare il costo completo del fine-tuning totale?

Usando LoRA su distilbert-base-uncased per sentiment analysis, la pipeline mostra che un sottoinsieme molto piccolo di parametri allenabili puo comunque produrre un netto salto di performance rispetto alla baseline zero-shot. Il progetto riguarda quindi meno la massima benchmark accuracy e piu la comprensione del trade-off tra performance ed efficienza.

Costruita nell’ecosistema Hugging Face, l’implementazione copre valutazione, configurazione LoRA, training e inferenza in un setup leggero che resta accessibile anche su hardware modesto.

Previsione del Rischio nelle Reti Gas

Fri, 01 Nov 2024 00:00:00 +0000

Questo progetto e stato sviluppato per l’Hera Group Hackathon, dove ha ottenuto il 2 posto. Il compito era rilevare il rischio di perdite gas in un contesto dominato da forte sbilanciamento, eventi rari e incertezza operativa.

La pipeline combina feature engineering geospaziale-temporale con data augmentation sintetica tramite CTGAN e TimeGAN, e usa poi SHAP per mantenere il modello finale interpretabile e non soltanto predittivo.

Quello che continuo ad apprezzare di questo progetto e il suo equilibrio tra pragmatismo e metodo: e un progetto da hackathon, ma riflette gia un approccio che uso spesso, cioe rendere piu robusti problemi predittivi difficili senza rinunciare alla spiegabilita.

Editor Fotografico AI con SAM e SDXL

Sun, 10 Mar 2024 00:00:00 +0000

Questo progetto esplora l’intersezione tra computer vision precisa ed editing generativo delle immagini combinando Segment Anything (SAM) con Stable Diffusion XL.

L’idea di base e semplice: la segmentazione fornisce controllo esatto su cio che va modificato, mentre l’inpainting basato su diffusion offre la flessibilita generativa necessaria per modificarlo davvero. Questo rende il sistema utile non solo come demo, ma anche come esempio concreto di integrazione tra modelli discriminativi e generativi nello stesso workflow.

Sviluppato in Python con PyTorch, Diffusers e Gradio, il progetto supporta masking interattivo, sostituzione di oggetti e generazione dello sfondo mantenendo la pipeline abbastanza leggera da funzionare anche su hardware consumer con le giuste ottimizzazioni.

Chatbot Personalizzato con RAG

Thu, 15 Feb 2024 00:00:00 +0000

Questo progetto usa un dominio volutamente piccolo ma strutturato per esplorare un’idea piu ampia: come rendere piu affidabili gli output dei language model ancorandoli a contesto recuperato.

Il chatbot e costruito attorno a un dataset curato di personaggi immaginari e usa una pipeline RAG completa con embedding, retrieval e prompt conditioning. Il dataset e giocoso, ma il punto metodologico e serio: il retrieval cambia il comportamento del modello da completamento generico a ragionamento vincolato dal contesto.

Poiche i dati sottostanti sono semanticamente ricchi, il sistema puo gestire non solo question answering ma anche confronto tra personaggi, raccomandazione ed esplorazione basata su tratti. Questo lo rende un esempio compatto ma utile di progettazione NLP guidata dal retrieval.

Example Talk: Recent Work

Mon, 01 Jan 2024 00:00:00 +0000

Example Talk

Dr. Alex Johnson · Meta AI

Research Overview

Multimodal LLMs
Efficient training
Responsible AI

Code & Math

def score(x: int) -> int:
 return x * x

$$ E = mc^2 $$

Dual Column Layout

Left Column

Point A
Point B
Point C

Right Column

Detail 1
Detail 2
Detail 3

Main Content (2/3 width)

This column takes up twice the space of the right column.

def example():
 return "code works too"

Note
Key points in smaller column

Image + Text Layout

Results

95% accuracy
10x faster inference
Lower memory usage

Breakthrough!

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:

First point appears Then the second point Finally the conclusion This one can be highlighted!

Note: Use fragments to control pacing and maintain audience attention. Each fragment appears on click.

Diagrams with 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.

Custom Backgrounds

This slide has a blue background!

You can customize:

Background colors
Background images
Gradients
Videos (yes, really!)

Use {{< slide background-color="#hex" >}}

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.

Substep 1: Details

This is additional content in a vertical stack.

Navigate down for more, or right to skip to next topic →

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¹.

Media: YouTube Videos

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

Hidden Slide Demo (Inline Comment)

This slide is hidden using the  comment method.

Perfect for:

Speaker-only content
Backup slides
Work-in-progress content

Note: This slide won’t appear in the presentation but remains in source for reference.

Thanks

Questions?

🌐 Website:
🐦 X/Twitter:
💬 Discord:
⭐ GitHub:

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.

🎨 Branding Your Slides

Add your identity to every slide with simple configuration!

What you can add:

Element	Position Options
Logo	top-left, top-right, bottom-left, bottom-right
Title	Same as above
Author	Same as above
Footer Text	Same + bottom-center

Edit the branding: section in your slide’s front matter (top of file).

📁 Adding Your Logo

Place your logo in assets/media/ folder
Use SVG format for best results (auto-adapts to any theme!)
Add to front matter:

branding:
 logo:
 filename: "your-logo.svg" # Must be in assets/media/
 position: "top-right"
 width: "60px"

Tip: SVGs with fill="currentColor" automatically match theme colors!

📝 Title & Author Overlays

Show presentation title and/or author on every slide:

branding:
 title:
 show: true
 position: "bottom-left"
 text: "Short Title" # Optional: override long page title

 author:
 show: true
 position: "bottom-right"

Author is auto-detected from page front matter (author: or authors:).

📄 Footer Text

Add copyright, conference name, or any persistent text:

branding:
 footer:
 text: "© 2024 Your Name · ICML 2024"
 position: "bottom-center"

Tip: Supports Markdown! Use [Link](url) for clickable links.

🔇 Hiding Branding Per-Slide

Sometimes you want a clean slide (title slides, full-screen images).

Add this comment at the start of your slide content:

<!-- no-branding -->
## My Clean Slide

Content here...

☝️ This slide uses  — notice no logo or overlays!

🔇 Selective Hiding

Hide just the header (logo + title):

<!-- no-header -->

Or just the footer (author + footer text):

<!-- no-footer -->

☝️ This slide uses  — footer still visible below!

✅ Quick Reference

Comment	Hides
`<!-- no-branding -->`	Everything (logo, title, author, footer)
`<!-- no-header -->`	Logo + Title overlay
`<!-- no-footer -->`	Author + Footer text

☝️ This slide uses  — logo still visible above!

🚀 Get Started

Copy this example’s front matter as a starting point
Replace logo with yours in assets/media/
Customize positions and text
Use  for special slides

Pro tip: Set site-wide defaults in config/_default/params.yaml under slides.branding!

Smith, J. et al. (2024). Open Science Presentations. Nature Methods. ↩︎

Embed Media

Tue, 24 Oct 2023 00:00:00 +0000

is designed to give technical content creators a seamless experience. You can focus on the content and the HugoBlox Kit which this template is built upon handles the rest.

Embed videos, podcasts, code, LaTeX math, and even test students!

On this page, you’ll find some examples of the types of technical content that can be rendered with Hugo Blox.

Video

Teach your course by sharing videos with your students. Choose from one of the following approaches:

Youtube:

{{< youtube w7Ft2ymGmfc >}}

Bilibili:

{{< bilibili id="BV1WV4y1r7DF" >}}

Video file

Videos may be added to a page by either placing them in your assets/media/ media library or in your , and then embedding them with the video shortcode:

{{< video src="my_video.mp4" controls="yes" >}}

Podcast

You can add a podcast or music to a page by placing the MP3 file in the page’s folder or the media library folder and then embedding the audio on your page with the audio shortcode:

{{< audio src="ambient-piano.mp3" >}}

Try it out:

Test students

Provide a simple yet fun self-assessment by revealing the solutions to challenges with the spoiler shortcode:

{{< spoiler text="👉 Click to view the solution" >}}
You found me!
{{< /spoiler >}}

renders as

👉 Click to view the solution

You found me 🎉

Math

HugoBlox Kit supports a Markdown extension for $\LaTeX$ math. You can enable this feature by toggling the math option in your config/_default/params.yaml file.

To render inline or block math, wrap your LaTeX math with {{< math >}}$...${{< /math >}} or {{< math >}}$$...$${{< /math >}}, respectively.

Note

We wrap the LaTeX math in the Hugo Blox math shortcode to prevent Hugo rendering our math as Markdown. This callout now uses the standard Markdown alert syntax!

Example math block:

{{< math >}}
$$
\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}
$$
{{< /math >}}

renders as

$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$

Example inline math {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}} renders as $\nabla F(\mathbf{x}_{n})$ .

Example multi-line math using the math linebreak (\\):

{{< math >}}
$$f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\
1-p_{0}^{*} & \text{if }k=0.\end{cases}$$
{{< /math >}}

renders as

$$ f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\ 1-p_{0}^{*} & \text{if }k=0.\end{cases} $$

Code

HugoBlox Kit utilises Hugo’s Markdown extension for highlighting code syntax. The code theme can be selected in the config/_default/params.yaml file.

```python
import pandas as pd
data = pd.read_csv("data.csv")
data.head()
```

renders as

import pandas as pd
data = pd.read_csv("data.csv")
data.head()

Inline Images

{{< icon name="python" >}} Python

renders as

python Python

Esperienza

Tue, 24 Oct 2023 00:00:00 +0000

Create Beautiful Presentations with Markdown

Sun, 01 Jan 2017 00:00:00 +0000

🎯 Why Markdown Slides?

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

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

## 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

Zero Lock-In

Your slides are just Markdown files. Edit them in:

Lore 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!

Try Lore Studio

🎯 Advanced Features

Dual Column Layouts:

<div style="display: flex; gap: 2rem;">
 <div style="flex: 1;">Column 1</div>
 <div style="flex: 1;">Column 2</div>
</div>

Fragment Animations:

{{< fragment >}}Appear on click!{{< /fragment >}}

Speaker Notes:

Note: Your private notes here
(visible in presenter view only)

Vertical Slide Stacks: Navigate down for sub-topics!

🚀 Getting Started is Easy

Create Your First Slide Deck in 3 Steps

Step 1: Create Your Slides

Create content/slides/my-talk/index.md:

---
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):

---
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 arrows-expand button)
✅ Accessible at a direct URL
✅ Keyboard-navigatable (→ ← keys)

Read Full Documentation

💎 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

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 arrows-expand fullscreen button (top right) to experience presentation mode!

Live Features to Try

Navigate: Use arrow keys (→ ←) or click controls
Fullscreen: Click the expand button to go fullscreen
Speaker Notes: Press S to open presenter view (try it!)
Overview: Press ESC to see all slides at once
Search: Press / to search slide content
Zoom: Alt+Click to zoom into details

external-link Open Slides in New Tab

🆚 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

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:

$$
\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:

<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

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

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

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

Star on GitHub

Get Help & Connect

📚
💬
🐛
🐦

🚀 Ready to Create?

Start Building Beautiful Presentations Today

No installation required. No account needed. Just Markdown and your creativity.

Get Started Now

Try Lore Studio

📖 Additional Resources

Templates & Examples

Tips & Tricks

Pro Tips for Better Presentations

Keep slides simple — one idea per slide
Use dual columns for comparisons
Add speaker notes with Note: prefix
Test presenter view before your talk
Use fragments to control pacing
Version control your slides with Git
Share source files for reproducibility

Have questions? Check out the or !

Want to contribute? Hugo Blox is open source! .

Mon, 01 Jan 0001 00:00:00 +0000

Buttons

Mon, 01 Jan 0001 00:00:00 +0000

A modern, customizable button shortcode with gradient styling, icons, and smart link handling.

Basic Usage

Visit External Site

The above buttons are created with:

{{< button url="/contact" >}}Contact Us{{< /button >}}

{{< button url="https://example.com" new_tab="true" style="secondary" >}}Visit External Site{{< /button >}}

Style Variants

Primary (Default)

Primary Button

{{< button url="#" style="primary" >}}Primary Button{{< /button >}}

Secondary

Secondary Button

{{< button url="#" style="secondary" >}}Secondary Button{{< /button >}}

Outline

Outline Button

{{< button url="#" style="outline" >}}Outline Button{{< /button >}}

Ghost

Ghost Button

{{< button url="#" style="ghost" >}}Ghost Button{{< /button >}}

Sizes

Extra Large

{{< button url="#" size="sm" >}}Small Button{{< /button >}}
{{< button url="#" size="md" >}}Medium Button{{< /button >}}
{{< button url="#" size="lg" >}}Large Button{{< /button >}}
{{< button url="#" size="xl" >}}Extra Large{{< /button >}}

Alignment

Left (Default)

Left Aligned

Center

Center Aligned

Right

Right Aligned

{{< button url="#" align="left" >}}Left Aligned{{< /button >}}
{{< button url="#" align="center" >}}Center Aligned{{< /button >}}
{{< button url="#" align="right" >}}Right Aligned{{< /button >}}

With Icons

Icon Before Text

Download

Icon After Text

Continue

{{< button url="#" icon="arrow-down-tray" >}}Download{{< /button >}}
{{< button url="#" icon="arrow-right" icon_position="right" >}}Continue{{< /button >}}

Rounded Corners

Small Radius

Medium Radius (Default)

Medium Radius

Large Radius

Pill Shape

Pill Button

{{< button url="#" rounded="sm" >}}Small Radius{{< /button >}}
{{< button url="#" rounded="md" >}}Medium Radius{{< /button >}}
{{< button url="#" rounded="lg" >}}Large Radius{{< /button >}}
{{< button url="#" rounded="full" >}}Pill Button{{< /button >}}

Advanced Examples

Call-to-Action Button

Get Started Today

{{< button url="/signup" style="primary" size="lg" align="center" icon="rocket-launch" >}}Get Started Today{{< /button >}}

External Link with New Tab

View on GitHub

{{< button url="https://github.com/hugo-blox/kit" new_tab="true" style="outline" icon="arrow-top-right-on-square" icon_position="right" >}}View on GitHub{{< /button >}}

Download Button

Download PDF

{{< button url="/files/document.pdf" style="secondary" icon="document-arrow-down" rounded="full" >}}Download PDF{{< /button >}}

Parameters

Parameter	Type	Default	Description
`url`	string	`#`	Required. Button destination URL (internal or external)
`text`	string	Inner content	Button text (overrides shortcode content)
`new_tab`	boolean	`false`	Whether to open link in new tab
`style`	string	`primary`	Button style: `primary`, `secondary`, `outline`, `ghost`
`size`	string	`md`	Button size: `sm`, `md`, `lg`, `xl`
`align`	string	`left`	Button alignment: `left`, `center`, `right`
`icon`	string	-	Icon name from
`icon_position`	string	`left`	Icon position: `left`, `right`
`rounded`	string	`md`	Border radius: `sm`, `md`, `lg`, `xl`, `full`
`disabled`	boolean	`false`	Whether button should be disabled

Security Features

The button shortcode automatically handles security for external links:

External links get rel="noreferrer" attribute
External links opening in new tab get rel="noopener noreferrer"
Internal links opening in new tab get rel="noopener"

This ensures safe navigation while maintaining functionality.

Accessibility

The button shortcode includes built-in accessibility features:

Proper role="button" attribute
aria-label support
Keyboard focus indicators
High contrast focus rings
Disabled state handling

Callouts

Mon, 01 Jan 0001 00:00:00 +0000

Hugo Blox supports GitHub and Obsidian-style Markdown callouts for maximum compatibility and content portability.

Callouts are a useful feature to draw attention to important or related content such as notes, hints, or warnings in your articles.

Usage

Basic Callout Types

Hugo Blox supports all 15+ callout types from :

Information & Notes:

> [!NOTE]
> This is a note callout with important information that users should know.

Note

This is a note callout with important information that users should know.

> [!INFO]
> Alternative info callout - same styling as NOTE.

Info

Alternative info callout - same styling as NOTE.

> [!ABSTRACT]
> Use for abstracts, summaries, or TL;DR sections.

Abstract

Use for abstracts, summaries, or TL;DR sections.

Actions & Tasks:

> [!TODO]
> This is something that needs to be done.

Todo

This is something that needs to be done.

> [!TIP]
> Here's a helpful tip to make your workflow more efficient!

Tip

Here’s a helpful tip to make your workflow more efficient!

> [!SUCCESS]
> Great job! This operation completed successfully.

Success

Great job! This operation completed successfully.

Questions & Interactive:

> [!QUESTION]
> What do you think about this approach? Let us know!

Question

What do you think about this approach? Let us know!

> [!EXAMPLE]
> Here's a practical example of how to implement this feature.

Example

Here’s a practical example of how to implement this feature.

> [!QUOTE]
> "The best way to predict the future is to invent it." - Alan Kay

Quote

“The best way to predict the future is to invent it.” - Alan Kay

Warnings & Errors:

> [!WARNING]
> Be careful! This action might have unexpected consequences.

Warning

Be careful! This action might have unexpected consequences.

> [!CAUTION]
> Danger! This operation is irreversible and could cause data loss.

Caution

Danger! This operation is irreversible and could cause data loss.

> [!IMPORTANT]
> This is critical information that users must understand to proceed.

Important

This is critical information that users must understand to proceed.

> [!DANGER]
> This is extremely dangerous - proceed with extreme caution!

Danger

This is extremely dangerous - proceed with extreme caution!

> [!FAILURE]
> This operation failed. Check your configuration and try again.

Failure

This operation failed. Check your configuration and try again.

> [!BUG]
> Known issue: This feature doesn't work properly in Safari < 14.

Bug

Known issue: This feature doesn’t work properly in Safari < 14.

Custom Titles

You can customize the title of any callout:

> [!WARNING]+ Custom Warning Title
> This warning has a custom title instead of just "Warning".

Custom Warning Title

This warning has a custom title instead of just “Warning”.

Legacy Syntax (Deprecated)

The old shortcode syntax still works but shows a deprecation warning:

{{< callout note >}}
This still works but is deprecated. Use the Markdown syntax above!
{{< /callout >}}

CSS Customization

Hugo Blox generates callouts with semantic CSS classes and data attributes, making customization easy. Each callout has:

Base class: .callout
Type-specific data attribute: data-callout="note"
Component classes: .callout-icon, .callout-title, .callout-content, .callout-body

Custom CSS Example (add to your assets/css/custom.css):

/* Customize NOTE callouts */
.callout[data-callout="note"] {
 border-left-width: 8px;
 box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

/* Make SUCCESS callouts pulse */
.callout[data-callout="success"] {
 animation: pulse 2s infinite;
}

/* Custom icon styling */
.callout-icon svg {
 transition: transform 0.2s;
}

.callout:hover .callout-icon svg {
 transform: scale(1.1);
}

/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
 .callout[data-callout="warning"] {
 background-color: rgb(92 25 2);
 border-color: rgb(245 158 11);
 }
}

This approach matches , ensuring your styles work across platforms.

Benefits of the New Syntax

Portable: Works with GitHub, Obsidian, and other Markdown editors
Standard: Uses widely-adopted Markdown callout syntax
Clean: No Hugo-specific shortcodes needed
Future-proof: Supported by the latest Hugo versions (0.132.0+)
Customizable: Semantic CSS classes and data attributes for easy styling
Complete: All 15+ Obsidian callout types supported
Multilingual: Callout titles are automatically translated based on your site’s language (and can be customized in the language packs)

Cards

Mon, 01 Jan 0001 00:00:00 +0000

A Hugo extension to create cards. Cards can be shown as links or as plain text.

Usage

Learn Shortcodes A card without an icon or link

is rendered by:

{{< cards >}}
 {{< card url="../callout" title="Callout" icon="academic-cap" >}}
 {{< card url="" title="A card without an icon" >}}
{{< /cards >}}

Options

Parameter	Description
`icon`	Name of the icon. Defaults to
`title`	Title heading for the card.
`subtitle`	Subtitle heading (supports Markdown).
`url`	URL

Internazionalizzazione (i18n)

Mon, 01 Jan 0001 00:00:00 +0000

Hugo Blox permette di modificare facilmente i testi dell’interfaccia e di tradurre il sito in piu lingue usando la funzionalita di Hugo.

La documentazione completa e disponibile su

Spoilers

Mon, 01 Jan 0001 00:00:00 +0000

A Hugo shortcode to toggle collapsible content.

Example

Click to view the spoiler

You found me!

Markdown is supported.

Usage

{{< spoiler text="Click to view the spoiler" >}}

This is the content of the details.

Markdown is **supported**.

{{< /spoiler >}}

Steps

Mon, 01 Jan 0001 00:00:00 +0000

Display a series of steps, such as for a tutorial.

Example

Step 1

The first step here…

Step 2

The second step here…

Step 3

The third step here…

Usage

Use the Markdown level-3 headings to represent step titles within the steps shortcode:

{{% steps %}}

### Step 1

The first step here...

### Step 2

The second step here...

### Step 3

The third step here...

{{% /steps %}}

Stefano Blando

Per iniziare

Avvio rapido dal template

Crea un sito

Configura il nuovo sito

Aggiungi i contenuti

Pubblica il sito

Prossimi passi

Personalizzare Hugo

Project Structure

Folder Structure

Hugo File Naming Convention

Docs Navigation

Configuration

Full Documentation

Navigation

Menu

Left Sidebar

Extra Links

Right Sidebar

Presentazione a MARS @ ETAPS 2026

Statistical model checking of the Island Model: an established economic agent-based model of endogenous growth

Paper Accettato a MARS @ ETAPS 2026

Multi-Agent Orchestration

Interactive Explorer

RiskSentinel - Simulatore Agentico di Rischio Sistemico

RiskSentinel for Microsoft AI Dev Days 2026

Island Model + MultiVeStA - Statistical Model Checking della Crescita Economica

Cosa fa il modello

Cosa aggiunge MultiVeStA

Interactive Explorer

Ottimizzazione Robusta di Portafoglio sotto Disruption Sistemiche di Mercato (PFSE)

Risultati principali

Interactive Explorer

PokéNexus

Conseguimento del Master

La tesi

A Multi-Method Validation Framework for Large-Scale Multilingual Text Analytics

Network Topology Analysis and Machine Learning Techniques for Systemic Risk Prediction in U.S. Equity Markets

Analisi della Topologia di Rete per la Previsione del Rischio Sistemico

NLP e Analisi di Reti Semantiche

Sistema di Raccomandazione Avanzato

High-dimensional Robust Portfolio Optimization Under Contamination: A Factor-Analytic Approach

Agente AI per il Real Estate

Fine-Tuning Leggero con PEFT e LoRA

Previsione del Rischio nelle Reti Gas

Editor Fotografico AI con SAM e SDXL

Chatbot Personalizzato con RAG

Example Talk: Recent Work

Example Talk

Dr. Alex Johnson · Meta AI

Research Overview

Code & Math

Dual Column Layout

Left Column

Right Column

Main Content (2/3 width)

Sidebar (1/3 width)

Image + Text Layout

Results

Speaker Notes

Progressive Reveals

Diagrams with Mermaid

Research Results

Custom Backgrounds

Vertical Navigation

Substep 1: Details

Substep 2: More Details

Citations & Quotes

Media: YouTube Videos

Media: All Options

Interactive Elements

Hidden Slide Demo (Inline Comment)

Thanks

Questions?

🎨 Branding Your Slides

📁 Adding Your Logo

📝 Title & Author Overlays

📄 Footer Text

🔇 Hiding Branding Per-Slide