# Un bollettino settimanale: i primi rapporti sull’AIDS > Due rapporti CDC del 1981 ricomposti in un bollettino US Letter: testata, casi con etichette in linea, stili Reported by ed Editorial Note, note numerate. - Versione HTML: https://postext.dev/it/cookbook/outbreak-report-bulletin - Ricetta Nº 143 · Pubblicazioni complete · Livello 2 (Intermedio) · Output: Canvas, PDF - Generi: Articoli scientifici e testi accademici, Rapporti - Richiede postext ≥ 1.25.0, postext-pdf ≥ 1.25.0 · provata con 1.32.0, postext-pdf 1.32.0 il 2026-10-13 - Pagine: [1](https://postext.dev/cookbook/outbreak-report-bulletin/en/p01.webp?v=2bec385d), [2](https://postext.dev/cookbook/outbreak-report-bulletin/en/p02.webp?v=2bec385d), [3](https://postext.dev/cookbook/outbreak-report-bulletin/en/p03.webp?v=2bec385d), [4](https://postext.dev/cookbook/outbreak-report-bulletin/en/p04.webp?v=2bec385d), [5](https://postext.dev/cookbook/outbreak-report-bulletin/en/p05.webp?v=2bec385d), [6](https://postext.dev/cookbook/outbreak-report-bulletin/en/p06.webp?v=2bec385d) - PDF: https://postext.dev/cookbook/outbreak-report-bulletin/en/outbreak-report-bulletin.pdf?v=2bec385d - Apri nella Sandbox: https://postext.dev/it/sandbox#recipe=outbreak-report-bulletin&lang=en (.postext: https://postext.dev/cookbook/outbreak-report-bulletin/en/outbreak-report-bulletin.postext) - Ultimo aggiornamento: 2026-10-10 - Altre lingue: [en](https://postext.dev/en/cookbook/outbreak-report-bulletin.md), [es](https://postext.dev/es/cookbook/outbreak-report-bulletin.md), [ca](https://postext.dev/ca/cookbook/outbreak-report-bulletin.md), [de](https://postext.dev/de/cookbook/outbreak-report-bulletin.md), [fr](https://postext.dev/fr/cookbook/outbreak-report-bulletin.md), [pt](https://postext.dev/pt/cookbook/outbreak-report-bulletin.md), [zh](https://postext.dev/zh/cookbook/outbreak-report-bulletin.md), [ja](https://postext.dev/ja/cookbook/outbreak-report-bulletin.md), [ar](https://postext.dev/ar/cookbook/outbreak-report-bulletin.md) ## In breve Un bollettino di sanità pubblica del 1981, ricomposto su carta formato lettera. Ogni tipo di paragrafo (i casi, l’elenco dei medici segnalatori, il commento della redazione) ha il suo aspetto, e i riferimenti si numerano da soli. ## Che cosa comporrai Sei pagine di un bollettino epidemiologico settimanale in formato US Letter, che ristampano i due rapporti con cui i Centers for Disease Control descrissero per la prima volta quella che sarebbe stata chiamata AIDS: cinque casi di polmonite da *Pneumocystis* a Los Angeles (5 giugno 1981) e i casi di sarcoma di Kaposi che seguirono (3 luglio 1981). La testata è un progetto originale nello spirito di un bollettino governativo dell’epoca, una fascia blu con un logotipo condensato sopra due colonne in Plex Serif. Ogni voce di un rapporto ha il suo stile: i casi clinici sotto etichette numerate in grassetto, la riga *Reported by* in piccolo corsivo, la *Editorial Note*, i riferimenti tra parentesi e un elenco numerato. Il testo, i riferimenti e le tabelle sono come li stampò il CDC; la cronologia e la tabella dei casi a pagina 2 sono un’aggiunta della redazione. **Questa ricetta risponde a:** - Come compongo un bollettino settimanale, con i casi clinici, l’Editorial Note e i riferimenti numerati? - Come cito le opere e costruisco la bibliografia in APA, IEEE o un altro stile citazionale? - Come creo una tabella con righe di intestazione, celle unite, larghezze delle colonne e allineamento per cella? - Come ricompongo con Postext un articolo open access da arXiv o PubMed Central, mantenendo citazioni, figure e riga della licenza? ## La risposta breve ```js // script.js, righe 85–105 // :::paragraphs{style="…"} wraps the blocks of each voice; **Patient 1:** is a run-in label. const voice = (id, family, size, lead, extra) => ({ id, fontFamily: family, fontSize: pt(size), lineHeight: pt(lead), color: col('ink'), boldColor: col('ink'), ...extra }); const aside = { textAlign: 'left', firstLineIndent: pt(0), snapToGrid: false }; const paragraphStyles = [ // Case histories and the Editorial Note: the body texture, bold labels in the accent. voice('case', TEXT, 9.5, LEAD, { boldColor: col('accent'), boldFontWeight: 600 }), voice('editorial', TEXT, 9.5, LEAD, { boldColor: col('accent'), boldFontWeight: 600 }), // "Reported by …": the authors' line, italic small type in the condensed sans, off the grid. voice('reported', LABEL, 7.8, 10.2, { ...aside, italic: true, color: col('muted'), hyphenation: false, marginTop: pt(4), marginBottom: pt(6) }), // A line the reprint adds, in the label face and the accent: never taken for 1981 text. voice('editor', LABEL, 8, 10.6, { ...aside, italic: true, color: col('accent'), marginTop: pt(3), marginBottom: pt(5) }), voice('colophon', LABEL, 7.4, 9.6, { ...aside, color: col('muted'), marginTop: pt(LEAD) }), ]; // MMWR cited (1) in citation order, and each report (its H1 is a chapter) counted from 1. registerCitationEngine(createCiteprocEngine({ styles: STYLES, locales: LOCALES })); const citations = { style: 'american-medical-association', marker: 'parentheses', numbering: 'chapter', bibliography: { scope: 'chapter', fontSize: em(0.86), lineHeight: pt(10.6), entrySpacing: pt(1.5), labelAlign: 'right' } }; ``` ## Ingredienti **Insegna** - [Stili di paragrafo](https://postext.dev/it/docs/configuration-styles.md#stili-di-paragrafo): Stili con nome per gruppi di paragrafi distinti dal testo corrente: versi, epigrafi, dediche, firme, testo in corpo minore. - [Aperture progettate](https://postext.dev/it/docs/configuration-text.md#estensione-e-progetto-grafico-avanzato): Un titolo disegnato come una composizione libera di testo, filetti, riquadri e immagini, che riserva sopra il testo corrente l’altezza di cui ha bisogno. - [Bibliografia dai riferimenti](https://postext.dev/it/docs/document-format.md#citazioni-e-bibliografia): L’elenco delle opere citate, costruito dai riferimenti del documento (frontmatter o un blocco BibTeX) dove sta :::bibliography o dopo l’ultimo capitolo. **Usa anche** - [Citazioni in uno stile citazionale](https://postext.dev/it/docs/document-format.md#citazioni-e-bibliografia) - [Note a piè di pagina](https://postext.dev/it/docs/document-format.md#note-a-piè-di-pagina) - [Stile delle tabelle](https://postext.dev/it/docs/configuration-resources.md#stile-delle-tabelle) - [Tipi di risorsa personalizzati](https://postext.dev/it/docs/configuration-resources.md#tipi-di-risorsa) - [Stile delle didascalie](https://postext.dev/it/docs/configuration-resources.md#stile-delle-didascalie) - [Collocazione delle figure](https://postext.dev/it/docs/document-format.md#collocazione) - [Testatine e folio](https://postext.dev/it/docs/configuration-page-layout.md#intestazioni-e-piè-di-pagina) - [Testatine secondo il ruolo della pagina](https://postext.dev/it/docs/configuration-page-layout.md#elementi-di-testo) - [Stili di titolo](https://postext.dev/it/docs/configuration-styles.md#stili-dei-titoli) - [Attributi dei titoli](https://postext.dev/it/docs/document-format.md#attributi-dei-titoli) - [Una o due colonne](https://postext.dev/it/docs/configuration-page-layout.md#tipi-di-impaginazione) - [Formato della pagina](https://postext.dev/it/docs/configuration-page-layout.md#formati-di-pagina-predefiniti) - [Tavolozza di colori semantica](https://postext.dev/it/docs/configuration-fonts-colors-viewers.md#tavolozza-dei-colori) - [Esportazione in PDF](https://postext.dev/it/docs/configuration-programmatic-usage.md#generare-pdf) - [Citazioni che collocano le figure](https://postext.dev/it/docs/document-format.md#rimando-in-linea-la-forma-principale) - [Figure proprio qui](https://postext.dev/it/docs/document-format.md#inserimento-di-blocco-facoltativo-collocazione-in-linea-esplicita) - [Figura e Tabella nella tua lingua](https://postext.dev/it/docs/configuration-resources.md#tipi-di-risorsa) - [Font incorporati nel PDF](https://postext.dev/it/docs/configuration-programmatic-usage.md#perché-un-provider-di-font) - [Figure e tabelle come risorse](https://postext.dev/it/docs/document-format.md#risorse) - [Geometria della sezione](https://postext.dev/it/docs/configuration-styles.md#stili-dei-titoli) - [Tabelle dai dati](https://postext.dev/it/docs/document-format.md#inserimento-di-blocco-facoltativo-collocazione-in-linea-esplicita) - [Stili di tabella con nome](https://postext.dev/it/docs/configuration-resources.md#stili-di-tabella-con-nome) **La configurazione in breve** - [`bodyText`](https://postext.dev/it/docs/configuration-text.md#testo-corrente), [`captionStyle`](https://postext.dev/it/docs/configuration-resources.md#stile-delle-didascalie), [`citations`](https://postext.dev/it/docs/configuration-notes-references.md#citazioni), [`colorPalette`](https://postext.dev/it/docs/configuration-fonts-colors-viewers.md#tavolozza-dei-colori), [`footer`](https://postext.dev/it/docs/configuration-page-layout.md#intestazioni-e-piè-di-pagina), `footnotes`, [`header`](https://postext.dev/it/docs/configuration-page-layout.md#intestazioni-e-piè-di-pagina), [`headingStyles`](https://postext.dev/it/docs/configuration-styles.md#stili-dei-titoli), [`headings`](https://postext.dev/it/docs/configuration-text.md#titoli), [`layout`](https://postext.dev/it/docs/configuration-page-layout.md#impaginazione), [`locale`](https://postext.dev/it/docs/configuration-text.md#sillabazione), [`page`](https://postext.dev/it/docs/configuration-page-layout.md#pagina), [`paragraphStyles`](https://postext.dev/it/docs/configuration-styles.md#stili-di-paragrafo), [`resourceTypes`](https://postext.dev/it/docs/configuration-resources.md#tipi-di-risorsa), [`tableStyle`](https://postext.dev/it/docs/configuration-resources.md#stile-delle-tabelle), [`tableStyles`](https://postext.dev/it/docs/configuration-resources.md#stili-di-tabella-con-nome) **API** - [`LOCALES`](https://postext.dev/it/docs/document-format.md#citazioni-e-bibliografia), [`STYLES`](https://postext.dev/it/docs/document-format.md#citazioni-e-bibliografia), [`buildDocumentWithFonts`](https://postext.dev/it/docs/configuration-programmatic-usage.md#caricare-i-font-prima-dellimpaginazione), [`createCiteprocEngine`](https://postext.dev/it/docs/document-format.md#citazioni-e-bibliografia), [`decompressWoff2`](https://postext.dev/it/docs/configuration-programmatic-usage.md#provider-di-font-per-il-browser-fontsource--woff2), [`defaultResourceTypes`](https://postext.dev/it/docs/configuration-resources.md#tipi-di-risorsa), [`inlineSvgFonts`](https://postext.dev/it/docs/configuration-resources.md#font-nel-testo-svg), [`mergeCells`](https://postext.dev/it/docs/document-format.md#inserimento-di-blocco-facoltativo-collocazione-in-linea-esplicita), [`parseTSV`](https://postext.dev/it/docs/document-format.md#inserimento-di-blocco-facoltativo-collocazione-in-linea-esplicita), [`registerCitationEngine`](https://postext.dev/it/docs/document-format.md#citazioni-e-bibliografia), [`registerResourceImage`](https://postext.dev/it/docs/architecture.md#superficie-dellapi), [`renderPageToCanvas`](https://postext.dev/it/docs/configuration-programmatic-usage.md#rendere-una-pagina-come-bitmap), [`renderToPdf`](https://postext.dev/it/docs/configuration-programmatic-usage.md#generare-pdf) **Caratteri** - IBM Plex Serif (OFL-1.1), Libre Franklin (OFL-1.1), IBM Plex Sans Condensed (OFL-1.1) ## Preparazione ### 1 · Uno stile di paragrafo per ogni voce Il codice è [la risposta breve](https://postext.dev/it/cookbook/outbreak-report-bulletin.md#la-risposta-breve) qui sopra. Un rapporto di bollettino è scritto in più registri: i casi clinici, l’elenco di chi li ha segnalati, il commento della redazione. Racchiudere ogni tratto in `:::paragraphs{style="…"}` gli dà un aspetto senza toccare le parole, così la riga *Reported by* scende a un corsivo condensato da 7,8 pt fuori dalla griglia della linea di base, mentre i casi clinici conservano la tessitura del testo con le loro etichette `**Patient 1:**` nel colore d’accento. Le citazioni sono scritte `[@walzer1974]`; `american-medical-association` con `marker: 'parentheses'` le stampa come (1) ed elenca le opere in ordine di citazione, come faceva il settimanale, `numbering: 'chapter'` conta da 1 le citazioni di ogni rapporto e `scope: 'chapter'` mette sotto ciascuno il suo elenco con gli stessi numeri. ### 2 · Una testata che apre il primo rapporto ```js // script.js, righe 38–68 // Kicker and dateline are attributes of each report's H1; {titleText} read with inlineMarks // keeps the italic genus. The July report opens where June ends, under a double rule. const reportHead = (y, size) => [ text('kicker', '{attr.kicker}', LABEL, 8.5, { ...caps(8.5), color: col('accent'), placement: at('container', 'top-left', 0, y, MEASURE) }), text('title', '{titleText}', DISPLAY, size, { fontWeight: 800, lineHeight: 1.08, inlineMarks: true, placement: at('#kicker', 'below', 0, 2.2, MEASURE) }), text('dateline', '{attr.dateline}', LABEL, 9, { fontStyle: 'italic', color: col('muted'), placement: at('#title', 'below', 0, 2, MEASURE) }), ]; const masthead = { enabled: true, minHeight: mm(72), slot: { elements: [ { kind: 'box', id: 'band', style: { backgroundColor: col('accent') }, placement: { anchor: { to: 'page', edge: 'top-left' }, size: { width: 'fill', height: mm(49) } } }, text('series', 'A reprint series in public health history', LABEL, 8, { ...caps(8), color: col('paper'), placement: at('page', 'top-left', SIDE, 11, 120) }), text('number', 'Reprint No. 1', LABEL, 8, { ...caps(8), color: col('paper'), align: 'right', placement: at('page', 'top-right', -SIDE, 11, 50) }), text('wordmark', 'Surveillance Notes', DISPLAY, 50, { fontWeight: 800, color: col('paper'), letterSpacing: pt(-1), lineHeight: 1, placement: at('page', 'top-left', SIDE - 1, 18) }), text('issue', 'Two reports of June 5 and July 3, 1981: the first published accounts of ' + 'what became known as AIDS, as the Centers for Disease Control printed them', TEXT, 9.5, { fontStyle: 'italic', lineHeight: 1.3, placement: at('container', 'top-left', 0, 29, 92) }), text('contents', '**1** *Pneumocystis* Pneumonia — Los Angeles\n**3** Kaposi’s Sarcoma ' + 'and *Pneumocystis* Pneumonia Among Homosexual Men — New York City and California\n' + '**6** Notifiable diseases, week ending June 27, 1981', LABEL, 8, { inlineMarks: true, lineHeight: 1.3, boldColor: col('accent'), placement: at('container', 'top-right', 0, 29, 76), align: 'left' }), rule('rule-a', 46.5, 2), rule('rule-b', 48, 0.5), ...reportHead(52, 23), ] } }; const opener = { enabled: true, minHeight: mm(26), slot: { elements: [rule('rule-a', 0, 2), rule('rule-b', 1.5, 0.5), ...reportHead(5, 18)] } }; ``` La testata è il design dello stile di titolo del primo rapporto, quindi si stampa una sola volta, a pagina 1, e le testatine saltano quella pagina (`pages: 'body'`). L’occhiello e la riga della data vengono da attributi dell’H1 di ciascun rapporto, e il titolo è `{titleText}`: un elemento di testo con `inlineMarks: true` conserva il corsivo del genere nel titolo. Il rapporto di luglio si apre con gli stessi tre elementi sotto un doppio filetto. Il suo stile di titolo occupa tutta la larghezza con `spanBreak: false`, così il titolo si apre dove finisce il rapporto di giugno: le colonne sopra finiscono alla pari e il testo prosegue su entrambe le colonne sotto, come il settimanale faceva seguire un rapporto all’altro. ### 3 · Tre tabelle da testo separato da tabulazioni ```js // script.js, righe 439–472 const NUMBER = /^[\d,.()% –]*$/; // a column of counts aligns right, its heading centred const table = (tsv, headerRows, columnWidths) => { const model = parseTSV(tsv, { headerRows }); const numeric = model.rows[0].map((_, c) => model.rows.slice(headerRows) .every((row) => NUMBER.test(row[c].content))); return { ...model, columnWidths, rows: model.rows.map((cells, r) => cells.map((cell, c) => (numeric[c] ? { ...cell, align: r < headerRows ? 'center' : 'right' } : cell))) }; }; // Two header rows, as the weekly printed them: "25th week ending" spans two columns. const notifiable = [[0, 0, 1, 0], [0, 1, 0, 2], [0, 3, 1, 3], [0, 4, 0, 6]] .reduce((m, [r1, c1, r2, c2]) => mergeCells(m, { start: { row: r1, col: c1 }, end: { row: r2, col: c2 } }), table(NOTIFIABLE, 2, [3.6, 1, 1, 1, 1.1, 1.1, 1.1])); const added = 'Compiled for this reprint from the case reports; not part of the 1981 report.'; const res = (id, typeId, kind, placement, more) => ({ id, typeId, kind, placement, createdAt: 0, updatedAt: 0, ...more }); const resources = [ res('fig-timeline', 'figure', 'svg', { position: 'bottom', span: 'page' }, { svg: { fileId: 'timeline.svg', width: 1780, height: 490 }, caption: 'The five patients, September 1980 to May 1981, by month. The illness before ' + 'the pneumonia is counted back from the month of diagnosis, as each report gives it.', note: `Drawn by the editors. ${added}`, altText: 'A timeline of five rows, one per patient: Pneumocystis pneumonia diagnosed ' + 'between February and April 1981, two deaths in March and May.' }), res('tbl-cases', 'table', 'table', { position: 'top', span: 'page' }, { caption: 'The five case reports at a glance.', note: added, table: { model: table(CASES, 1, [0.7, 0.45, 1, 2.2, 2.4, 1.5]) } }), res('tbl-complaints', 'table', 'table', { position: 'bottom' }, { caption: 'Presenting complaints in 20 patients with Kaposi’s sarcoma', table: { model: table(COMPLAINTS, 1, [2, 1.15]) } }), res('tbl-notifiable', 'table', 'table', { position: 'here' }, { caption: 'Summary — cases of specified notifiable diseases, United States', note: 'Cumulative totals include revised and delayed reports through previous weeks.', table: { model: notifiable, styleId: 'weekly' } }), ]; ``` Ogni tabella è uno slot di contenuto con testo separato da tabulazioni, il formato che copia un foglio di calcolo, e `parseTSV` lo trasforma in un modello. Una colonna di conteggi si allinea a destra con l’intestazione centrata; quattro chiamate a `mergeCells` costruiscono l’intestazione su due righe del riepilogo delle malattie notificabili. Il tipo tabella fa ripartire il contatore a ogni H1 (`resetOn: 'h1'`), così ogni rapporto ha la sua «Table 1», come nel 1981. ### 4 · Un solo blu, collegato ovunque ```js // script.js, righe 17–21 const palette = { ink: '#1c1f24', accent: '#1f3f74', tint: '#e6eaf1', rule: '#a7b1c2', muted: '#566070', paper: '#ffffff' }; const col = (id) => ({ hex: palette[id], model: 'hex', paletteId: id }); const colorPalette = Object.entries({ ...palette, 'main-color': palette.accent }) .map(([id, hex]) => ({ id, name: id, value: { hex, model: 'hex' } })); ``` La fascia, le etichette, i folio, le intestazioni delle tabelle e il grafico nominano tutti la stessa voce della tavolozza, così chi sostituisce `accent` con il colore del proprio bollettino ricolora le sei pagine in un colpo solo. ## La ricetta completa Un unico file, composto a partire dalla cartella della ricetta con il testo di esempio e il kit comune del Ricettario già inclusi; costruisce la propria pagina. Per eseguirlo, mettilo in uno `