Skip to content

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 Home page), paste this style block somewhere on the page:

1
2
3
4
5
<style>
    .md-typeset h1 {
        display: none;
    }
</style>

Images

Logo Size

When embedding a site logo in a page (like on the Home page), the sweet spot seems to be 300px for the image width so that it doesn't look "off". Or, it may be that the image height is 150px. Need to experiment with other logos on pages.

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:

1
2
![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)