about/docs/handbook/meta/tricks.md
2025-06-05 13:46:53 -04:00

1 KiB

Tips + Tricks

Some handy tips and tricks when working on this site:

Custom HTML

Hide page title

To hide the title on a page (like on the :octicons-arrow-right-16: Home page), paste this style block somewhere on the page:

<style>
    .md-typeset h1 {
        display: none;
    }
</style>

Images

Logo Size

When embedding a site logo in a page (like on the :octicons-arrow-right-16: Home page), the sweet spot seems to be 300px for the image width so that it doesn't look "off".

Different images for dark/light mode

You can use #only-dark to only show an image in dark mode, and #only-light to only show an image in light mode. For example:

![StarCat Systems Logo-dark](https://cdn.starcat.systems/logos/Starcat_Systems-Head_Circle_Name-212121_Black-300x150px.svg#only-light)
![StarCat Systems Logo-light](https://cdn.starcat.systems/logos/Starcat_Systems-Head_Circle_Name-FFFFFF_White-300x150px.svg#only-dark)