Código
Bloque de código con seis temas de color, nombre del lenguaje, números de línea y botón de copiar
Los ejemplos son solo una parte. Cada tile tiene además las opciones avanzadas: animaciones, efectos del ratón, visibilidad por dispositivo o por fecha, posición y mucho más.
01
Recién añadido
Así se ve nada más añadirlo a la página, antes de cualquier cambio.
02
La instalación de un plugin desde la línea de comandos
Tema One Dark, lenguaje bash en el encabezado, números de línea y botón de copia, fuente 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 configuración de un sensor agrícola
Tema claro dentro de un marco blanco sobre papel cuadriculado: JSON con números de línea y altura máxima, el resto se lee desplazándose.
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
El cálculo de la hidratación en una panadería
Tema Monokai sobre un fondo azul, Python sin botón de copia y con las líneas largas que saltan de línea.
# 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 consulta de la biblioteca municipal
Tema Solarized Dark con números de línea y altura máxima, apenas inclinado y con una sombra larga, como una hoja apoyada sobre la mesa.
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
Los tokens del tema Contour en CSS
Tema Dracula a todo el ancho sobre el fondo aurora: el CSS de una card que usa solo los colores del tema, con fuente a 16 px.
