feat: old content warning

[ericswpark]

WIP, needs styling on the alert div. Basic functionality works

Closes #250

[ericswpark]

Forgot to mention but thanks to https://brunty.me/post/display-message-on-old-hugo-entries/ for the original code.

@lxndrblz @SchabrechtsK please let me know if this implementation is okay and please help me with styling. I'm not sure what will look good. Right now the text is inserted right above the content, without any visual distinction which might look odd.

[lxndrblz]

@ericswpark Thanks! I'll take care of the CSS styling.

[ericswpark]

I changed the implementation so it now displays the age of the post rather than the duration cutoff, which looks better IMHO at conveying the age of the post. Also moved the string to i18n.

Should we consider allowing users to customize the outdated content message shown? Or should we just display the generalized outdated statement?

[lxndrblz]

@ericswpark I would leave it a default message and not customizable.

Personally, I would change the wording to include the value set in the old content duration and emphasis the "over", because the problem of this static approach is that if a user does not rebuild their sites daily, the information would be incorrect.

[lxndrblz]

@ericswpark Just pushed some basic CSS styling:

What do you think?

[ericswpark]

@lxndrblz

Personally, I would change the wording to include the value set in the old content duration and emphasis the "over", because the problem of this static approach is that if a user does not rebuild their sites daily, the information would be incorrect.

I haven't even considered that! I'll change it back to the original wording.

...

What do you think?

Looks good. Maybe we can make it yellow-colored to better distinguish it as a warning on the page.

[ericswpark]

@lxndrblz here's the alert with the new changes:

The "!" indicator wasn't centered vertically in the circle and I couldn't find a way to center it with padding so I just changed the height to center the indicator I totally meant to make it sideways-oval shaped; it looks better right?

Also added fix for redefined post section name.

[lxndrblz]

We should also add the remaining translations before this goes live.

[ericswpark]

@lxndrblz wouldn't it be better to make it a pinned issue? Translators can't tack on translation commits to this PR unless they are a maintainer of the repository and getting all the translations in will take a lot of time unless we can contact all the previous translators. Since the feature is disabled by default I think translations will trickle in as people enable it and see that there is no translated string.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[lxndrblz]

@ericswpark LGTM! Thanks for all your help.

[agilix]

Very nice! Thanks for the hard work @ericswpark !
Personal circumstances prevented me from working at all. Great to see it in here 😄