Free sets of cat icons for you to use. Put this css file between the <head>
tag:
<link href="https://raw.githubusercontent.com/smolcodes/java-blog/master/src/css/healyicon.css">
To use these icons, place the prefix healy
(that’s the name of this icon set) inside a tag
as a class followed by the size and the name of the icon. I’d recommend using span
as that is the most semantically correct and accessibble. These are cute cats after all.
The icons come in three sizes: healy-smol
(40px by 40px), healy-reg
(64px by 64px) and healy-big
(96px by 96px).
Here’s an example with the healy-hey
icon.
<!--The code.-->
<span class="healy healy-smol healy-hey"></span> <!--Small-->
<span class="healy healy-reg healy-hey"></span> <!--Medium-->
<span class="healy healy-big healy-hey"></span> <!--Large-->
This is the result
A list of all the icons
General Style #
italic bold
- this is
- an
- unordered list
- One
- Two
- Two point 1
This is a general quote
This is a yellow call out. I think I should use this to point out something important
This is a blue call out. I use this as a warning for books but that’s not really great. I need to figure this one out
This one is pink and it is the only obvious one, it is an important warning.
This is a green call out. I use this as a warning for books but that’s not really great. I need to figure this one out
This is a purple call out. I use this as a warning for books but that’s not really great. I need to figure this one out
Shortcodes for this site #
- Footnotes
Place where you want the item to have the footnote to go
{% footnoteref "anchorTag","Foot Note" %}Some Word{% endfootnoteref %}
Place at end of post
{% footnotes %}
- Images
{% Image "catsarecute.jpg", "Description of said cute cat" %}
- Add math
Place \\( in front of the math and \\) at the end of the math for inline math.
For stand alone use $$ in the beginning and end.
- Add table of content
Place toc: “true”
in front matter