Headline Anchors

DEPRECATED in Statie 4. Will be removed in Statie 5.0.

Do you want to share link to 3rd paragraph of the post?

When your hover any headline, an anchor link to it will appear on the left. Just click & share it!

Headline Anchors

Note: this applied only to Generated Elements (e.g. posts etc.), not to standalone pages (e.g. index, contact).

How to Setup?

Enable it in statie.yml

# statie.yml
parameters:
    markdown_headline_anchors: true

Add style to your css

Feel free to modify this sample to your needs:

/* anchors for post headlines */
.anchor {
    padding-right: 0.3em;
    float: left;
    margin-left: -0.9em;
}

.anchor,
.anchor:hover {
    text-decoration: none;
}

h1 .anchor .anchor-icon,
h2 .anchor .anchor-icon,
h3 .anchor .anchor-icon {
    visibility: hidden;
}

h1:hover .anchor-icon,
h2:hover .anchor-icon,
h3:hover .anchor-icon {
    visibility: inherit;
}

.anchor-icon {
    display: inline-block;
}

That's it!