quarto-dev / quarto-dev/quarto-cli

Improve branding of single page HTML documents

Aperta
#11,627 5 commenti 6 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

brand enhancement html
Lingua principale
JavaScript
Stelle
6k
Fork
458
Merge medio
1g 9h
PR unite (30g)
41

Descrizione

An easy entry point to Quarto for a lot of people is stand-alone HTML pages (as opposed to HTML pages in a website).
These currently get minimal impact from brand particularly for brands with black text on white backgrounds.

Example

_brand.yml

color:
  primary: "#447099"
logo:
  small: Posit-Logos-2024_horiz-white.svg

A standalone HTML page:

---
title: Standalone document
author: Charlotte Wickham
---

## Introduction

<http://quarto.org>

{{< lipsum  1 >}}

Current treatment:
Image

Suggestions

One approach might be to fake a "navbar" just to add a band of color and logo. E.g. equivalent to adding _quarto.yml:

project: 
  type: website

website:
  search: false
  navbar: 
    pinned: true

Image

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Reproduce the standalone HTML example with _brand.yml, then compare its branding with the suggested _quarto.yml website/navbar treatment. Start from the standalone HTML rendering entry point in the Quarto CLI; done means standalone pages visibly apply the configured brand color and logo without requiring a website project.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript
Ambito
design, frontend
Tipo di issue
Funzionalità
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.