Knowledge Base

Preserving for the future: Shell scripts, AoC, and more

add outbound link icon on links

tl;dr

Add to your css the following.

@font-face {
    font-family: "SymbolsNerdFont";
    src: url("../fonts/SymbolsNerdFont.ttf") format("truetype");
}
a:not(:has(img))[href*='/outbound/']:not([href^='/']):after,
a:not(:has(img))[href^='http']:not([href^='https://bgstack15.ddns.net']):after
{
    font-family: SymbolsNerdFont;
    content: "";
    padding-left: 0.25rem;
}

Add to your ../fonts directory SymbolsNerdFont.

For me

I had to add that css to my nikola theme assets/css/blog.css file.

I also had to place the aforementioned font file to assets/fonts. Then a normal build and deploy adds the new feature!

Inspiration

I was inspired when I saw Suggested Mods - 0x7be.de. I like the idea of making it clear when you're going to leave my site. I don't want you to leave my site; my site is the only one of consequence.

Comments