TimRoussilhe

  grid-template-columns: repeat(auto-fill, minmax(min(425px, 100%), 1fr));

TimRoussilhe

// vertex
vec3 pos = position;
float angle = atan(mouse.y - pos.y, mouse.x - pos.x);
float distance = length(mouse - pos);
float radius = ... (distance min pour déclencher l'effet)
float displacement = ... (distance max que la particle peut bouger)
float strength = clamp(distance / radius, 0.0, 1.0) * displacement;
pos += strength;

TimRoussilhe

window.lazySizesConfig = window.lazySizesConfig || {};
lazySizesConfig.init = false;
lazySizesConfig.loadMode = 1;

import lazySizes from 'lazysizes';
import 'lazysizes/plugins/respimg/ls.respimg';


lazySizes.init();

TimRoussilhe

/* global  document window */

const body = document.body;

function getOffset(el) {

	const scrollY = window.scrollY || window.pageYOffset;
	const scrollX = window.scrollX || window.pageXOffset;

	let viewportOffset = el.getBoundingClientRect();

TimRoussilhe

{
	// "workbench.colorTheme": "Monokai Dimmed",
	"editor.snippetSuggestions": "top",
	// "editor.formatOnPaste": true,
	"editor.formatOnSave": false,
	"files.trimTrailingWhitespace": true,
	"javascript.format.enable": false,
	"eslint.autoFixOnSave": true,
	// "eslint.run": "onSave",
	"editor.autoIndent": true,

TimRoussilhe

{
/*
	 // Place your snippets for JavaScript here. Each snippet is defined under a snippet name and has a prefix, body and 
	 // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	 // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	 // same ids are connected.
	 // Example:
	 "Print to console": {
		"prefix": "log",
		"body": [