From 97493d57dc9159ef8f2910fe124d7f380cc150dd Mon Sep 17 00:00:00 2001
From: Situphen <Situphen@users.noreply.github.com>
Date: Thu, 17 Dec 2020 17:24:54 +0100
Subject: [PATCH] =?UTF-8?q?Permet=20de=20faire=20tomber=20des=20c=C5=93urs?=
 =?UTF-8?q?=20pour=20la=20Saint-Valentin=20(merci=20=C3=A0=20Sandhose)=20(?=
 =?UTF-8?q?#6002)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/js/snow.js                             | 33 +++++++++++++++----
 .../elements-specifiques-au-site.rst          |  2 ++
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/assets/js/snow.js b/assets/js/snow.js
index 0999133765..abcfc1df8e 100644
--- a/assets/js/snow.js
+++ b/assets/js/snow.js
@@ -1,6 +1,8 @@
 
 (function() {
-  function LetItSnow(element) {
+  function LetItSnow(element, isValentine = false) {
+    this.isValentine = isValentine
+
     this._parent = element
 
     this._canvas = document.createElement('canvas')
@@ -29,7 +31,8 @@
   }
 
   LetItSnow.prototype = {
-    PARTICLES_COLOR: 'rgba(255, 255, 255, 0.8)', // Color
+    SNOW_COLOR: 'rgba(255, 255, 255, 0.8)', // Regular snow color
+    VALENTINE_SNOW_COLOR: 'rgba(255, 154, 133, 1)', // Valentine snow color
     MAX_PARTICLES: 25, // Particles limits
     SPAWN_RATE: 100, // time (ms) between two particles spawns
     PARTICLES_SPEED: 15, // Base speed
@@ -96,15 +99,28 @@
     draw: function() {
       this._ctx.clearRect(0, 0, this.W, this.H)
 
-      this._ctx.fillStyle = this.PARTICLES_COLOR
+      if (this.isValentine) {
+        this._ctx.fillStyle = this.VALENTINE_SNOW_COLOR
+      } else {
+        this._ctx.fillStyle = this.SNOW_COLOR
+      }
       this._ctx.beginPath()
 
       var p
       for (var i in this.particles) {
         p = this.particles[i]
-
         this._ctx.moveTo(p.x, p.y)
-        this._ctx.arc(p.x, p.y, p.d * this.PARTICLES_SIZE, 0, Math.PI * 2, true)
+
+        if (this.isValentine) {
+          this._ctx.bezierCurveTo(p.x, p.y - 0.3, p.x - 0.5, p.y - 1.5, p.x - 2.5, p.y - 1.5)
+          this._ctx.bezierCurveTo(p.x - 5.5, p.y - 1.5, p.x - 5.5, p.y + 2.25, p.x - 5.5, p.y + 2.25)
+          this._ctx.bezierCurveTo(p.x - 5.5, p.y + 4.0, p.x - 1.5, p.y + 4.2, p.x, p.y + 8.0)
+          this._ctx.bezierCurveTo(p.x + 3.5, p.y + 6.2, p.x + 5.5, p.y + 4.0, p.x + 5.5, p.y + 2.25)
+          this._ctx.bezierCurveTo(p.x + 5.5, p.y + 2.25, p.x + 5.5, p.y - 1.5, p.x + 2.5, p.y - 1.5)
+          this._ctx.bezierCurveTo(p.x + 1.0, p.y - 1.5, p.x, p.y - 0.3, p.x, p.y)
+        } else {
+          this._ctx.arc(p.x, p.y, p.d * this.PARTICLES_SIZE, 0, Math.PI * 2, true)
+        }
       }
 
       this._ctx.fill()
@@ -112,9 +128,12 @@
   }
 
   window.addEventListener('DOMContentLoaded', function() {
-    if (document.body.className.split(' ').indexOf('vc-snow') !== -1) { // No jQuery here
+    const isSnow = document.body.classList.contains('vc-snow') || false
+    const isValentine = document.body.classList.contains('vc-valentine-snow') || false
+
+    if (isSnow || isValentine) {
       setTimeout(function() {
-        window.snow = new LetItSnow(document.querySelector('.header-container > header'))
+        window.snow = new LetItSnow(document.querySelector('.header-container > header'), isValentine)
       }, 1000) // to be sure to have the DOM completely ready
     }
   })
diff --git a/doc/source/front-end/elements-specifiques-au-site.rst b/doc/source/front-end/elements-specifiques-au-site.rst
index 55d5c9312a..e160e22680 100644
--- a/doc/source/front-end/elements-specifiques-au-site.rst
+++ b/doc/source/front-end/elements-specifiques-au-site.rst
@@ -308,6 +308,8 @@ Les changements visuels disponibles sont:
 
   - ``snow``: ajoute de la neige dans le header
   - ``clem-christmas``: ajoute un bonnet à la Clem de la page d'accueil
+  - ``clem-halloween``: remplace la Clem de la page d'accueil par une Clem qui fait peur
+  - ``valentine-snow``: ajoute des cœurs dans le header à la place de la neige
 
 Par exemple, pour activer les changements ``snow`` et ``clem-christmas``, il faut ajouter au ``settings_prod.py``: