voeux2020/index.html at master · Linkvalue/voeux2020 · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" type="image/gif" href="./img/favicon-192x192.gif">
    <title>Link value - voeux 2020</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div id="principale" class="hide">
	<div id="newYear" class="final AnimContainer">
		<div id="newYearContainer">
			<div id="newYearHandler" class="hide">
				<a href="https://link-value.fr/"><svg id="logo" width="137.7" height="43.2" x="0px" y="0px"
			 viewBox="0 0 137.7 43.2">
					<title>logo-LV</title>
					<path fill="#5BA0D1" d="M24,35.3l-7.4-6c-0.2-0.2-0.2-0.4-0.1-0.6l14.1-18.5c0-0.4,0-0.8-0.3-0.8h-0.1c-0.1,0-0.2,0-0.2,0.1
						L7.6,29.6c-0.1,0.2-0.1,0.6,0.1,0.8l15.9,5.7c0.2,0.1,0.5,0,0.6-0.2C24.2,35.7,24.2,35.5,24,35.3z"/>
					<path fill="#71CBF4" d="M30,0.5L0.1,26.9C0,27,0,27.2,0.1,27.4c0,0,0.1,0.1,0.1,0.1l7.1,2.4c0.1,0,0.2,0,0.3-0.1l23-19.7V0
						C30.4,0.1,30.2,0.3,30,0.5z"/>
					<path fill="#71CBF4" d="M24.2,35.6L24.2,35.6c0-0.1-0.1-0.2-0.2-0.2L7.7,29.9H7.6H7.5c-0.1,0-0.1,0-0.2,0.1l-5.6,5.2
						c-0.1,0.1-0.1,0.3,0,0.4c0,0,0.1,0.1,0.1,0.1l22.3,7.6V35.6z"/>
					<path fill="#5BA0D1" d="M40.5,34.3h-2.7V12.3h2.7L40.5,34.3z"/>
					<path fill="#5BA0D1" d="M135.8,23.8c-1.1-1.2-2.7-1.9-4.4-1.8c-3.4,0.2-6,3-5.9,6.4c0.1,3.2,2.7,5.8,5.9,5.9c1.2,0,2.3-0.3,3.3-1
						c0.9-0.6,1.6-1.4,2.1-2.4H134c-0.6,0.8-1.5,1.2-2.5,1.2c-1.6,0.1-3-1-3.3-2.6l-0.1-0.5h9.3C137.7,27.1,137.1,25.2,135.8,23.8z
						 M128.2,27.1l0.1-0.5c0.6-1.8,2.4-2.7,4.2-2.2c1,0.3,1.8,1.1,2.2,2.2l0.1,0.5H128.2z"/>
					<path fill="#5BA0D1" d="M43.6,17.7c0-0.5,0.2-0.9,0.5-1.2c0.3-0.3,0.7-0.5,1.2-0.5c0.4,0,0.8,0.2,1.1,0.5c0.7,0.6,0.7,1.7,0.1,2.4
						c0,0,0,0-0.1,0.1c-0.3,0.3-0.7,0.5-1.1,0.5c-0.4,0-0.8-0.2-1.2-0.5C43.7,18.6,43.5,18.1,43.6,17.7z M46.6,34.3h-2.7V22h2.7
						L46.6,34.3z"/>
					<path fill="#5BA0D1" d="M49.9,22h2.7c0,0.7,0,2.7,0,3.2c0.4-0.9,1-1.7,1.8-2.3c0.9-0.6,1.9-1,3-0.9c1.1-0.1,2.1,0.3,2.9,1
						c0.7,0.7,1.1,1.6,1.1,2.6v8.7h-2.7v-7.4c0-0.6-0.2-1.1-0.6-1.5c-0.5-0.5-1.1-0.7-1.8-0.7c-0.5,0-1,0.1-1.5,0.3
						c-0.4,0.2-0.9,0.5-1.2,0.8c-0.3,0.3-0.6,0.7-0.8,1.2c-0.2,0.5-0.3,1-0.3,1.5v5.8h-2.7V22z"/>
					<path fill="#5BA0D1" d="M73.3,22l1.6,1.6c-0.7,0.7-3.4,3.2-4.1,3.9c0.8,1.1,4.1,5.7,5,6.8h-3.1c-0.6-0.8-3.2-4.2-3.8-5.1l-1.6,1.4
						v3.6h-2.7v-22h2.7v15.3C68.4,26.6,72.3,23,73.3,22z"/>
					<path fill="#5BA0D1" d="M82.5,34.3c-1.1-2.1-5.3-10.2-6.3-12.3h2.9c0.7,1.4,3.4,7.3,3.4,7.3s2.7-5.9,3.4-7.3h2.9
						C87.8,24.2,83.6,32.2,82.5,34.3z"/>
					<path fill="#5BA0D1" d="M89.5,28.3c0-0.8,0.2-1.6,0.5-2.4c0.6-1.5,1.8-2.7,3.3-3.4c0.7-0.3,1.5-0.5,2.3-0.5c0.5,0,1,0.1,1.5,0.2
						c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.5,0.3,0.8,0.6c0.1,0.1,0.3,0.3,0.4,0.5V22h2.7v12.3h-2.7c0,0,0-1.4,0-1.5
						c-0.1,0.1-0.2,0.3-0.4,0.4c-0.2,0.2-0.5,0.4-0.7,0.5c-0.4,0.2-0.7,0.3-1.1,0.4c-0.5,0.1-1,0.2-1.5,0.2c-0.9,0-1.7-0.2-2.5-0.5
						c-0.7-0.3-1.4-0.8-2-1.3C90.1,31.4,89.4,29.9,89.5,28.3L89.5,28.3z M92.2,28.1c0,0.5,0.1,1,0.3,1.4c0.2,0.4,0.4,0.8,0.7,1.1
						c0.3,0.3,0.7,0.6,1.1,0.8c0.9,0.4,2,0.4,2.9,0c0.4-0.2,0.8-0.4,1.1-0.8c0.3-0.3,0.6-0.7,0.7-1.2c0.2-0.4,0.3-0.9,0.3-1.4
						c0-0.5-0.1-0.9-0.3-1.4c-0.2-0.4-0.4-0.8-0.7-1.1c-0.3-0.3-0.7-0.6-1.1-0.7c-0.5-0.2-1-0.3-1.5-0.3c-0.5,0-1,0.1-1.5,0.3
						c-0.9,0.3-1.5,1-1.9,1.9C92.3,27.2,92.2,27.7,92.2,28.1z"/>
					<path fill="#5BA0D1" d="M108.1,34.3h-2.7V12.3h2.7V34.3z"/>
					<path fill="#5BA0D1" d="M122.8,34.3h-2.7v-3.2c-0.4,0.9-1,1.6-1.7,2.2c-0.9,0.7-1.9,1-3,1c-1.1,0.1-2.2-0.3-3-1
						c-0.7-0.7-1.1-1.6-1.1-2.6V22h2.7v7.5c0,0.5,0.2,1.1,0.6,1.5c0.5,0.4,1.1,0.7,1.8,0.7c0.5,0,1-0.1,1.5-0.3c0.4-0.2,0.8-0.4,1.2-0.8
						c0.3-0.3,0.6-0.8,0.8-1.2c0.2-0.5,0.3-1,0.3-1.5V22h2.7L122.8,34.3z"/>
				</svg></a>
				<h1 id="title"> construire<br/>Aujourd'hui<br/>votre projet <br/>a deux Mains </h1>
				<h2 id="valeur">· Partage · bienveillance · expertise · entraide · confiance · remise en question ·</h2>
				<p id="voeux"> ✨ Bonne année 2020 ✨ </p>
			</div>
		</div>
	</div>
    <canvas id="confetti" resize> </canvas>
    <canvas id="canvas" resize> </canvas>
    <!-- hello there ! if you are interested of this stuff, join linkValue.fr ! -->
    <div id="handRight" class="hand AnimContainer">
    	<svg width="137" height="137">
     		<image xlink:href="./data/main-droite.svg" src="yourfallback.png" width="137" height="137"/>
		</svg>
    </div>
    <div id="handLeft" class="hand AnimContainer">
    	<svg width="137" height="137">
     		<image xlink:href="./data/main-gauche.svg" src="yourfallback.png" width="137" height="137"/>
		</svg>
	</div>
    <div id="check" class="AnimContainer hide"></div>
 </div>

 <div id="ie" class="hide">
 	<div class="valign-center"><h1>Ce site n'est pas compatible Internet Explorer, mais vous pouvez le tester sur votre mobile</h1></div>
 	<div class="valigh-fix"></div>
 </div>
</body>
<script type="text/javascript" src="./js/confetti.js"></script>
<script type="text/javascript" src="./js/paper-full.js"></script>
<script type="text/javascript" src="./js/lottie.min.js"></script>
<script type="text/javascript" src="./js/script.js" canvas="canvas"></script>

</html>