Missing features:

• language indicator;
• theme switch;
• copy button;

Seems like there is some issues with drag'n'drop action used in fullscreen gallery view.

Implement generative background using Houdini CCS Paint API.

To use worklet in Vite: https://vitejs.dev/guide/assets.html#importing-asset-as-url
Use this worklet as reference.

Implement RSS feed. use this article as example.

Right now the native <input type="checkbox /> is being used for content filter. As the effect immediate the switch should be used. Also, the checkbox styling is quite limited.

• This design should be used as inspiration;
• implementation should use this article as a guide to do this right.

To indicate the page info the header should be implemented. It would improve the layout considerably and give more information for a user. It should look like here .

The responsiveness should be considered. Should it be wide as the screen or have maximum width?

Set build time at footer during build using env.
Solution seems to be here.

Sketch page should have:

• play/pause shortcut the same way as video: spacebar should be a good choice;
• fullscreen mode using F11 key;
• reset using ctrl + R or ctrl + Z.

find function should have optional options object to specify limit and sort functionality.
sort should pass an object key and number to describe asc or des:

{
  limit: 5,
  sort: {
    "object-key": -1
  }
}

After that, to sort the data:

items.sort((a, b) => (a.key> b.key ? Number(sort) : 1));

Also, the sort and limit options should be validated.

Calculate article reading-time metadata.

The algorithm:

• Get total word count;
• Divide total word count by {238} - this is the average reading rate and get minutes;
• Pay attention to images, {12 sec} each etc.

Implement and use image preprocessor. Managing images for gallery and blogpost should be handled by preprocessor.
Use this project as a reference. Do not forget to add this project in attributions section.

Вместо этого происходит переход на главную страницу

Design tokens used in <code /> blocks should be implemented and places in theme tokens.

Right now the each Canvas component create it's own instance of ResizeObserver and IntersectionObserver, which may eat up resources. The observers should be extracted out to have one instance of each observer for every Canvas instance.