Dev Tools Filtering

[bobur-khay]

• Divided the tools in 3 groups: Thing Description, WoT Development and Others
• Each group has subgroups
• Each subgroup consists of a title, description and a table of the tool names, descriptions and the programming languages associated with them
• Created filters for categories, obsoleteness and programming language
• Added 2 new tools from Adding OSS projects from Christian Jaller #531
• Added 5 new tools from Adding wot-oss tools to developers page #526

I was suggested to use the filtering panel from JSON Schema but I came to the conclusion that using that amount of space for the only 3 filters is not worth it. The current implementation is the most efficient space usage imo.

[netlify]

✅ Deploy Preview for wot-marketing ready!

Name	Link
🔨 Latest commit	31f61eb
🔍 Latest deploy log	https://app.netlify.com/projects/wot-marketing/deploys/698358972ecfcc000892a3e8
😎 Deploy Preview	https://deploy-preview-542--wot-marketing.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[danielpeintner]

May I ask some questions w.r.t. images that are used for programming languages

• Do we need images or is it sufficient to use text
• I would never use a path with spaces "docs/images/programming languages/" --> better use hyphen
• The netlify preview of images does not work (see https://deploy-preview-542--wot-marketing.netlify.app//developers/). I assume it works locally
• we are mixing png and svg (might not be a problem)

[bobur-khay]

May I ask some questions w.r.t. images that are used for programming languages

• Do we need images or is it sufficient to use text
• I would never use a path with spaces "docs/images/programming languages/" --> better use hyphen
• The netlify preview of images does not work (see https://deploy-preview-542--wot-marketing.netlify.app//developers/). I assume it works locally
• we are mixing png and svg (might not be a problem)

• Good point on images. Substituted with text. Looks better.
• Also a good point on path names
• @egekorkan said it's a known issue with netlify deployments

[danielpeintner]

FYI: You still link to images.. it looks like text on https://deploy-preview-542--wot-marketing.netlify.app//developers/ because the browser shows the alternate text if it cannot find the image which is now the case...

[bobur-khay]

FYI: You still link to images.. it looks like text on https://deploy-preview-542--wot-marketing.netlify.app//developers/ because the browser shows the alternate text if it cannot find the image which is now the case...

That is still the old version, there is a deployment issue right now that I am working on.

[bobur-khay]

Build fixed, could you have a look again please @danielpeintner

[egekorkan]

Sorry I got to review only now. Some remarks:

• Filtering based on the platform would be good. E.g. Playground and EdiTDor are mainly browser facing tooling. Can be a separate PR.
• Documenting the criteria for obsolete and making this visible on the page.
• tmtd and wot-dtdl are not Other but more on the Thing Description category for me.

Otherwise, I really like the clean design and using yaml file to manage it all.

[bobur-khay]

Sorry I got to review only now. Some remarks:

• Filtering based on the platform would be good. E.g. Playground and EdiTDor are mainly browser facing tooling. Can be a separate PR.
• Indicating the
• Documenting the criteria for obsolete and making this visible on the page.
• tmtd and wot-dtdl are not Other but more on the Thing Description category for me.

Otherwise, I really like the clean design and using yaml file to manage it all.

• Created an issue for that Filtering dev tools based on platform #544
• The sentence of the second point is cut off

[egekorkan]

The sentence of the second point is cut off

Sorry, removed it now :)