Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve branding of single page HTML documents #11627

Open
cwickham opened this issue Dec 6, 2024 · 3 comments
Open

Improve branding of single page HTML documents #11627

cwickham opened this issue Dec 6, 2024 · 3 comments
Labels
brand `_brand.yml` enhancement New feature or request html Issues with HTML and related web technology (html/css/scss)

Comments

@cwickham
Copy link
Collaborator

cwickham commented Dec 6, 2024

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

@cwickham cwickham added brand `_brand.yml` enhancement New feature or request html Issues with HTML and related web technology (html/css/scss) labels Dec 6, 2024
@cwickham cwickham changed the title Improve branding of standalone HTML documents Improve branding of single page HTML documents Dec 6, 2024
@cscheid
Copy link
Collaborator

cscheid commented Dec 9, 2024

I'd like for single documents to support sidebars and navbars (optionally), and then we'd get that for free.

@send2dan
Copy link

I spent quite some time today trying to get logo to display in a stand-alone HTML pages as it's not entirely obvious that sidebars and navbars aren't affected through _brand.yml

@cwickham
Copy link
Collaborator Author

@send2dan To be clear, sidebars and navbars are affected through _brand.yml, but the only way to get them is through a website project, not stand-alone HTML pages.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
brand `_brand.yml` enhancement New feature or request html Issues with HTML and related web technology (html/css/scss)
Projects
None yet
Development

No branches or pull requests

3 participants