Please:

• align to the center the article title
• align to the center the breadcrumb trail and add more margins (currently they go beyond the page overall margins)
• change the within-article navigation: use the dropdown menu as shown on InVision

How it looks now:

How it should look:

When the within article navigation is longer than the viewport, it's impossible to scroll and see its content before reaching the very end of the article.
See here: https://tsh-website.netlify.app/tutorials/project-setup/principles-of-project-setup-and-workflow-management/directories/

Currently, menu items on hover are bold and orange. But they look too spaced out. Can you either keep them bold but without making them expand, or simply remove the bold entirely? The latter option would look like this:

• First-level categories in the building block menu from mobile look in a different font, probably acumin pro instead of Forma DJR
• They also appear black on hover and when clicked, instead they should be orange
• Please also adjust the margins between these menu items. Your version look much more condensed than the one on InVision

Yours:

InVision:

I have added an example shortcode.

• Please find a good icon (note: example is something that puts theory into practice; a few descriptives: put into action, example from practice, business practice, illustration)
• Please choose some proper background color and add to CSS.

Hi Arvind, there's an illustration now on InVision for the homepage. Can you please implement it?
Thanks

Once you click on an anchor link, the page jumps to the anchor shown at the very top of the viewport obviously. The problem is that we have a fixed navbar that covers everything behind itself. Can you make it jump below the navbar so that it's more clear and useful?
Thanks

Currently, images inside articles will take 100% of their size, regardless of whether they actually fit within the article boundaries (the white box essentially).

Could you force all images inside the article to take at max. the width of the white box?
See at https://tsh-website.netlify.app/tutorials/educational-support/edu-videos/equipment-edu-videos/

Add a description field at the beginning of an article, like this:

This can be used for SEO purposes and to fetch a description somewhere else on the website, like here:

Should be below the the menu bar and above the title and the article itself

Citations in the body work fine. However, if they're in an admonition (like in a summary in this example), they don't. See here: https://tsh-website.netlify.app/tutorials/other-category/implement-an-efficient-and-reproducible-workflow/finish/

Currently, there's some white space below the footer in pages under "Examples". The footer should have no bottom margin.

I have started having a menu hierarchy for tutorials.

- Project setup
   o Tutorial 1: Workflow principles
- Next project category
   o Some other tutorial

Yet, the menu renders this item twice. Once as a child to "project setup" (which is what we want), and once as its own menu item.

Last, when clicking on project setup --> principles, I get an empty page.

We correctly hide articles with the flag indexexclude set to true from the menu. However, they still appear in the mobile menu:

Set up git LFS or host data sets for Tutorials and Examples elsewhere (AWS S3?).

Clicking on Building Blocks or Examples on the menu link to their respective overview page. Add one similar for Tutorials (currently clicking on it does nothing).

• It can fetch similar articles automatically using the search functionality (same keywords or similar titles)

OR

• It can be an optional feature that we turn on/off manually on each article in case we have to manually specify what are the related articles

Currently, all images are missing from the articles.

They are located in the same folder where the article lies. For instance, the r.png missing in the screenshot above is located in the same folder of the article itself, r.md

We would like to keep this location for the images and avoid placing them in just one img folder at the root. The idea is that every piece of content (a tutorial for example) is self-contained. Everything that is used to render that article is in the same folder, including images.

Could you fix this?

Hi Arvind, we have some html pages (for instance at /tutorials/project-setup/principles-of-project-setup-and-workflow-management/structure_spotify_2018.html) that we would like to link from the articles. Howevere, the links don't work. I guess that's because Hugo is not treating them just as "assets" (for instance we have some .png files inside these folders too, and they work). How could we solve this?

Examples items look like child elements:

Instead, they should look like this:

please, invert the order of building blocks and tutorials in the footer to reflect the order on the navbar.
Tutorials, then Building Blocks, then Examples.

On mobile too:

On issue #30 you said that the search currently works with the titles only. However, that's not always the case.

I think the search function is not working properly.

For instance, we have some articles with "videos" in their titles but they don't show up in the search (no suggested articles found as shown below):

I'd say work on this issue together with #30.

The Building Block menu items have more padding around them, while the items under Tutorials and Examples are too close to the borders

Good margins:

Too close for Tutorials and Examples:

Set a line-height of 26px for footer items

On mobile, when all the menu is expanded or is very long, the content exceeds the viewport and won't scroll.

Fix the margins of these homepage headers and paragraphs (under the white boxes) on mobile.
How they look now:

How they should look:

• Could you make the left-menu on the about page to be fixed/sticky as it's done on the regular article pages?
• When clicked/on hover, could you make the menu items orange and not black?

Thanks.

Add the left menu for the navigation WITHIN the article

We sometimes included some keywords at the end of an article to make it discoverable through search and for SEO purposes.
Are those needed? Can we implement them as a tag at the beginning of the article (next to title, date, draft, etc.)?

The article page scrolling seems broken.

The overview page for Tutorials should follow a similar structure as the one for Building Blocks.

We should see the following structure:

When more than three subfolders are present inside a menu category (like in this Configure your computer example), the forth one is appended below the first but without proper separation. Please add some space between these.

• Could you please align the top margin of the items on the right with the top margin of the building block category on the left?
  This is how it looks now:
  

This is how it looks on InVision:

• Can you also avoid that the links get bold on hover? They can be just orange as in the rest of the website now.
  

Thanks!

Building Block article pages render correctly. However, those of Tutorials and Examples don't:

add old readme to root and do (critical) updates (e.g., broken links)

Please, link the Contribute button in the navbar to this repo link: https://github.com/tilburgsciencehub/tsh-website

Thanks

To save users a click

For instance, the Tutorials and Examples menus look empty.

Just keep the one on the left, outside the white box.

@andreantonacci, is this a styling issue?

## Keep in mind our key goals

Our platform focuses on __usability__ (i.e., ability to quickly copy-paste code or download templates), __speed__ (i.e., loading time), and __attractiveness__ (i.e., visual appeal, “state-of-the-art” look, good writing).

Our platform is a (classical) two-sided market.

1. We attract __novice and expert users__ that *use* our content in their work, and
2. We build a __community of content creators__ that have an outspoken vision on how to conduct science efficiently.

Seems the list has a smaller font size than the body...

This will only get bigger and bigger. Group by categories? Show only n links and add a "Show more" text at the bottom linking to the respective overview pages?

Currently, we can see that the tutorial "data sharing" appears on the left-menu while browsing another tutorial ("Principles of Project Setup and Workflow Management"), as if it was part of it, but it's not!

Similarly, when reading the "Data sharing" tutorial we see links to the other tutorial in the left-menu.

On the left-menu, we should only see link for the navigation WITHIN the same tutorial, not to other ones.

I guess that currently you're showing everything that is part of a same category: both tutorials are inside the same folder "Project setup".

There's a certain range of screen sizes (for instance at 1024 x 768) between the desktop version and the fully mobile one where some elements are glitchy:

On our old site, we've been using Admonitions, e.g., tips, warnings.

These rendered as something like this:

Please implement the usage of Hugo Admonitions (warnings, hint, etc.) in our site. The doc from Hugo can be found here.

https://gohugo.io/contribute/documentation/#warning-admonition

I tried using the flags {{ < note > }} as described in the docs, but that renders a server error.

Make the title and the left-menu FIXED. They should always be there, they should not scroll down together with the article. Only the article scrolls down.

Middle links (like "Share your results and project") in breadcrumb trails don't work because there are no specific page for them. Instead of showing a 404, just link to the relevant overview page.