[Feature]: alternative navigation

[hannesdatta]

Contact Details

h.datta@tilburguniversity.edu

Is your feature request related to a problem? Please describe.

Our site is great for users that KNOW what they're looking for. It is less suitable for discovery of new things.

I suggest we pilot a new way to navigate the site. It is not meant to replace our current navigation, but could potentially become a new landing page in the future.

Check out: https://www.cmdmethods.nl/

This site gives an overview of methods w/ nice looking images along the process of conducting research.

We can do the same for our site, using the categories from the building block menu as categories, and reading the content of these "cards" from the meta data in our .md files.

Describe the solution you'd like

I suggest the following steps:

1) Draft a HTML template for the UI of this page on a separate development branch at TSH. It should neatly fit in our current site, and will be the first stepping stone into reading in content automatically using Hugo. 2) Check out web-scraping.org and our article database (https://web-scraping.org/docs/databases/publications/), https://github.com/hannesdatta/webdata-website - the code for this may serve as a first dev step for making our menu interactive and clickable. We could also interact w/ our developer to make this happen. The crucial thing compared to web-scraping.org is that the data should come from the meta data of our md files. 3) Once we have this done, we can slowly add fields to the .md docs to make them have the content we need, such as "why", "how", etc.

Describe alternatives you've considered

No response

Additional context

No response

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

[hannesdatta]

@thierrylahaije - please paste some screenshots & HTML file here

[hannesdatta]

Deliverables for next meeting:

• new development branch on our main TSH site
• @hannesdatta can create netlify deploy for preview
• content will be based upon md files w/ a COLOR per category (defined in some template file)
• try to move closer to the tsh color schemes
• have filter option like on cmdmethods.com

[thierrylahaije]

Template TSH NAV

template-tsh.zip

[hannesdatta]

Next to do:

• fork the dev branch 610-feature-alternative-navigation
• integrate the tsh template from above in the new folder "view" (section.html)
• no need to really make the content appear yet (I can do that)
• adapt color scheme so it "blends" a bit with what we already have

Steps after this:

• @hannesdatta and @thierrylahaije will jointly try to populate the page with some content
• we can then define the next steps

[hannesdatta]

Thierry added a fork here and worked on it.

Next development steps:

• [ ] implement as an alternative view for now, not as a replacement
• [ ] needs to flatten our hierarchy -- no second or third layer, just use all of the content with a particular flag
• [ ] at the top level, show a mixture of all cards (default)
• work on card layout
  • [ ] front: title and card text
  • [ ] only open when click (more details, related articles, etc. - but we will laterdecide on how to fill this)
  • [ ] have buttons for sharing appear only after click: should be share, but also save (functionality does not need to be there yet)
• dynamic capabilities
  • [ ] have shuffle cards button for exploration
  • [ ] cards need to have some animation to trigger activity (see cmdmethods.nl) [optional]

Goal: an inspirational view of our content, but it does not need to be ALL of our content as of yet.