[Python] Logo/brand not displaying in Quarto html document in Python

Discussão em 'Python' iniciado por Stack, Dezembro 19, 2024.

  1. Stack

    Stack Membro Participativo

    Using python kernel and running in vscode to render quarto html document with logo in it but its failing to display the logo in it even after successful rendering of the document. Quarto supporting docs I am referring is link

    qmd header section I am using:

    title: "Test Report"
    author: "HQ"
    format:
    html:
    fontsize: 10pt
    code-overflow: wrap
    embed-resources: true
    smooth-scroll: true
    code-tools:
    source: false
    toggle: false
    caption: none
    toc: true
    toc-location: right
    echo: False
    warning: False
    message: false
    jupyter: python3
    theme:
    light: lux
    dark: slate
    brand: brand/_brand.yml
    include-in-header:
    - text: |
    <style>
    .cell-output-stdout code {
    word-break: break-wor !important;
    white-space: pre-wrap !important;
    }
    </style>


    I have brand folder in this project where it is running and within that I am keeping the _brand.yml file and the logos png files [​IMG]

    _brand.yml file content:

    color:
    palette:
    blue: "#ddeaf1"
    background: blue
    logo:
    medium:
    light: brand/logo-HQ.png
    dark: brand/logo-HQ-dark.png


    Terminal log:

    pandoc --output Test_branding.html
    to: html
    standalone: true
    embed-resources: true
    section-divs: true
    html-math-method: mathjax
    wrap: none
    default-image-extension: png
    toc: true

    metadata
    document-css: false
    link-citations: true
    date-format: long
    lang: en
    title: Test Report
    author: HQ
    smooth-scroll: true
    toc-location: right
    message: false
    jupyter: python3
    theme:
    light: lux
    dark: slate
    brand: brand/_brand.yml
    fontsize: 10pt

    Output created: Test_branding.html


    I am not sure what is wrong with this as I am trying it for 1st time and have followed the documentation.

    Continue reading...

Compartilhe esta Página