Codice
Blocco di codice con sei temi di colore, nome del linguaggio, numeri di riga e tasto copia
Gli esempi sono solo una parte. Ogni tile ha anche le opzioni avanzate: animazioni, effetti del mouse, visibilità per dispositivo o per data, posizione e altro ancora.
01
Appena inserita
Così appare appena la aggiungi alla pagina, prima di qualsiasi modifica.
02
L'installazione di un plugin da riga di comando
Tema One Dark, linguaggio bash nell'intestazione, numeri di riga e pulsante per copiare, carattere a 15 px.
1 | wp plugin install olobuild --activate
2 | wp olobuild import contour.json --pages=all
3 | wp option update blogname "Contour Pilates"
4 | wp cache flush03
La configurazione di un sensore agricolo
Tema chiaro dentro una cornice bianca su carta a quadretti: JSON con numeri di riga e altezza massima, il resto si legge scorrendo.
1 | {
2 | "sonda": "campo-nord-07",
3 | "intervallo_minuti": 10,
4 | "misure": ["umidita_suolo", "temperatura", "conducibilita"],
5 | "allerta_gelo": {
6 | "soglia_celsius": 1.5,
7 | "avviso": "sms",
8 | "anticipo_ore": 12
9 | },
10 | "irrigazione": {
11 | "zona": "filari 12-18",
12 | "max_litri_giorno": 4200
13 | },
14 | "rete": "lora",
15 | "batteria": "solare"
16 | }04
Il calcolo dell'idratazione in un forno
Tema Monokai su uno sfondo blu, Python senza pulsante di copia e con le righe lunghe che vanno a capo.
# Impasto della pagnotta di segale (pesi in grammi)
farina = {"segale": 600, "tipo_1": 400}
acqua = 780
lievito_madre = 200 # idratato al 100%: metà farina, metà acqua
totale_farina = sum(farina.values()) + lievito_madre / 2
idratazione = (acqua + lievito_madre / 2) / totale_farina
print(f"Idratazione: {idratazione:.0%}, sale: {totale_farina * 0.022:.0f} g")05
Una query della biblioteca civica
Tema Solarized Dark con numeri di riga e altezza massima, inclinato appena e con un'ombra lunga, come un foglio appoggiato sul tavolo.
1 | SELECT titolo, autore, COUNT(*) AS prestiti
2 | FROM prestiti p
3 | JOIN libri l ON l.id = p.libro_id
4 | WHERE p.data >= DATE '2026-01-01'
5 | AND l.sezione = 'ragazzi'
6 | GROUP BY titolo, autore
7 | ORDER BY prestiti DESC
8 | LIMIT 10;06
I token del tema Contour in CSS
Tema Dracula a tutta larghezza sullo sfondo aurora: il CSS di una card che usa solo i colori del tema, con carattere a 16 px.
