-
Notifications
You must be signed in to change notification settings - Fork 0
/
hell.html
80 lines (66 loc) · 5.53 KB
/
hell.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>projet</title>
<link rel="stylesheet" href="hell.css">
<script src="scrip.js"></script>
<script src="scri.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script></head>
<body>
<canvas id="c"></canvas>
<div class="background">
</div>
<canvas class="canva"></canvas>
<svg id="flame-svg" width="240" height="240" viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="smooth__corners">
<feGaussianBlur in="SourceGraphic" stdDeviation="4" result="blur" />
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 30 -20"/>
</filter>
<filter id="strong__blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="20" />
</filter>
<linearGradient id="flame__gradient" gradientUnits="userSpaceOnUse" x1="67.9091" y1="167.4466" x2="67.9091" y2="6.1774">
<stop offset="0.2955" style="stop-color:#8a00ff"/>
<stop offset="1" style="stop-color:#9fdbf7"/>
</linearGradient>
</defs>
<g filter="url(#strong__blur)">
<circle cx="119" cy="146" r="200" fill="none"/>
<circle id="flame-circle" cx="119" cy="146" r="30">
<animate attributeType="XML" attributeName="fill"
values="#8A00FF80; #9fdbf780; #8A00FF80"
dur="1.4s" repeatCount="indefinite"/>
</circle>
</g>
<g filter="url(#smooth__corners)">
<path id="flame-path" fill="url(#flame__gradient)" stroke="#9fdbf7" stroke-width="1">
<animate attributeName="d" dur="1s" repeatCount="indefinite" calcMode="linear"
values="M124.1 168.1C102.1 168.7 100.9 163 95.1 152.6C91.1 145.4 91.8 145.5 90.8 140.1C90.1 136.4 89.3 132.2 88.6 127.6C87 116.4 93.1 99.9 96.6 95.6C97.5 94.4 96.2 101 96.6 104.6C97.1 109.1 100.1 109.1 101.6 102.6C103.1 96.1 112.6 82.1 115.1 75.6C117.1 70.4 112 73.7 109.6 74.1C108 74.3 105.3 71 104.1 64.6C102.6 56.6 112.6 50.6 114.1 49.1C115.6 47.6 122.1 39.6 120.6 37.1C118.2 33.1 133.6 31.5 135.1 31.6C137.2 31.8 128.5 36.2 124.1 42.6C118.6 50.6 122.6 59.1 129.6 64.6C135.2 69 140.7 85.8 137.6 91.1C137.2 91.7 135.2 90.5 131.6 94.1C127.1 98.6 124.1 104.1 132.6 112.6C139.4 119.4 141.2 109.9 142.1 111.1C147.4 118.4 154.6 130.4 154.6 135.6C154.6 140.8 150.1 153.5 145.1 156.1C144 156.7 141.3 156.2 140.1 156.1C137.6 155.9 142.6 167.6 124.1 168.1Z;
M126.8 167.6C105.5 173.2 91.5 153 88.8 132.1C88.5 130 99.9 132 98.8 126.6C98.1 122.9 96.3 113.6 93.8 109.6C87.8 100 92.1 125.7 88.8 120.6C85.1 115 83.9 96.5 84.3 100.1C84.8 104.6 82.8 86.3 87.1 81.1C91.6 75.6 90.1 66 92.3 72.6C98.3 90.1 114.9 83.5 121.3 72.6C125.2 66 122.5 61.5 121.3 55.1C119.8 47.1 115.3 56.5 114.8 55.1C112.3 47.6 113.6 45.1 114.3 41.1C115.6 34.2 123.4 23.1 123.3 23.6C123 25.7 119.3 39.6 128.1 44.6C136.5 49.4 136.1 51.6 136.1 60.6C136.1 69.8 135.3 71.5 136.8 78.1C137 78.8 131.7 74.5 128.1 78.1C123.6 82.6 121.8 90.6 130.3 99.1C137.1 105.9 140.3 98.9 140.3 95.6C140.3 94.3 149.7 108.6 151.3 113.6C154.8 124.6 154.9 130.9 152.3 139.1C152 139.9 146.8 129.2 146.3 131.1C144.8 137.1 153.3 160.6 126.8 167.6Z;
M120.5,177C99,182,85,154.2,84.1,147.2c-1.9-14.8,0.6-15.4,2.2-20.7c1.6-5,1,4.5,3.5,0.5 c9.2-14.7,26-23,23.9-28.7c-1.1-3-2.4-23.1-15.4-13.8c-1.7,1.2-2.9-5.2-3.3-11.8c-0.5-8,3.8-12.2,3-10.9c-0.4,0.6-0.8,3.3-0.2,2.5 c3.2-4,1.8-5.5,9-8.1c8.6-3.2,7.7-6.9,7.9-4.6c0.3,3-3.4,5.3-3.4,13c0,1.7,3.8,2.4,3.4,3c-1.5,2.4-6.4,3.4,11.4,9.2 c5,1.6,5.1,6.8,6.6,5c6.2-6.9,2.2-11.3,1.8-11.5c-1.8-0.9,6.3,1.1,9.6,9.1c0.6,1.4,3.4,7.6-0.6,19c-0.5,1.4-4.1-8.3-4.3-7.1 c-4.4,23.4-15,19.1-12.1,22.7c7.2,9.1,14.6,35.1,17.6,21.4c0.7-3.3,4.1,8.1,2.7,16.3C146.6,157.7,146.2,171,120.5,177z;
M120.5,173.7c-21.1,6.4-36.9-29.2-24.5-42.5c13.3-14.2,27.9-11.6,27-17c-3.2-19.4-15.7-0.2-19-3.5c-13-13,3.2-13.2-0.1-18.3 c-3.7-5.6-8.5-0.1-8.5,3.5c0,0.5-0.6,1.7-1-5c-0.5-8,8.2-12.6,8.5-11c5,30.5,14.1,2.4,22.3-6.3c8-8.5-8.7-18.1-9.9-24.5 c-1.5-8,1.4-4.9-2.8-12.9c-1.5-2.8-1.7-4-1-8c1.3-6.9,10-10.5,9.5-10c-4.4,4.4-7.4,11,7.1,24c3.9,3.5,7.9,6,7.9,15 c0,9.2-1.2,13.2-1.5,13c-1.8-0.9-4.4-0.6-8,3c-4.5,4.5-11,15-2.5,23.5c6.8,6.8,16.1-3.4,17-2.5c5.2,5.2,7.5,13,9.1,18 c3.5,11,2.9,9.1,0.9,14.5c-0.3,0.8-3-6.5-8-1C138.8,130.2,160,161.7,120.5,173.7z;
M124.1 168.1C102.1 168.7 100.9 163 95.1 152.6C91.1 145.4 91.8 145.5 90.8 140.1C90.1 136.4 89.3 132.2 88.6 127.6C87 116.4 93.1 99.9 96.6 95.6C97.5 94.4 96.2 101 96.6 104.6C97.1 109.1 100.1 109.1 101.6 102.6C103.1 96.1 112.6 82.1 115.1 75.6C117.1 70.4 112 73.7 109.6 74.1C108 74.3 105.3 71 104.1 64.6C102.6 56.6 112.6 50.6 114.1 49.1C115.6 47.6 122.1 39.6 120.6 37.1C118.2 33.1 133.6 31.5 135.1 31.6C137.2 31.8 128.5 36.2 124.1 42.6C118.6 50.6 122.6 59.1 129.6 64.6C135.2 69 140.7 85.8 137.6 91.1C137.2 91.7 135.2 90.5 131.6 94.1C127.1 98.6 124.1 104.1 132.6 112.6C139.4 119.4 141.2 109.9 142.1 111.1C147.4 118.4 154.6 130.4 154.6 135.6C154.6 140.8 150.1 153.5 145.1 156.1C144 156.7 141.3 156.2 140.1 156.1C137.6 155.9 142.6 167.6 124.1 168.1Z"
/>
</path>
<circle id="flame-center" cx="119" cy="146" r="18" fill="#8c0168"/>
</g>
<circle cx="119" cy="146" r="17" fill="#19020f"/>
</svg>
<script>
document.addEventListener('keydown', handleKeyPress);
let keysPressed = '';
function handleKeyPress(event) {
keysPressed += event.key;
console.log(keysPressed);
if(keysPressed === 'valerian') {
// redirect
location.href = 'hist.html';
// reset keys pressed
keysPressed = '';
}
}
</script>
</body>
</html>