<script>
var c = document.createElement("canvas");
c.setAttribute("id", "matrix");
c.style.position = "fixed";
c.style.top = "0";
c.style.left = "0";
c.style.zIndex = "-1";
c.style.pointerEvents = "none";
document.body.appendChild(c);
var ctx = c.getContext("2d");
var symbols = "01";
var font_size = 10;
var columns = c.width/font_size;
var drops = [];
for(var x = 0; x < columns; x++)
drops[x] = 1;
function draw()
{
ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
ctx.fillRect(0, 0, c.width, c.height);
ctx.fillStyle = "#0F0";
ctx.font = font_size + "px arial";
for(var i = 0; i < drops.length; i++)
{
var text = symbols[Math.floor(Math.random()*symbols.length)];
ctx.fillText(text, i*font_size, drops[i]*font_size);
if(drops[i]*font_size > c.height && Math.random() > 0.975)
drops[i] = 0;
drops[i]++;
}
}
setInterval(draw, 33);
</script>
@Catsandcatsandcats This is literally my design philosophy. #0F0 and #00F are all you need
@Catsandcatsandcats This is literally my design philosophy. #0F0 and #00F are all you need
je ne trouve pas ça si long a taper
je n'ai aucun gouts artistiques,
en général j'utilise les couleurs R, V et B simples a retenir (#f00, #0f0, #00f) et quelques gris (#ccc, #666...) pour les tests avant prod (bordures, fonds...)
heureusement qu'on a un graphiste pour les thématiques définitives de nos site car avec moi seul, on aurait encore maintenant des website from hell😅
chroma.scale(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f', '#f00']).mode('lab').colors(9).slice(0, 8).map(c => [chroma(c).darken(), chroma(c)]).flat()['#c20000', '#ff0000', '#c7a000', '#ffd100', '#78cb00', '#aeff00', '#00ca32', '#3aff65', '#00cbcc', '#00ffff', '#0030cb', '#485aff', '#7300ca', '#ab00ff', '#c70091', '#ff00c2']
#f00 #ff0 #0f0 #0ff #00f #f0f #c20000 #ff0000 #c7a000 #ffd100 #78cb00 #aeff00 #00ca32 #3aff65 #00cbcc #00ffff #0030cb #485aff #7300ca #ab00ff #c70091 #ff00c2