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:
    post_headline_linker_enabled: true

    # default values
    post_headline_linker_min_level: 1
    post_headline_linker_max_level: 6

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!