Add resource section

[ctmbl]

Heavily draft for now

Non exhaustive TODO:

• create /resources
• create drop down for various resources types
• use shortcodes instead of unsafe render goldmark parameter
• add /resources to menu
• explore better options for resources listing
  • update /layouts/resources/resources.html to recursively display /resources sections and pages
    https://gohugo.io/content-management/sections/
    https://gohugo.io/methods/page/issection/
  • recursively list sections in details/summary block
  • use nested sections and hierarchic pages
• add a taxonomy to resources:
  • either: tags and update the tags taxonomy list to separate posts and resources
• disable reading time for this page
• add hierarchic history at the top page like (but not exactly like):
  
  reported to Define /resource UX design #72
• sort /tags by alphabetical order instead of grouping by date (tags assoicated with resoyrces only don't have date)
• create a very basic resource page see Define /resource UX design #72 for future ideas about it

References

Non exhaustive list of resources I used:

about target and _blank vuln:

• https://stackoverflow.com/a/17711167
• https://dev.to/ben/the-targetblank-vulnerability-by-example
• https://mathiasbynens.github.io/rel-noopener/

dropdowns:

• https://dev.to/asyraf/how-to-add-dropdown-in-markdown-o78

GMF:

• https://github.github.com/gfm

about unsafe:

• https://discourse.gohugo.io/t/raw-html-omitted-in-templates/43375/9
• https://gohugo.io/getting-started/configuration-markup/#rendererunsafe
• https://github.com/yuin/goldmark?tab=readme-ov-file#built-in-extensions :

  This extension does not filter tags defined in 6.11: Disallowed Raw HTML (extension). If you need to filter HTML tags, see Security.

• https://github.com/yuin/goldmark?tab=readme-ov-file#security

CSS and hugo layout:

• https://iscsc.fr/posts/introducing-poison/#custom-css
• https://iscsc.fr/posts/introducing-poison/#the-sidebar-menu
• https://gohugobrasil.netlify.app/themes/customizing/
• https://gohugo.io/templates/types/#structure layout folder structure
• https://gohugo.io/templates/content-view/#which-template-will-be-rendered template look order priority
• https://gohugo.io/templates/lookup-order/ template look order priority (also)

[ctmbl]

WIP visual rendering

[ctmbl]

@ZynoXelek @atxr @Turtyo
you can check out the first iteration of the resources here: https://dev.iscsc.fr/ (in the left panel)

[ctmbl]

the hierarchy history, sort of path in the resources, is called a breadcrumnb in english:

• https://gohugo.io/methods/page/ancestors/ an example of such a breadcrumb in HUGO
• https://www.frontendplanet.com/css-breadcrumb-examples/ examples of breadcrumb CSS

[ZynoXelek]

Nice-looking and functionnal implementation!