quarto-dev / quarto-dev/quarto-cli

Improve branding of single page HTML documents

Offen
#11,627 5 Kommentare 6 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

brand enhancement html
Vorherrschende Sprache
JavaScript
Sterne
6k
Forks
458
Ø Merge
1 T. 9 Std.
Gemergte PRs (30 T.)
41

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
design, frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.