I suggest that for ingredients such as flour, a list of sub-ingredients should be shown (eg. all purpose, wholewheat, einkorn, etc.) and in these sub-ingredients' pages a link would take you back up.

This could be implemented a bit like in Paradise - a Parent ingredient for each ingredient, which can be blank, and then autogenerate everything from there.

Hello!

Problem: Grimgrains loads 4.64mo of images on the homepage for the 247 ingredients listed. It makes the page too heavy to load on small connection when loaded for the first time.
Solution: It would be easier for slow connections to lazy-load those images using the loading="lazy" attribute on images. This way browsers who support this feature will only load images in the viewport, which will result in less data to load and see the top of the website.

Thanks!

In the About page, it is stated that the content of Grimgrains is copyright with all rights reserved.

Perhaps it would be good to replace this with the MIT license terms as this is Grimgrains' license? The wording is technically true as is, but it would help if the MIT terms were explicitly stated / referenced.

Hello here!

Grimgrains has small accessibility issues that are quite easy to fix.

Important issues:

1. Provide a visible focus on links with images
   Problem: The website has an outline:none rule on the html tag that makes using tab for navigating interactive elements (like links) impossible.
   Solution: remove outline:none to let the native browser focus style work. Or style it in a way that is close to the text links that goes from an solid underline to a dotted underline.

2. No h2 on homepage.
   Problem: There are two h1 on the home page and several h3, but no h2.
   Solution: Ingredients and Recipes should be h2 and another h1 should be before them.

Less important / cosiness issues:

3. 
   
   are vocalized as "blank"
   Problem: Several recipes use
   
   for line breaks but nvda on firefox vocalizes it as "blank".
   Solution: on one of the br (or all of them actually) add an aria-hidden true: <br aria-hidden="true">

4. Double links in the list of ingredients
   Problem: When navigating with nvda + firefox (ex: https://grimgrains.com/site/black_sesame_brittle.html), the list of ingredients is vocalized two times as they are two texts inside the link. It says "link brown sugar" and "link 45g".
   Solution: put the quantity outside of the link while keeping it in

Please ask if you have any question!

I found this strange typo on the page for pumpkins

Pumpkins are also cultivated for their and oils.

As the title says!

Please help them.

The 404.html redirection is a little odd. Steps for reproduction:

1. Go to https://grimgrains.com/coffee jelly
2. Observe that the redirection leads to https://grimgrains.com/#coffee20jelly instead of https://grimgrains.com/#coffee+jelly

Perhaps a mini URL-de-escaper could fix this?

Reproduction steps:

1. Go to https://grimgrains.com/#pumpkin+seeds
2. Look under the 'Related Ingredients' heading

Instead of just similar ingredients being displayed, pumpkin seeds are listed. This is odd, as we are on the pumpkin seeds page.

I will fix this ASAP in a PR.

Relevant code in this function

In the flour page, a similar ingredient is gluten flour. However, clicking the link leads to a 404 page, and ingredients.ndtl has no entry for it.

Gluten flour listed (just before end of list):

404 page:

Make all ingredient images visible, even if not used in recipes.

-Make ingredient text clickable
-Make ingredient image appear in description

Hi, I think the link to "mushrooms" on https://grimgrains.com/site/nutrition.html is intended to point to https://grimgrains.com/site/mushroom.html. Thanks so much for sharing your work and ideas ❤️

Broken link: https://grimgrains.com/site/bamboo_powder.html
In https://grimgrains.com/site/uzumaki_hummus_bites.html

Thank you for sharing yourself with me

Many browsers don't display the dark theme of GrimGrains by default.
I'd like to suggest adding a button which changes the theme using only CSS & HTML like how Invidious does it.

I once added around 1-2 tsp of turmeric to my dumplings when I made them (with your recipe, but using a 50/50 mix of wholewheat and plain flour) and they emerged with red centres! The turmeric was leeched out of the outer parts of each dumpling, but the middle was a beautiful red.

Unfortunately I haven't replicated this, but if I get a consistent recipe I will update these numbers and potentially open a PR.

It has been found by the Canadian, US, and UK governments that hijiki seaweed "contains a significant level of inorganic arsenic".
Furthermore, the US government states that "consumption of hijiki seaweed would significantly increase daily dietary exposure to inorganic arsenic. Consumers are therefore advised not to eat hijiki seaweed." (emphasis mine)

I suggest that hijiki be removed from Grimgrains - this would mean a recipe would have to be modified, but I believe that that is OK given the dangers.

These sauces could be useful, and I think it may be good to add recipes for them.

Relevant line: recipes.ndtl#127

(Just noting this here, might open a PR later)

The link to the "wasabi" page from the second-last bullet point on the "Sweet Mock Eel Nigiri" page doesn't work, as the wasabi page doesn't exist:

https://grimgrains.com/site/sweet_mock_eel_nigiri.html

links to:

https://grimgrains.com/site/wasabi.html

which doesn't exist.

I am working on a PR (#28) for better accessibility and found that links with only onclick attributes can't be selected using the tab key, so href is probably better.
However, lots of links in Grimgrains look like this:

<a href='#${name.to_url()}' onclick="Ø('query').bang('${name}')">
...
</a>

(scripts/templates/home.js:63)

This seems redundant; having only one of the two works OK for me (but I haven't tested all links).
Perhaps it would be a good idea to switch to either

<a href='#${name.to_url()}'>
...
</a>

or

<a href="javascript:Ø('query').bang('${name}')">
...
</a>

https://grimgrains.com/site/veganaise.html doesn't seem to link to the recipe properly and contains info about tofu, idk if that's intentional.

If you have any question, you can find us on on Mastodon.

When visiting a page which does not exist - https://grimgrains.com/#this+page+does+not+exist - the page loaded has a title of undefined, and no content.
Perhaps this edge case could be detected and redirected to a 404 page?

Example (Google Chrome on Chromebook):

On these two recipes:

• https://grimgrains.com/site/roasted_carrots_with_beluga_lentils.html
• https://grimgrains.com/site/sweet_mock_eel_nigiri.html

they each have a broken link to

• https://grimgrains.com/site/Japanese_rice_vinegar.html

where it seems that the capital J should instead be a lowercase j to fix the link:

• https://grimgrains.com/site/japanese_rice_vinegar.html

https://grimgrains.com/site/sambal_oelek.html 404s

That link is from the bottom of this recipe
https://grimgrains.com/site/shepherds_pie.html

Enable page jump, for nutrition page, or other pages with a lot of content.