chicio / chicio.github.io Goto Github PK

Change the home background from the htreeejs scene to a particle background.
Use https://github.com/matteobruni/tsparticles.
Use https://github.com/GoogleChromeLabs/react-adaptive-hooks to load only if device can.

Hide blog header on scroll down.
Show header on scroll up.

• Wrap the design system call to action and links in a component with tracking incorporated.
• test it with react testing library

I need to detect object shape by using SURF theorem Opencv by using C++. Could you please guide me.

Describe the bug
Recent post cards on table lost margins. Probably related to the new media query system introduced.
Show logo header in menu on mobile version

Introduce storybook for visual testing.

https://www.gatsbyjs.com/docs/how-to/testing/visual-testing-with-storybook/#writing-stories

Before July 2023 I need to migrate to.

Info: https://support.google.com/analytics/answer/11583528

Try some of the advices contained in the page below to speed up more the website.

https://www.gatsbyjs.com/docs/how-to/performance/improving-site-performance/

New responsive hamburger menu. Needed in order to add more entry to the menu on mobile and desktop.

Gatsby 4.0 is out. Migrate to this new version.

https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v3-to-v4/

Introduce test using react testing library.
Add new CI workflow.

https://www.gatsbyjs.com/docs/how-to/testing/

Create a design system using styled components.

https://styled-components.com/docs/basics#extending-styles
https://styled-components.com/docs/faqs#how-can-i-override-styles-with-higher-specificity

Centralize media queries with styled components

• Update library and remove "easy" plugins
• Fix background scroll

Refactor the HEAD component (it's a mess right now).

Hi! 👋🏽

I recently found your blog post "A physically based scene with three.js" and found it very interesting - thanks for writing it!

Because it's a post from 2017, when I was trying to reproduce the example, I had to dig into the old blog repo to find the models and into the three.js versions to find a compatible one. Took me some time but I managed to do it. 🎉

I'm opening this issue to request an update to the blog post and to this repo to provide up-to-date instructions so that others can continue to enjoy and learn from it.

I created a sandbox with an HTML setup that works in case you want to copy it.
There are some warnings related to deprecated properties, I didn't investigate deeper on those, but the example runs fine.

The assets are located in the old repo. They're also included in the sandbox.

If I may, I'd suggest linking the sandbox in the blog post - you can either link mine or fork it and link from your account.
In any case, I think it's much easier to present the post with a runnable example.

Let me know if I can help with anything regarding this. 🙌🏽

Thanks for the post once again.
Best regards!

Introduce a new section that show all my drawing works.

Prepare art page to accommodate official logo Chico Art logo

Improve:

• gatsby-config
• gatsby-node
• graphql queries
• component with urls reference

Centralize url and data definition in the src/logic folder

New article about iOS widget I’m developing with Marco.

Migrate from react helmet + custom SEO component to native GatsbyJS component.

INFO: https://www.gatsbyjs.com/docs/how-to/adding-common-features/adding-seo-component/

NOTE: wait to see the usage before starting the migration.

Fix timeline layout on mobile