Added time taken feature

[vr-varad]

Notes for Reviewers

This PR adds reading time to all the levels.

1. The readtime is sent by JSON data as reading_time in minutes.

2. The readtime is showcased on the page level as:

3. The readtime is also being showcased in the module level and course level, but doesn't make sense because there is only metadata and no content, so it will be zero showing `less than a minute`

We could use hide_readingtime: true in the metadata so that the read time is not shown on these pages.
This change could be made on the archetype as well.

Signed commits

• Yes, I signed my commits.

[zihanKuang]

Hi Varad😊,
I think the terms "module" and "course" should be considered based on their usage.
For our Layer5 docs' overall section pages, even though they primarily act as navigation, they still include introductory content and explanations. In this case, showing a time estimate seems reasonable.
Also, it makes perfect sense that there's no time displayed for the "knowledge check" section.

However, if we only intend to use "course" and "module" as simple hierarchical distinctions, then we could remove the time display for these types.
By the way, it looks like the CSS for the time display is broken here.

[zihanKuang]

There's another question I'm not sure about it: when the site actually renders, does it use the Hugo YAML files from the theme repository or from the build repository? If it's the build repository, then we'd need to modify those files in the build repository, or is there some way to synchronize them?

[vr-varad]

There's another question I'm not sure about it: when the site actually renders, does it use the Hugo YAML files from the theme repository or from the build repository? If it's the build repository, then we'd need to modify those files in the build repository, or is there some way to synchronize them?

That is why I am sending it over JSON so it can be used as required @zihanKuang

[leecalcote]

@vr-varad this doesn’t exactly answer @zihanKuang questions or fully deliver the feature.

Merge conflict.

[vr-varad]

@zihanKuang
For academies, I tested it locally using the same changes mentioned above with this repo. It worked fine with just the changes made here in the theme, and I didn't need to make any changes elsewhere.
And I will be making the CSS changes required as well for "module" and "courses"

[leecalcote]

@vr-varad, offer a screenshot when the CSS is complete.

[vr-varad]

@zihanKuang

[zihanKuang]

Hi @vr-varad, what do you think about moving it above? I feel like since 'time' and the other tags aren't aligned anyway, we might as well move them outside the frame.🤔

[vr-varad]

Made the time taken above the tags and categories.
Also only visible on type module and page.
@zihanKuang

[zihanKuang]

LGTM