-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlogo-go-go-go.html
89 lines (84 loc) · 9.19 KB
/
logo-go-go-go.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Kabouing GO</title>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/anime.min.js"></script>
<style>
body {margin: 0;}
svg { width: 100vw; height: 100vh}
svg path {
fill: red;
opacity: 0;
}
</style>
<script>
window.onload = function () {
console.log("GO GO GO");
const items = document.querySelectorAll('svg path');
let loopIndex = 0;
function colorize(items) {
items.forEach(item => {
item.style.fill = madnessColor();
});
};
function madnessColor() {
const h = Math.round(Math.random()*360) + 'deg';
const s = '100%';
const l = '50%';
const a = '1';
return 'hsl(' + h + ', ' + s + ', ' + l + ', ' + a + ')'
}
anime({
targets: items,
opacity: 1,
translateY: [50, 0],
delay: anime.stagger(100),
loop: true,
direction: 'alternate',
loopBegin : function(anim) {
if (anim.direction && loopIndex % 2 === 0) {
colorize(items);
}
loopIndex ++;
}
});
}
</script>
</head>
<body>
<noscript>Le mec, il a désactivé javascript sur un site d'ART, lol.</noscript>
<svg
x="0px"
y="0px"
width="305.2px"
height="69.4px"
viewBox="-10 0 350 70"
>
<path id="guillemet-1" d="M0,6.5h8.1v8.7H5.5v0.3c0,1.1,0.2,1.9,0.6,2.4c0.4,0.5,1.1,0.8,2.1,0.9v4.7c-2.9-0.1-4.9-0.8-6.2-2.2C0.6,19.9,0,17.7,0,14.7V6.5z" />
<path id="guillemet-2" d="M9.9,6.5H18v8.7h-2.7v0.3c0,1.1,0.2,1.9,0.6,2.4c0.4,0.5,1.1,0.8,2.1,0.9v4.7c-2.9-0.1-4.9-0.8-6.2-2.2c-1.3-1.4-1.9-3.6-1.9-6.5V6.5z" />
<path id="k-point" d="M23.1,68v-8.7h8.5V68H23.1z" />
<path id="k" d="M23.1,56.1v-56h8.5v37.7l12.2-15.8h9.9L40.6,38.2L66.5,68h-11L31.6,38.7v17.3H23.1z" />
<path id="a-accent" d="M74.7,6.5c4.4,0,7.5,1,9.6,2.9c2,1.9,3.1,5,3.2,9.3h-6.8c-0.2-1.5-0.6-2.5-1.4-3.1c-0.7-0.6-1.9-0.9-3.5-0.9h-0.5v4H62.6V6.5H74.7z" />
<path id="a" d="M80.2,51.8c-1,1.7-2.4,3-4.1,3.8c-1.8,0.8-4,1.2-6.7,1.2c-2.6,0-5-0.5-7.2-1.4c-2.2-0.9-4.1-2.2-5.8-3.8c-1.6-1.6-2.9-3.5-3.8-5.7c-0.9-2.2-1.4-4.5-1.4-7.1c0-2.4,0.4-4.7,1.3-6.8c0.8-2.1,2.1-4,3.7-5.7c1.8-1.8,3.7-3.2,5.8-4c2.1-0.8,4.5-1.3,7.1-1.3c5.1,0,8.8,1.7,11,5v-4.1H88v34.2h-7.8V51.8z M59.5,38.7c0,1.5,0.3,2.8,0.8,4.1c0.5,1.2,1.3,2.3,2.2,3.2c0.9,0.9,2,1.6,3.2,2.1c1.2,0.5,2.5,0.8,3.9,0.8c1.3,0,2.5-0.3,3.6-0.8c1.2-0.5,2.2-1.2,3.1-2.1c0.9-0.9,1.6-1.9,2.1-3.1c0.5-1.2,0.8-2.4,0.8-3.8c0-1.4-0.3-2.8-0.8-4c-0.5-1.2-1.3-2.3-2.2-3.2c-0.9-0.9-2-1.6-3.1-2.2c-1.2-0.5-2.4-0.8-3.7-0.8c-1.3,0-2.6,0.3-3.8,0.8c-1.2,0.5-2.3,1.2-3.2,2.1c-0.9,0.9-1.6,1.9-2.1,3.1C59.7,36,59.5,37.3,59.5,38.7z" />
<path id="b-ventre-2" d="M101.7,39.7c0.2-2.6,1-4.5,2.3-5.8c1.4-1.3,3.3-1.9,5.9-1.9c2.6,0,4.5,0.6,5.8,1.9c1.3,1.3,2.1,3.2,2.2,5.8h-3.2c-0.1-1.3-0.5-2.3-1.3-2.9c-0.8-0.6-2-0.9-3.6-0.9c-1.6,0-2.8,0.3-3.6,0.9c-0.8,0.6-1.3,1.6-1.3,2.9H101.7z" />
<path id="b-ventre-1" d="M109.9,34.4c0.7,0,1.4,0.1,2,0.4c0.6,0.3,1.2,0.6,1.6,1.1c0.5,0.5,0.8,1,1.1,1.7c0.3,0.6,0.4,1.3,0.4,2c0,0.7-0.1,1.4-0.4,2c-0.3,0.6-0.6,1.2-1.1,1.7c-0.5,0.5-1,0.8-1.6,1.1c-0.6,0.3-1.3,0.4-2,0.4c-0.7,0-1.4-0.1-2-0.4c-0.6-0.3-1.2-0.6-1.6-1.1c-0.5-0.5-0.8-1-1.1-1.7c-0.3-0.6-0.4-1.3-0.4-2c0-0.7,0.1-1.4,0.4-2c0.3-0.6,0.6-1.2,1.1-1.7c0.5-0.5,1-0.8,1.6-1.1C108.5,34.5,109.2,34.4,109.9,34.4z M109.9,36.3c-0.9,0-1.7,0.3-2.3,0.9c-0.6,0.6-1,1.4-1,2.3c0,0.9,0.3,1.7,1,2.3c0.6,0.6,1.4,1,2.3,1c0.5,0,0.9-0.1,1.3-0.3c0.4-0.2,0.7-0.4,1-0.7c0.3-0.3,0.5-0.6,0.7-1c0.2-0.4,0.3-0.8,0.3-1.2c0-0.9-0.3-1.7-0.9-2.3C111.6,36.6,110.8,36.3,109.9,36.3z" />
<path id="b" d="M99.3,24.7c1.6-1.3,3.2-2.2,5-2.7c1.8-0.6,3.7-0.8,6-0.8c2.3,0,4.5,0.4,6.5,1.1c2,0.8,3.9,1.9,5.5,3.4c2,1.7,3.4,3.8,4.4,6c1,2.3,1.5,4.7,1.5,7.3c0,2.8-0.6,5.3-1.7,7.8c-1.1,2.4-2.8,4.5-4.9,6.3c-3.1,2.7-6.9,4-11.4,4c-2.1,0-4-0.3-5.8-0.9c-1.8-0.6-3.5-1.5-5.1-2.8v2.7h-8V6.5h8V24.7z M99.6,39.2c0,1.4,0.3,2.7,0.8,3.9c0.5,1.2,1.2,2.3,2.1,3.2c0.9,0.9,1.9,1.6,3.1,2.1c1.2,0.5,2.4,0.8,3.7,0.8c1.6,0,3-0.3,4.3-0.8c1.3-0.5,2.4-1.2,3.3-2.1c0.9-0.9,1.7-2,2.2-3.2c0.5-1.2,0.8-2.6,0.8-4c0-1.4-0.3-2.7-0.8-3.9c-0.5-1.2-1.2-2.3-2.1-3.2c-0.9-0.9-2-1.6-3.2-2.2c-1.2-0.6-2.6-0.8-4-0.8s-2.8,0.3-4,0.8c-1.2,0.5-2.3,1.2-3.2,2.2c-0.9,0.9-1.6,2-2.1,3.3C99.9,36.4,99.6,37.8,99.6,39.2z" />
<path id="o" d="M129,38.9c0-2.4,0.4-4.7,1.3-6.8c0.9-2.1,2.2-4.1,3.9-5.8c1.8-1.7,3.8-3.1,5.9-4c2.2-0.9,4.5-1.4,6.9-1.4c5,0,9.2,1.6,12.8,4.9c1.8,1.7,3.2,3.7,4.2,5.9c1,2.2,1.5,4.5,1.5,6.9c0,5.2-1.7,9.5-5.2,13c-3.5,3.6-7.9,5.3-13.2,5.3c-5.2,0-9.5-1.8-13.1-5.5c-1.6-1.8-2.9-3.7-3.8-5.8C129.5,43.6,129,41.3,129,38.9z M137.4,38.8c0,3.2,0.9,5.8,2.7,7.6c1.8,1.8,4.2,2.7,7.2,2.7c3,0,5.4-0.9,7.2-2.8c1.8-1.8,2.7-4.4,2.7-7.8c0-1.4-0.2-2.8-0.7-4c-0.5-1.2-1.2-2.3-2.1-3.1c-0.9-0.8-1.9-1.5-3.2-2c-1.2-0.5-2.5-0.7-3.9-0.7c-1.5,0-2.8,0.2-4,0.7c-1.2,0.5-2.3,1.2-3.1,2.1c-0.9,0.9-1.5,2-2,3.2C137.7,36,137.4,37.3,137.4,38.8z" />
<path id="o-croix" d="M148.8,33.7v4h3.7v3.1h-3.7v4h-3.2v-4h-3.7v-3.1h3.7v-4H148.8z" />
<path id="u" d="M189.5,52.4c-2.3,3.1-5.5,4.6-9.4,4.6c-4.3,0-7.7-1.3-10-3.9c-2.4-2.6-3.5-6.4-3.5-11.4V22h8.2v15.3c0,2,0.1,3.8,0.3,5.3c0.2,1.5,0.6,2.8,1.1,3.8c0.5,1,1.2,1.7,2.2,2.2c0.9,0.5,2.2,0.7,3.7,0.7c2.9,0,4.9-1,6-3.1c1.1-2.1,1.6-5.2,1.6-9.4V22h8v34.1h-8.1V52.4z" />
<path id="u-lien-i" d="M194.5,56.1c0,1.4,0.5,2.5,1.4,3.4c0.9,0.9,2.1,1.4,3.4,1.4c1.3,0,2.5-0.5,3.4-1.4c0.9-0.9,1.4-2.1,1.4-3.4L207,56c0,1.1-0.2,2.1-0.6,3c-0.4,0.9-1,1.8-1.6,2.4c-0.7,0.7-1.5,1.2-2.4,1.7c-0.9,0.4-1.9,0.6-3,0.6c-1.1,0-2.1-0.2-3-0.6c-0.9-0.4-1.8-1-2.4-1.7c-0.7-0.7-1.2-1.5-1.6-2.4c-0.4-0.9-0.6-1.9-0.6-3L194.5,56.1z" />
<path id="i" d="M201.5,21.9h7.9v34.1h-7.9V21.9z" />
<path id="i-point" d="M205.4,0c1.1,0,2.1,0.2,3.1,0.6c1,0.4,1.8,1,2.5,1.7c0.7,0.7,1.3,1.6,1.7,2.5c0.4,1,0.6,2,0.6,3.1c0,1.1-0.2,2.1-0.6,3.1c-0.4,1-1,1.8-1.7,2.5c-0.7,0.7-1.6,1.3-2.5,1.7c-1,0.4-2,0.6-3.1,0.6c-1.1,0-2.1-0.2-3.1-0.6c-1-0.4-1.8-1-2.5-1.7c-0.7-0.7-1.3-1.6-1.7-2.6c-0.4-1-0.6-2-0.6-3.1c0-1.1,0.2-2.2,0.6-3.1c0.4-1,1-1.8,1.7-2.5c0.7-0.7,1.6-1.3,2.5-1.7C203.3,0.2,204.3,0,205.4,0z M205.4,3c-1.4,0-2.6,0.5-3.6,1.4c-1,1-1.5,2.2-1.5,3.6c0,1.4,0.5,2.6,1.5,3.6c1,1,2.2,1.5,3.6,1.5c0.7,0,1.4-0.1,2-0.4c0.6-0.3,1.1-0.6,1.6-1.1c0.4-0.5,0.8-1,1.1-1.6c0.3-0.6,0.4-1.2,0.4-1.9c0-1.4-0.5-2.6-1.4-3.6C208,3.5,206.8,3,205.4,3z" />
<path id="n" d="M221.4,25.8c2.3-3.1,5.5-4.6,9.4-4.6c5,0,8.7,1.9,11.2,5.6c1,1.6,1.7,3.3,1.9,5.1c0.2,1.8,0.4,3.8,0.4,6.1v18.1h-8.1V40.9c0-2-0.1-3.8-0.3-5.3c-0.2-1.5-0.6-2.7-1.1-3.7c-0.5-1-1.3-1.7-2.2-2.2c-0.9-0.5-2.1-0.7-3.6-0.7c-2.9,0-4.9,1.1-6,3.1c-1.1,2.1-1.6,5.2-1.6,9.3v14.6h-7.9V21.9h7.9V25.8z" />
<path id="n-vague-1" d="M223.2,44.5c0-0.8,0.1-1.5,0.4-2.2c0.3-0.7,0.7-1.3,1.2-1.8c0.5-0.5,1.1-0.9,1.8-1.2c0.7-0.3,1.4-0.5,2.2-0.5c0.8,0,1.5,0.2,2.2,0.5c0.7,0.3,1.3,0.7,1.8,1.2c0.5,0.5,0.9,1.1,1.2,1.8c0.3,0.7,0.5,1.4,0.5,2.2l-2.1,0c0-1-0.3-1.8-1-2.5c-0.7-0.7-1.5-1-2.5-1c-1,0-1.8,0.3-2.5,1c-0.7,0.7-1,1.5-1,2.5L223.2,44.5z" />
<path id="n-vague-2" d="M223.2,37.3c0-0.8,0.1-1.5,0.4-2.2c0.3-0.7,0.7-1.3,1.2-1.8c0.5-0.5,1.1-0.9,1.8-1.2c0.7-0.3,1.4-0.5,2.2-0.5c0.8,0,1.5,0.2,2.2,0.5c0.7,0.3,1.3,0.7,1.8,1.2c0.5,0.5,0.9,1.1,1.2,1.8c0.3,0.7,0.5,1.4,0.5,2.2l-2.1,0c0-1-0.3-1.8-1-2.5c-0.7-0.7-1.5-1-2.5-1c-1,0-1.8,0.3-2.5,1c-0.7,0.7-1,1.5-1,2.5L223.2,37.3z" />
<path id="g" d="M283,22v28.4c0,3-0.4,5.7-1.3,8.1c-0.8,2.4-2.1,4.4-3.6,6c-1.6,1.6-3.5,2.8-5.7,3.7c-2.2,0.8-4.7,1.3-7.5,1.3c-8.5,0-14.1-3.8-16.8-11.5h7.9c0.9,1.5,2.1,2.7,3.6,3.6c1.5,0.9,3.3,1.3,5.2,1.3c1.6,0,3-0.3,4.4-0.8c1.3-0.5,2.5-1.3,3.5-2.3c1-1,1.7-2.2,2.3-3.5c0.5-1.4,0.8-2.9,0.8-4.7l0-0.3c-1.6,1.6-3.4,2.8-5.4,3.6c-2,0.8-4.2,1.2-6.5,1.2c-2.3,0-4.5-0.4-6.6-1.2c-2.1-0.8-3.9-1.9-5.5-3.4c-1.8-1.6-3.1-3.5-4.1-5.8c-1-2.2-1.5-4.5-1.5-6.8c0-2.6,0.4-5,1.3-7.1c0.9-2.2,2.1-4.1,3.7-5.7c1.6-1.6,3.4-2.8,5.6-3.7c2.2-0.9,4.5-1.3,7.1-1.3c4.6,0,8.6,1.7,12,5V22H283z M254,38.4c0,1.5,0.3,2.9,0.8,4.2c0.6,1.3,1.3,2.4,2.3,3.3c1,0.9,2.1,1.6,3.3,2.2c1.3,0.5,2.7,0.8,4.1,0.8c1.3,0,2.6-0.3,3.9-0.8c1.3-0.5,2.4-1.3,3.3-2.2c1-0.9,1.7-2,2.3-3.2c0.6-1.2,0.8-2.5,0.8-3.9c0-1.5-0.3-2.9-0.8-4.1c-0.6-1.3-1.3-2.4-2.3-3.4c-1-1-2.1-1.7-3.3-2.2c-1.3-0.5-2.6-0.8-4-0.8c-1.4,0-2.8,0.3-4.1,0.8c-1.3,0.5-2.4,1.2-3.3,2.1c-1,0.9-1.7,2-2.3,3.2C254.3,35.6,254,37,254,38.4z" />
<path id="g-tilde" d="M296.9,11.7c-0.5,2.3-1.2,4-2.1,5.2c-1,1.2-2.3,1.8-4.2,1.8c-0.8,0-1.6-0.1-2.2-0.3l-2.7-0.8c-0.4-0.1-0.8-0.2-1.1-0.3c-0.3-0.1-0.7-0.1-0.9-0.1c-1.4,0-2.3,0.7-2.7,2.1h-3.2c0.8-4.4,2.9-6.7,6.1-6.7c0.7,0,1.6,0.1,2.7,0.4l2.8,0.8c0.3,0.1,0.5,0.1,0.8,0.2c0.3,0,0.5,0.1,0.8,0.1c0.7,0,1.2-0.2,1.7-0.6c0.5-0.4,0.8-1,1-1.7H296.9z" />
<path id="guillemet-3" d="M295.3,55.6c0,3-0.6,5.2-1.9,6.5c-1.3,1.4-3.3,2.1-6.2,2.2v-4.7c1-0.1,1.7-0.4,2.1-0.9c0.4-0.5,0.6-1.3,0.6-2.4V56h-2.7v-8.7h8.1V55.6z" />
<path id="guillemet-4" d="M305.2,55.6c0,3-0.6,5.2-1.9,6.5c-1.3,1.4-3.3,2.1-6.2,2.2v-4.7c1-0.1,1.7-0.4,2.1-0.9c0.4-0.5,0.6-1.3,0.6-2.4V56H297v-8.7h8.1V55.6z" />
</svg>
</body>
</html>