atome 0.5.3.2 → 0.5.3.7.2

data/lib/atome/renderers/browser/helpers/event_helper.rb

@@ -3,57 +3,69 @@
 # for browser rendering
 module BrowserHelper
 
-  def self.touch_helper_callback(event, proc)
-    instance_exec(event, &proc) if proc.is_a?(Proc)
+  def self.touch_helper_callback(event,atome, proc)
+    atome.instance_exec(event, &proc) if proc.is_a?(Proc)
   end
 
-  def self.browser_touch_true(browser_object, proc)
+  def self.browser_touch_true(browser_object,atome, proc)
     `
     interact('#'+#{browser_object})
   .on('tap', function (event) {
-Opal.BrowserHelper.$touch_helper_callback(event,#{proc});
+Opal.BrowserHelper.$touch_helper_callback(event,#{atome},#{proc});
   })
 `
   end
 
-  def self.browser_touch_long(browser_object, proc)
+  def self.browser_touch_long(browser_object,atome, proc)
     `
     interact('#'+#{browser_object})
   .on('hold', function (event) {
-Opal.BrowserHelper.$touch_helper_callback(event,#{proc});
+Opal.BrowserHelper.$touch_helper_callback(event,#{atome},#{proc});
   })
 `
   end
 
-  def self.browser_touch_double(browser_object, proc)
+  def self.browser_touch_double(browser_object,atome, proc)
     `
     interact('#'+#{browser_object})
   .on('doubletap', function (event) {
-Opal.BrowserHelper.$touch_helper_callback(event,#{proc});
+Opal.BrowserHelper.$touch_helper_callback(event,#{atome},#{proc});
   })
 `
   end
 
-  def self.browser_touch_down(browser_object, proc)
+  def self.browser_touch_down(browser_object,atome, proc)
 
     `
     interact('#'+#{browser_object})
   .on('down', function (event) {
-Opal.BrowserHelper.$touch_helper_callback(event,#{proc});
+Opal.BrowserHelper.$touch_helper_callback(event,#{atome},#{proc});
   })
 
 `
   end
 
-  def self.browser_touch_up(browser_object, proc)
+  def self.browser_touch_up(browser_object, atome,proc)
     `
     interact('#'+#{browser_object})
   .on('up', function (event) {
-Opal.BrowserHelper.$touch_helper_callback(event,#{proc});
+Opal.BrowserHelper.$touch_helper_callback(event,#{atome},#{proc});
   })
 `
   end
 
+  def self.browser_over_enter(browser_object,atome, proc)
+    browser_object.on :mouseover do |event|
+      atome.instance_exec(event, &proc) if proc.is_a?(Proc)
+    end
+  end
+
+  def self.browser_over_leave(browser_object, atome,proc)
+    browser_object.on :mouseout do |event|
+      atome.instance_exec(event, &proc) if proc.is_a?(Proc)
+    end
+  end
+
 end
 
 

data/lib/atome/renderers/browser/helpers/shape_helper.rb

@@ -4,19 +4,19 @@
 module BrowserHelper
 
   def self.browser_left_shape(value, browser_object, _atome)
-    browser_object.style[:left] = "#{value}px"
+    browser_object.style[:left] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_right_shape(value, browser_object, _atome)
-    browser_object.style[:right] = "#{value}px"
+    browser_object.style[:right] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_top_shape(value, browser_object, _atome)
-    browser_object.style[:top] = "#{value}px"
+    browser_object.style[:top] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_bottom_shape(value, browser_object, _atome)
-    browser_object.style[:bottom] = "#{value}px"
+    browser_object.style[:bottom] = BrowserHelper.value_parse(value)
   end
 
 end

data/lib/atome/renderers/browser/helpers/text_helper.rb

@@ -4,19 +4,19 @@
 module BrowserHelper
   # text
   def self.browser_left_text(value, browser_object, _atome)
-    browser_object.style[:left] = "#{value}px"
+    browser_object.style[:left] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_right_text(value, browser_object, _atome)
-    browser_object.style[:right] = "#{value}px"
+    browser_object.style[:right] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_top_text(value, browser_object, _atome)
-    browser_object.style[:top] = "#{value}px"
+    browser_object.style[:top] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_bottom_text(value, browser_object, _atome)
-    browser_object.style[:bottom] = "#{value}px"
+    browser_object.style[:bottom] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_data_text(value,atome_send)

data/lib/atome/renderers/browser/helpers/video_helper.rb

@@ -7,7 +7,7 @@ module BrowserHelper
     browser_object.style[:left] = "#{value}px"
   end
 
-  def self.browser_right_videob(value, browser_object, _atome)
+  def self.browser_right_video(value, browser_object, _atome)
     browser_object.style[:right] = "#{value}px"
   end
 

data/lib/atome/renderers/browser/helpers/web_helper.rb

@@ -4,19 +4,19 @@
 module BrowserHelper
   # web
   def self.browser_left_web(value, browser_object, _atome)
-    browser_object.style[:left] = "#{value}px"
+    browser_object.style[:left] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_right_web(value, browser_object, _atome)
-    browser_object.style[:right] = "#{value}px"
+    browser_object.style[:right] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_top_web(value, browser_object, _atome)
-    browser_object.style[:top] = "#{value}px"
+    browser_object.style[:top] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_bottom_web(value, browser_object, _atome)
-    browser_object.style[:bottom] = "#{value}px"
+    browser_object.style[:bottom] = BrowserHelper.value_parse(value)
   end
 
   def self.browser_path_web(value, browser_object, _atome)

data/lib/atome/renderers/browser/identity.rb

@@ -25,3 +25,7 @@ generator.build_render(:browser_attach) do |parents_found|
   end
 end
 
+generator.build_render(:browser_detached) do |value, _user_proc|
+  @browser_object.remove_class(value)
+end
+

data/lib/atome/renderers/browser/material.rb

@@ -49,7 +49,13 @@ generator.build_render(:alpha) do |value|
 end
 
 generator.build_render(:visual) do |value|
-  browser_object.style['font-size'] = "#{value[:size]}px"
+  # value = if value[:size].instance_of?(String)
+  #           value[:size]
+  #         else
+  #           "#{value[:size]}px"
+  #         end
+  value = BrowserHelper.value_parse(value[:size])
+  browser_object.style['font-size'] = value
 end
 
 generator.build_render(:browser_edit) do |value|
@@ -74,3 +80,16 @@ generator.build_render(:browser_hide) do |value|
   @browser_object.style[:display] = "none"
 
 end
+
+generator.build_render(:browser_classes) do |value, _user_proc|
+  @browser_object.add_class(value)
+  # TODO : don't forget to remove class
+end
+
+generator.build_render(:browser_remove_classes) do |value, _user_proc|
+  @browser_object.remove_class(value)
+end
+
+new ({browser: :opacity}) do |value|
+  @browser_object.style['opacity'] = value
+end

data/lib/atome/renderers/browser/spatial.rb

@@ -52,3 +52,7 @@ generator.build_render(:browser_center) do |value, _user_proc|
 
 end
 
+new ({browser: :depth}) do |value|
+  @browser_object.style['z-index'] = value
+end
+

data/lib/atome/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 class Atome
-  VERSION = '0.5.3.2'
+  VERSION = '0.5.3.7.2'
 end

data/sig/atome.rbs

@@ -9,6 +9,18 @@ module Atome
 
   def apply_style: -> untyped
 
+  def auto_render_generator: -> untyped
+
+  def build_atome: -> Atome
+
+  def build_option: -> untyped
+
+  def build_particle: -> untyped
+
+  def build_render: -> untyped
+
+  def build_sanitizer: -> untyped
+
   def format_matrix: -> untyped
 
   def get_column: -> untyped

data/sig/genesis.rbs

@@ -0,0 +1,3 @@
+class Genesis
+  def self.generator: -> Atome
+end

data/vendor/assets/application/index.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 # my code here ..
 
 # open the console in your browser ou your native app and should see the text below

data/vendor/assets/src/index.html

@@ -18,7 +18,7 @@
     <script src='js/opal/opal.js'></script>
     <script src='js/opal/opal_browser.js'></script>
     <!--    TODO: we line below is commented when using stand alone mode and loaded on demand when using server mode-->
-    <!--    <script type="text/javascript" src="js/third_parties/fabric.min.js"></script>-->
+        <script type="text/javascript" src="js/third_parties/fabric.min.js"></script>
     <!--    <script type="text/javascript" src="js/third_parties/three.min.js"></script>-->
     <!--    <script src='js/opal/opal_parser.js'></script>-->
     <script src='js/aui.js'></script>

data/vendor/assets/src/js/atome/atome.js

@@ -1,5 +1,6 @@
 const atomeJS = Object.assign(atomeAnimate,atomeDrag,atomeFile,atomeSort, atomeTime, atomeVideo);
-
+// This const is used to store and get all atome created canvas by id
+const Atome_canvas={}
 // // class AtomeDrag {
 // //     constructor() {
 // //     }

data/vendor/assets/src/medias/images/icons/email.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 viewBox="0 0 493.497 493.497" xml:space="preserve">
+<path d="M444.556,85.218H48.942C21.954,85.218,0,107.171,0,134.16v225.177c0,26.988,21.954,48.942,48.942,48.942h395.613
+	c26.988,0,48.941-21.954,48.941-48.942V134.16C493.497,107.171,471.544,85.218,444.556,85.218z M460.87,134.16v225.177
+	c0,2.574-0.725,4.924-1.793,7.09L343.74,251.081l117.097-117.097C460.837,134.049,460.87,134.096,460.87,134.16z M32.628,359.336
+	V134.16c0-0.064,0.033-0.11,0.033-0.175l117.097,117.097L34.413,366.426C33.353,364.26,32.628,361.911,32.628,359.336z
+	 M251.784,296.902c-2.692,2.691-7.378,2.691-10.07,0L62.667,117.846h368.172L251.784,296.902z M172.827,274.152l45.818,45.819
+	c7.512,7.511,17.493,11.645,28.104,11.645c10.61,0,20.592-4.134,28.104-11.645l45.82-45.819l101.49,101.499H71.327L172.827,274.152z
+	"/>
+</svg>

data/vendor/assets/src/medias/images/icons/mail_gray.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="800"  xml:space="preserve" id="emptyemailsvgrepocomCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <path id="emptyemailsvgrepocomCanvas-bezier" stroke="none" fill="rgb(161, 161, 161)" d="M 720.66,138.15 L 79.34,138.15 C 35.59,138.15 0,173.73 0,217.48 L 0,582.52 C 0,626.27 35.59,661.85 79.34,661.85 L 720.66,661.85 C 764.41,661.85 800,626.27 800,582.52 L 800,217.48 C 800,173.73 764.41,138.15 720.66,138.15 Z M 747.11,217.48 L 747.11,582.52 C 747.11,586.69 745.93,590.5 744.2,594.01 L 557.23,407.02 747.06,217.2 C 747.06,217.3 747.11,217.38 747.11,217.48 Z M 52.89,582.51 L 52.89,217.48 C 52.89,217.38 52.95,217.31 52.95,217.2 L 242.77,407.02 55.79,594.01 C 54.07,590.5 52.89,586.69 52.89,582.51 Z M 408.16,481.3 C 403.8,485.67 396.2,485.67 391.84,481.3 L 101.59,191.04 698.43,191.04 408.16,481.3 Z M 280.17,444.42 L 354.44,518.7 C 366.62,530.88 382.8,537.58 400,537.58 417.2,537.58 433.38,530.88 445.56,518.7 L 519.84,444.42 684.36,608.96 115.63,608.96 280.17,444.42 Z M 280.17,444.42" />
+</svg>

data/vendor/assets/src/medias/images/icons/mail_green.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="800"  xml:space="preserve" id="emptyemailsvgrepocomCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <path id="emptyemailsvgrepocomCanvas-bezier" stroke="none" fill="rgb(34, 255, 29)" d="M 720.66,138.15 L 79.34,138.15 C 35.59,138.15 0,173.73 0,217.48 L 0,582.52 C 0,626.27 35.59,661.85 79.34,661.85 L 720.66,661.85 C 764.41,661.85 800,626.27 800,582.52 L 800,217.48 C 800,173.73 764.41,138.15 720.66,138.15 Z M 747.11,217.48 L 747.11,582.52 C 747.11,586.69 745.93,590.5 744.2,594.01 L 557.23,407.02 747.06,217.2 C 747.06,217.3 747.11,217.38 747.11,217.48 Z M 52.89,582.51 L 52.89,217.48 C 52.89,217.38 52.95,217.31 52.95,217.2 L 242.77,407.02 55.79,594.01 C 54.07,590.5 52.89,586.69 52.89,582.51 Z M 408.16,481.3 C 403.8,485.67 396.2,485.67 391.84,481.3 L 101.59,191.04 698.43,191.04 408.16,481.3 Z M 280.17,444.42 L 354.44,518.7 C 366.62,530.88 382.8,537.58 400,537.58 417.2,537.58 433.38,530.88 445.56,518.7 L 519.84,444.42 684.36,608.96 115.63,608.96 280.17,444.42 Z M 280.17,444.42" />
+</svg>

data/vendor/assets/src/medias/images/icons/mail_orange.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="800"  xml:space="preserve" id="emptyemailsvgrepocomCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <path id="emptyemailsvgrepocomCanvas-bezier" stroke="none" fill="orange" d="M 720.66,138.15 L 79.34,138.15 C 35.59,138.15 0,173.73 0,217.48 L 0,582.52 C 0,626.27 35.59,661.85 79.34,661.85 L 720.66,661.85 C 764.41,661.85 800,626.27 800,582.52 L 800,217.48 C 800,173.73 764.41,138.15 720.66,138.15 Z M 747.11,217.48 L 747.11,582.52 C 747.11,586.69 745.93,590.5 744.2,594.01 L 557.23,407.02 747.06,217.2 C 747.06,217.3 747.11,217.38 747.11,217.48 Z M 52.89,582.51 L 52.89,217.48 C 52.89,217.38 52.95,217.31 52.95,217.2 L 242.77,407.02 55.79,594.01 C 54.07,590.5 52.89,586.69 52.89,582.51 Z M 408.16,481.3 C 403.8,485.67 396.2,485.67 391.84,481.3 L 101.59,191.04 698.43,191.04 408.16,481.3 Z M 280.17,444.42 L 354.44,518.7 C 366.62,530.88 382.8,537.58 400,537.58 417.2,537.58 433.38,530.88 445.56,518.7 L 519.84,444.42 684.36,608.96 115.63,608.96 280.17,444.42 Z M 280.17,444.42" />
+</svg>

data/vendor/assets/src/medias/images/icons/undo.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
+  <path id="p" d="M255.545 8c-66.269.119-126.438 26.233-170.86 68.685L48.971 40.971C33.851 25.851 8 36.559 8 57.941V192c0 13.255 10.745 24 24 24h134.059c21.382 0 32.09-25.851 16.971-40.971l-41.75-41.75c30.864-28.899 70.801-44.907 113.23-45.273 92.398-.798 170.283 73.977 169.484 169.442C423.236 348.009 349.816 424 256 424c-41.127 0-79.997-14.678-110.63-41.556-4.743-4.161-11.906-3.908-16.368.553L89.34 422.659c-4.872 4.872-4.631 12.815.482 17.433C133.798 479.813 192.074 504 256 504c136.966 0 247.999-111.033 248-247.998C504.001 119.193 392.354 7.755 255.545 8z"/>
+</svg>

data/vendor/assets/src/medias/images/logos/Orange/Facebook.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 2134 2134" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(4.16667,0,0,4.16667,0,0)">
+        <path d="M512,256C512,114.604 397.396,0 256,0C114.604,0 0,114.604 0,256C0,383.79 93.562,489.696 216.022,508.914L216.022,330.064L151.075,330.064L151.075,256L216.022,256L216.022,199.61C216.022,135.505 254.176,100.015 312.671,100.015C340.726,100.015 370.043,105.065 370.043,105.065L370.043,168.048L337.779,168.048C305.938,168.048 296.118,187.827 296.118,208.026L296.118,256L367.097,256L355.734,330.064L296.118,330.064L296.118,508.914C418.438,489.696 512,383.79 512,256Z" style="fill:orange;fill-rule:nonzero;"/>
+        <path d="M355.595,330.064L366.957,256L295.979,256L295.979,208.026C295.979,187.827 305.938,168.048 337.64,168.048L369.902,168.048L369.902,105.065C369.902,105.065 340.585,100.015 312.53,100.015C254.036,100.015 215.882,135.505 215.882,199.61L215.882,256L150.935,256L150.935,330.064L215.882,330.064L215.882,508.914C228.927,511.018 242.253,512 255.86,512C269.467,512 282.792,510.878 295.838,508.914L295.838,330.064L355.595,330.064Z" style="fill:rgb(38,38,38);fill-rule:nonzero;"/>
+    </g>
+</svg>

data/vendor/assets/src/medias/images/logos/Orange/TikTok.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1541 1798" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-474,-142)">
+        <g>
+            <path d="M1611.67,811.86C1721.11,890.05 1855.19,936.06 1999.99,936.06L1999.99,657.55C1972.58,657.561 1945.25,654.702 1918.44,649.02L1918.44,868.25C1773.65,868.25 1639.59,822.24 1530.12,744.05L1530.12,1312.4C1530.12,1596.72 1299.52,1827.19 1015.07,1827.19C908.94,1827.19 810.29,1795.12 728.34,1740.12C821.87,1835.7 952.3,1895 1096.6,1895C1381.07,1895 1611.68,1664.53 1611.68,1380.2L1611.68,811.86L1611.67,811.86ZM1712.27,530.88C1656.34,469.81 1619.62,390.88 1611.67,303.62L1611.67,267.8L1534.39,267.8C1553.84,378.7 1620.19,473.45 1712.27,530.88ZM908.25,1521.95C877.01,1481.01 860.115,1430.89 860.19,1379.39C860.19,1249.35 965.67,1143.92 1095.8,1143.92C1120.05,1143.9 1144.15,1147.62 1167.27,1154.95L1167.27,870.22C1140.26,866.521 1113,864.953 1085.75,865.53L1085.75,1087.15C1062.62,1079.82 1038.51,1076.1 1014.25,1076.12C884.12,1076.12 778.65,1181.55 778.65,1311.6C778.65,1403.55 831.37,1483.17 908.25,1521.95Z" style="fill:orange;"/>
+            <path d="M1530.12,744.05C1639.59,822.24 1773.65,868.25 1918.44,868.25L1918.44,649.02C1837.62,631.82 1766.07,589.6 1712.27,530.88C1620.19,473.45 1553.84,378.7 1534.39,267.8L1331.4,267.8L1331.4,1380.19C1330.94,1509.87 1225.64,1614.87 1095.79,1614.87C1019.27,1614.87 951.29,1578.42 908.24,1521.95C831.36,1483.17 778.64,1403.55 778.64,1311.6C778.64,1181.55 884.11,1076.12 1014.24,1076.12C1039.17,1076.12 1063.2,1080 1085.74,1087.15L1085.74,865.53C806.29,871.3 581.54,1099.52 581.54,1380.2C581.54,1520.31 637.51,1647.33 728.34,1740.13C810.29,1795.13 908.94,1827.2 1015.07,1827.2C1299.52,1827.2 1530.12,1596.72 1530.12,1312.41L1530.12,744.05Z" style="fill: orange;"/>
+<!--            <path d="M1918.44,649.02L1918.44,589.74C1845.56,589.85 1774.1,569.445 1712.27,530.87C1767,590.759 1839.1,632.077 1918.44,649.02ZM1534.39,267.8C1532.53,257.203 1531.11,246.534 1530.12,235.82L1530.12,200L1249.84,200L1249.84,1312.4C1249.39,1442.07 1144.1,1547.07 1014.24,1547.07C976.11,1547.07 940.12,1538.03 908.24,1521.95C951.29,1578.42 1019.27,1614.87 1095.79,1614.87C1225.63,1614.87 1330.94,1509.87 1331.4,1380.19L1331.4,267.8L1534.39,267.8ZM1085.75,865.53L1085.75,802.42C1062.33,799.218 1038.72,797.618 1015.08,797.63C730.6,797.63 500,1028.11 500,1312.4C500,1490.64 590.63,1647.72 728.35,1740.12C637.52,1647.32 581.55,1520.3 581.55,1380.19C581.55,1099.52 806.29,871.3 1085.75,865.53Z" style="fill:rgb(130,130,130);"/>-->
+        </g>
+    </g>
+</svg>

data/vendor/assets/src/medias/images/logos/Orange/Twitter.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="301" height="245"  xml:space="preserve" id="twitterCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <g id="twitterCanvas-twitterCanvaslayer1">
+        <path id="twitterCanvas-twitterCanvaspath3611" stroke="none" fill="orange" d="M 93.72,242.19 C 206.18,242.19 267.68,149.02 267.68,68.23 267.68,65.58 267.62,62.95 267.5,60.33 279.44,51.7 289.82,40.93 298,28.67 287.05,33.54 275.26,36.82 262.89,38.29 275.51,30.72 285.2,18.75 289.78,4.48 277.96,11.48 264.88,16.57 250.95,19.32 239.79,7.43 223.91,-0 206.32,-0 172.56,-0 145.18,27.38 145.18,61.13 145.18,65.93 145.71,70.6 146.76,75.07 95.95,72.52 50.89,48.19 20.74,11.19 15.49,20.23 12.46,30.72 12.46,41.92 12.46,63.13 23.25,81.86 39.67,92.82 29.64,92.51 20.21,89.75 11.98,85.17 11.97,85.43 11.97,85.68 11.97,85.95 11.97,115.56 33.04,140.28 61.02,145.88 55.88,147.28 50.48,148.04 44.9,148.04 40.96,148.04 37.13,147.65 33.41,146.93 41.19,171.23 63.76,188.9 90.52,189.4 69.6,205.8 43.23,215.57 14.58,215.57 9.66,215.57 4.79,215.29 0,214.72 27.06,232.07 59.19,242.19 93.72,242.19 Z M 93.72,242.19" />
+    </g>
+</svg>

data/vendor/assets/src/medias/images/logos/Orange/instagram.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"  xml:space="preserve" id="instagramCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+    <g id="instagramCanvas-group">
+        <path id="instagramCanvas-bezier" stroke="none" fill="orange" d="M 128,23.06 C 162.18,23.06 166.23,23.19 179.72,23.81 192.2,24.38 198.98,26.46 203.49,28.22 209.46,30.54 213.73,33.31 218.21,37.79 222.69,42.27 225.46,46.54 227.78,52.51 229.54,57.02 231.62,63.8 232.19,76.28 232.81,89.77 232.94,93.82 232.94,128 232.94,162.18 232.81,166.23 232.19,179.72 231.62,192.2 229.54,198.98 227.78,203.49 225.46,209.47 222.69,213.73 218.21,218.21 213.73,222.69 209.46,225.46 203.49,227.78 198.98,229.54 192.2,231.62 179.72,232.19 166.23,232.81 162.18,232.94 128,232.94 93.82,232.94 89.77,232.81 76.28,232.19 63.8,231.62 57.02,229.54 52.51,227.78 46.53,225.46 42.27,222.69 37.79,218.21 33.31,213.73 30.54,209.47 28.22,203.49 26.46,198.98 24.38,192.2 23.81,179.72 23.19,166.23 23.06,162.18 23.06,128 23.06,93.82 23.19,89.77 23.81,76.28 24.38,63.8 26.46,57.02 28.22,52.51 30.54,46.54 33.31,42.27 37.79,37.79 42.27,33.31 46.53,30.54 52.51,28.22 57.02,26.46 63.8,24.38 76.28,23.81 89.77,23.19 93.82,23.06 128,23.06 Z M 128,-0 C 93.24,-0 88.88,0.15 75.23,0.77 61.6,1.39 52.3,3.56 44.15,6.72 35.74,9.99 28.6,14.37 21.48,21.48 14.37,28.6 9.99,35.74 6.72,44.16 3.56,52.3 1.39,61.6 0.77,75.23 0.15,88.88 0,93.24 0,128 0,162.76 0.15,167.12 0.77,180.77 1.39,194.4 3.56,203.7 6.72,211.85 9.99,220.26 14.37,227.4 21.48,234.52 28.6,241.63 35.74,246.01 44.15,249.28 52.3,252.44 61.6,254.61 75.23,255.23 88.88,255.85 93.24,256 128,256 162.76,256 167.12,255.85 180.77,255.23 194.4,254.61 203.7,252.44 211.84,249.28 220.26,246.01 227.4,241.63 234.52,234.52 241.63,227.4 246.01,220.26 249.28,211.85 252.44,203.7 254.61,194.4 255.23,180.77 255.85,167.12 256,162.76 256,128 256,93.24 255.85,88.88 255.23,75.23 254.61,61.6 252.44,52.3 249.28,44.16 246.01,35.74 241.63,28.6 234.52,21.48 227.4,14.37 220.26,9.99 211.84,6.72 203.7,3.56 194.4,1.39 180.77,0.77 167.12,0.15 162.76,-0 128,-0 Z M 128,62.27 C 91.7,62.27 62.27,91.7 62.27,128 62.27,164.3 91.7,193.73 128,193.73 164.3,193.73 193.73,164.3 193.73,128 193.73,91.7 164.3,62.27 128,62.27 Z M 128,170.67 C 104.44,170.67 85.33,151.56 85.33,128 85.33,104.44 104.44,85.33 128,85.33 151.56,85.33 170.67,104.44 170.67,128 170.67,151.56 151.56,170.67 128,170.67 Z M 211.69,59.67 C 211.69,68.16 204.81,75.03 196.33,75.03 187.84,75.03 180.97,68.16 180.97,59.67 180.97,51.19 187.84,44.31 196.33,44.31 204.81,44.31 211.69,51.19 211.69,59.67 Z M 211.69,59.67" />
+    </g>
+</svg>

data/vendor/assets/src/medias/images/logos/Orange/vimeo.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="800"  xml:space="preserve" id="vimeosvgCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <g id="vimeosvgCanvas-group">
+        <path id="vimeosvgCanvas-bezier" stroke="none" fill="orange" d="M 56.73,315.58 C 54.67,316.85 52.61,317 50.39,317 49.12,317.48 47.7,317.95 46.11,317.95 32.79,318.43 24.23,304.79 16.77,295.44 9.32,286.08 1.39,277.2 0.28,264.83 0.28,264.51 0.44,264.2 0.6,263.88 -0.35,260.55 -0.19,257.06 1.23,253.73 48.64,150.5 174.72,83.74 283.66,75.17 284.13,75.17 284.61,75.17 285.08,75.17 290.31,75.17 294.28,77.55 297.13,77.55 322.35,93.41 331.54,134.64 339.47,157.79 357.55,211.23 368.97,270.39 381.34,325.41 394.02,382.66 412.42,526.65 495.36,432.45 516.61,408.35 531.2,374.25 541.98,339.84 538.33,320.97 541.5,302.42 524.22,286.56 505.35,269.11 484.57,260.55 458.88,263.4 454.6,263.88 451.74,261.5 450.48,258.17 443.82,253.09 440.17,244.06 445.72,234.7 502.17,139.24 637.44,-3.8 752.25,105.77 871.82,220.11 737.35,422.61 669.32,524.1 596.37,632.89 435.89,786.71 289.05,715.66 238.62,691.24 221.18,635.9 208.17,585.31 185.18,496.03 164.09,406.28 141.25,316.84 140.93,316.21 140.46,315.73 139.98,315.1 136.65,308.75 135.54,300.51 130.63,295.28 123.33,287.35 112.23,288.14 102.88,290.36 85.91,294.65 71.64,307.17 56.73,315.58 Z M 56.73,315.58" />
+    </g>
+</svg>

data/vendor/assets/src/medias/images/logos/Orange/youtube.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="800"  xml:space="preserve" id="youtubeCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <path id="youtubeCanvas-youtubeCanvasyouTubeCanvasyouTubeCanvasbezier" stroke="none" fill="orange" d="M 773.53,204.25 L 773.59,204.5 C 764.4,170.12 737.61,143.3 703.26,134.11 642.12,117.4 395.01,117.4 395.01,117.4 395.01,117.4 147.9,117.91 86.5,134.67 L 86.76,134.62 C 52.4,143.81 25.61,170.63 16.43,205.01 -2.09,313.95 -9.3,480.33 16.99,585.15 L 16.94,584.9 C 26.12,619.28 52.91,646.1 87.26,655.29 148.41,672 395.51,672 395.51,672 395.51,672 642.62,672 704.02,655.24 L 703.77,655.29 C 738.12,646.1 764.91,619.28 774.09,584.9 793.63,475.81 799.67,309.53 773.53,204.25 Z M 773.53,204.25" />
+  <polygon id="youtubeCanvas-youtubeCanvasyouTubeCanvasyouTubeCanvaspolygon" stroke="none" fill="rgb(38, 38, 38)" points="-0,-181.89 157.41,90.94 -157.41,90.94" transform="translate(395, 395) rotate(-30.1)"  />
+</svg>

data/vendor/assets/src/medias/images/logos/gray/Facebook.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 2134 2134" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(4.16667,0,0,4.16667,0,0)">
+        <path d="M512,256C512,114.604 397.396,0 256,0C114.604,0 0,114.604 0,256C0,383.79 93.562,489.696 216.022,508.914L216.022,330.064L151.075,330.064L151.075,256L216.022,256L216.022,199.61C216.022,135.505 254.176,100.015 312.671,100.015C340.726,100.015 370.043,105.065 370.043,105.065L370.043,168.048L337.779,168.048C305.938,168.048 296.118,187.827 296.118,208.026L296.118,256L367.097,256L355.734,330.064L296.118,330.064L296.118,508.914C418.438,489.696 512,383.79 512,256Z" style="fill:rgb(90,90,90);fill-rule:nonzero;"/>
+        <path d="M355.595,330.064L366.957,256L295.979,256L295.979,208.026C295.979,187.827 305.938,168.048 337.64,168.048L369.902,168.048L369.902,105.065C369.902,105.065 340.585,100.015 312.53,100.015C254.036,100.015 215.882,135.505 215.882,199.61L215.882,256L150.935,256L150.935,330.064L215.882,330.064L215.882,508.914C228.927,511.018 242.253,512 255.86,512C269.467,512 282.792,510.878 295.838,508.914L295.838,330.064L355.595,330.064Z" style="fill:rgb(161,161,161);fill-rule:nonzero;"/>
+    </g>
+</svg>

data/vendor/assets/src/medias/images/logos/gray/TikTok.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1541 1798" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-474,-142)">
+        <g>
+            <path d="M1611.67,811.86C1721.11,890.05 1855.19,936.06 1999.99,936.06L1999.99,657.55C1972.58,657.561 1945.25,654.702 1918.44,649.02L1918.44,868.25C1773.65,868.25 1639.59,822.24 1530.12,744.05L1530.12,1312.4C1530.12,1596.72 1299.52,1827.19 1015.07,1827.19C908.94,1827.19 810.29,1795.12 728.34,1740.12C821.87,1835.7 952.3,1895 1096.6,1895C1381.07,1895 1611.68,1664.53 1611.68,1380.2L1611.68,811.86L1611.67,811.86ZM1712.27,530.88C1656.34,469.81 1619.62,390.88 1611.67,303.62L1611.67,267.8L1534.39,267.8C1553.84,378.7 1620.19,473.45 1712.27,530.88ZM908.25,1521.95C877.01,1481.01 860.115,1430.89 860.19,1379.39C860.19,1249.35 965.67,1143.92 1095.8,1143.92C1120.05,1143.9 1144.15,1147.62 1167.27,1154.95L1167.27,870.22C1140.26,866.521 1113,864.953 1085.75,865.53L1085.75,1087.15C1062.62,1079.82 1038.51,1076.1 1014.25,1076.12C884.12,1076.12 778.65,1181.55 778.65,1311.6C778.65,1403.55 831.37,1483.17 908.25,1521.95Z" style="fill:rgb( 100, 100, 100);"/>
+            <path d="M1530.12,744.05C1639.59,822.24 1773.65,868.25 1918.44,868.25L1918.44,649.02C1837.62,631.82 1766.07,589.6 1712.27,530.88C1620.19,473.45 1553.84,378.7 1534.39,267.8L1331.4,267.8L1331.4,1380.19C1330.94,1509.87 1225.64,1614.87 1095.79,1614.87C1019.27,1614.87 951.29,1578.42 908.24,1521.95C831.36,1483.17 778.64,1403.55 778.64,1311.6C778.64,1181.55 884.11,1076.12 1014.24,1076.12C1039.17,1076.12 1063.2,1080 1085.74,1087.15L1085.74,865.53C806.29,871.3 581.54,1099.52 581.54,1380.2C581.54,1520.31 637.51,1647.33 728.34,1740.13C810.29,1795.13 908.94,1827.2 1015.07,1827.2C1299.52,1827.2 1530.12,1596.72 1530.12,1312.41L1530.12,744.05Z" style="fill: rgb( 161, 161, 161);"/>
+            <path d="M1918.44,649.02L1918.44,589.74C1845.56,589.85 1774.1,569.445 1712.27,530.87C1767,590.759 1839.1,632.077 1918.44,649.02ZM1534.39,267.8C1532.53,257.203 1531.11,246.534 1530.12,235.82L1530.12,200L1249.84,200L1249.84,1312.4C1249.39,1442.07 1144.1,1547.07 1014.24,1547.07C976.11,1547.07 940.12,1538.03 908.24,1521.95C951.29,1578.42 1019.27,1614.87 1095.79,1614.87C1225.63,1614.87 1330.94,1509.87 1331.4,1380.19L1331.4,267.8L1534.39,267.8ZM1085.75,865.53L1085.75,802.42C1062.33,799.218 1038.72,797.618 1015.08,797.63C730.6,797.63 500,1028.11 500,1312.4C500,1490.64 590.63,1647.72 728.35,1740.12C637.52,1647.32 581.55,1520.3 581.55,1380.19C581.55,1099.52 806.29,871.3 1085.75,865.53Z" style="fill:rgb(130,130,130);"/>
+        </g>
+    </g>
+</svg>

data/vendor/assets/src/medias/images/logos/gray/Twitter.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="301" height="245"  xml:space="preserve" id="twitterCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <g id="twitterCanvas-twitterCanvaslayer1">
+        <path id="twitterCanvas-twitterCanvaspath3611" stroke="none" fill="rgb(161, 161, 161)" d="M 93.72,242.19 C 206.18,242.19 267.68,149.02 267.68,68.23 267.68,65.58 267.62,62.95 267.5,60.33 279.44,51.7 289.82,40.93 298,28.67 287.05,33.54 275.26,36.82 262.89,38.29 275.51,30.72 285.2,18.75 289.78,4.48 277.96,11.48 264.88,16.57 250.95,19.32 239.79,7.43 223.91,-0 206.32,-0 172.56,-0 145.18,27.38 145.18,61.13 145.18,65.93 145.71,70.6 146.76,75.07 95.95,72.52 50.89,48.19 20.74,11.19 15.49,20.23 12.46,30.72 12.46,41.92 12.46,63.13 23.25,81.86 39.67,92.82 29.64,92.51 20.21,89.75 11.98,85.17 11.97,85.43 11.97,85.68 11.97,85.95 11.97,115.56 33.04,140.28 61.02,145.88 55.88,147.28 50.48,148.04 44.9,148.04 40.96,148.04 37.13,147.65 33.41,146.93 41.19,171.23 63.76,188.9 90.52,189.4 69.6,205.8 43.23,215.57 14.58,215.57 9.66,215.57 4.79,215.29 0,214.72 27.06,232.07 59.19,242.19 93.72,242.19 Z M 93.72,242.19" />
+    </g>
+</svg>

data/vendor/assets/src/medias/images/logos/gray/instagram.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"  xml:space="preserve" id="instagramCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+    <g id="instagramCanvas-group">
+        <path id="instagramCanvas-bezier" stroke="none" fill="rgb(161, 161, 161)" d="M 128,23.06 C 162.18,23.06 166.23,23.19 179.72,23.81 192.2,24.38 198.98,26.46 203.49,28.22 209.46,30.54 213.73,33.31 218.21,37.79 222.69,42.27 225.46,46.54 227.78,52.51 229.54,57.02 231.62,63.8 232.19,76.28 232.81,89.77 232.94,93.82 232.94,128 232.94,162.18 232.81,166.23 232.19,179.72 231.62,192.2 229.54,198.98 227.78,203.49 225.46,209.47 222.69,213.73 218.21,218.21 213.73,222.69 209.46,225.46 203.49,227.78 198.98,229.54 192.2,231.62 179.72,232.19 166.23,232.81 162.18,232.94 128,232.94 93.82,232.94 89.77,232.81 76.28,232.19 63.8,231.62 57.02,229.54 52.51,227.78 46.53,225.46 42.27,222.69 37.79,218.21 33.31,213.73 30.54,209.47 28.22,203.49 26.46,198.98 24.38,192.2 23.81,179.72 23.19,166.23 23.06,162.18 23.06,128 23.06,93.82 23.19,89.77 23.81,76.28 24.38,63.8 26.46,57.02 28.22,52.51 30.54,46.54 33.31,42.27 37.79,37.79 42.27,33.31 46.53,30.54 52.51,28.22 57.02,26.46 63.8,24.38 76.28,23.81 89.77,23.19 93.82,23.06 128,23.06 Z M 128,-0 C 93.24,-0 88.88,0.15 75.23,0.77 61.6,1.39 52.3,3.56 44.15,6.72 35.74,9.99 28.6,14.37 21.48,21.48 14.37,28.6 9.99,35.74 6.72,44.16 3.56,52.3 1.39,61.6 0.77,75.23 0.15,88.88 0,93.24 0,128 0,162.76 0.15,167.12 0.77,180.77 1.39,194.4 3.56,203.7 6.72,211.85 9.99,220.26 14.37,227.4 21.48,234.52 28.6,241.63 35.74,246.01 44.15,249.28 52.3,252.44 61.6,254.61 75.23,255.23 88.88,255.85 93.24,256 128,256 162.76,256 167.12,255.85 180.77,255.23 194.4,254.61 203.7,252.44 211.84,249.28 220.26,246.01 227.4,241.63 234.52,234.52 241.63,227.4 246.01,220.26 249.28,211.85 252.44,203.7 254.61,194.4 255.23,180.77 255.85,167.12 256,162.76 256,128 256,93.24 255.85,88.88 255.23,75.23 254.61,61.6 252.44,52.3 249.28,44.16 246.01,35.74 241.63,28.6 234.52,21.48 227.4,14.37 220.26,9.99 211.84,6.72 203.7,3.56 194.4,1.39 180.77,0.77 167.12,0.15 162.76,-0 128,-0 Z M 128,62.27 C 91.7,62.27 62.27,91.7 62.27,128 62.27,164.3 91.7,193.73 128,193.73 164.3,193.73 193.73,164.3 193.73,128 193.73,91.7 164.3,62.27 128,62.27 Z M 128,170.67 C 104.44,170.67 85.33,151.56 85.33,128 85.33,104.44 104.44,85.33 128,85.33 151.56,85.33 170.67,104.44 170.67,128 170.67,151.56 151.56,170.67 128,170.67 Z M 211.69,59.67 C 211.69,68.16 204.81,75.03 196.33,75.03 187.84,75.03 180.97,68.16 180.97,59.67 180.97,51.19 187.84,44.31 196.33,44.31 204.81,44.31 211.69,51.19 211.69,59.67 Z M 211.69,59.67" />
+    </g>
+</svg>

data/vendor/assets/src/medias/images/logos/gray/vimeo.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="800"  xml:space="preserve" id="vimeosvgCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <g id="vimeosvgCanvas-group">
+        <path id="vimeosvgCanvas-bezier" stroke="none" fill="rgb(161, 161, 161)" d="M 56.73,315.58 C 54.67,316.85 52.61,317 50.39,317 49.12,317.48 47.7,317.95 46.11,317.95 32.79,318.43 24.23,304.79 16.77,295.44 9.32,286.08 1.39,277.2 0.28,264.83 0.28,264.51 0.44,264.2 0.6,263.88 -0.35,260.55 -0.19,257.06 1.23,253.73 48.64,150.5 174.72,83.74 283.66,75.17 284.13,75.17 284.61,75.17 285.08,75.17 290.31,75.17 294.28,77.55 297.13,77.55 322.35,93.41 331.54,134.64 339.47,157.79 357.55,211.23 368.97,270.39 381.34,325.41 394.02,382.66 412.42,526.65 495.36,432.45 516.61,408.35 531.2,374.25 541.98,339.84 538.33,320.97 541.5,302.42 524.22,286.56 505.35,269.11 484.57,260.55 458.88,263.4 454.6,263.88 451.74,261.5 450.48,258.17 443.82,253.09 440.17,244.06 445.72,234.7 502.17,139.24 637.44,-3.8 752.25,105.77 871.82,220.11 737.35,422.61 669.32,524.1 596.37,632.89 435.89,786.71 289.05,715.66 238.62,691.24 221.18,635.9 208.17,585.31 185.18,496.03 164.09,406.28 141.25,316.84 140.93,316.21 140.46,315.73 139.98,315.1 136.65,308.75 135.54,300.51 130.63,295.28 123.33,287.35 112.23,288.14 102.88,290.36 85.91,294.65 71.64,307.17 56.73,315.58 Z M 56.73,315.58" />
+    </g>
+</svg>

data/vendor/assets/src/medias/images/logos/gray/youtube.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="800"  xml:space="preserve" id="youtubeCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <path id="youtubeCanvas-youtubeCanvasyouTubeCanvasyouTubeCanvasbezier" stroke="none" fill="rgb(90, 90, 90)" d="M 773.53,204.25 L 773.59,204.5 C 764.4,170.12 737.61,143.3 703.26,134.11 642.12,117.4 395.01,117.4 395.01,117.4 395.01,117.4 147.9,117.91 86.5,134.67 L 86.76,134.62 C 52.4,143.81 25.61,170.63 16.43,205.01 -2.09,313.95 -9.3,480.33 16.99,585.15 L 16.94,584.9 C 26.12,619.28 52.91,646.1 87.26,655.29 148.41,672 395.51,672 395.51,672 395.51,672 642.62,672 704.02,655.24 L 703.77,655.29 C 738.12,646.1 764.91,619.28 774.09,584.9 793.63,475.81 799.67,309.53 773.53,204.25 Z M 773.53,204.25" />
+  <polygon id="youtubeCanvas-youtubeCanvasyouTubeCanvasyouTubeCanvaspolygon" stroke="none" fill="rgb(161, 161, 161)" points="-0,-181.89 157.41,90.94 -157.41,90.94" transform="translate(395, 395) rotate(-30.1)"  />
+</svg>

data/vendor/assets/src/medias/images/logos/gray/youtube2.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="492" height="110"  xml:space="preserve" id="youtubeCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <path id="youtubeCanvas-youTubeCanvasyouTubeCanvasbezier" stroke="none" fill="rgb(90, 90, 90)" d="M 154.3,17.5 L 154.31,17.55 C 152.5,10.78 147.22,5.5 140.45,3.69 128.4,0.4 79.7,0.4 79.7,0.4 79.7,0.4 31,0.5 18.9,3.8 L 18.95,3.79 C 12.18,5.6 6.9,10.88 5.09,17.65 1.44,39.1 0.02,71.86 5.2,92.5 L 5.19,92.45 C 7,99.22 12.28,104.5 19.05,106.31 31.1,109.6 79.8,109.6 79.8,109.6 79.8,109.6 128.5,109.6 140.6,106.3 L 140.55,106.31 C 147.32,104.5 152.6,99.22 154.41,92.45 158.26,70.97 159.45,38.23 154.3,17.5 Z M 154.3,17.5" />
+  <polygon id="youtubeCanvas-youTubeCanvasyouTubeCanvaspolygon" stroke="none" fill="rgb(161, 161, 161)" points="0,-27 23.38,13.5 -23.38,13.5" transform="translate(80, 54) rotate(-30.1)"  />
+  <g id="youtubeCanvas-youTubeCanvasyouTubeCanvasgroup">
+        <path id="youtubeCanvas-youTubeCanvasyouTubeCanvasbezier2" stroke="none" fill="rgb(161, 161, 161)" d="M 227.9,99.7 C 224.8,97.6 222.6,94.4 221.3,90 220,85.6 219.4,79.8 219.4,72.5 L 219.4,62.6 C 219.4,55.3 220.1,49.3 221.6,44.9 223.1,40.4 225.4,37.2 228.6,35.2 231.8,33.2 235.9,32.1 241,32.1 246,32.1 250.1,33.1 253.1,35.2 256.1,37.3 258.4,40.5 259.8,44.9 261.2,49.3 261.9,55.2 261.9,62.5 L 261.9,72.4 C 261.9,79.7 261.2,85.5 259.8,89.9 258.4,94.3 256.2,97.5 253.1,99.6 250,101.6 245.8,102.7 240.6,102.7 235.2,102.8 231,101.7 227.9,99.7 Z M 245.2,89 C 246.1,86.8 246.5,83.1 246.5,78.1 L 246.5,56.8 C 246.5,51.9 246.1,48.3 245.2,46.1 244.3,43.8 242.8,42.7 240.7,42.7 238.6,42.7 237.2,43.8 236.3,46.1 235.4,48.4 235,51.9 235,56.8 L 235,78.1 C 235,83.1 235.4,86.8 236.2,89 237,91.2 238.5,92.3 240.7,92.3 242.8,92.3 244.3,91.2 245.2,89 Z M 464.4,72.7 L 464.4,76.2 464.8,86.1 C 465.1,88.3 465.6,89.9 466.4,90.9 467.2,91.9 468.5,92.4 470.2,92.4 472.5,92.4 474.1,91.5 474.9,89.7 475.8,87.9 476.2,84.9 476.3,80.8 L 489.6,81.6 C 489.7,82.2 489.7,83 489.7,84 489.7,90.3 488,95 484.5,98.1 481,101.2 476.2,102.8 469.9,102.8 462.3,102.8 457,100.4 454,95.7 451,91 449.4,83.6 449.4,73.7 L 449.4,61.6 C 449.74,44.6 452.73,32.15 470.3,32.1 475.6,32.1 479.6,33.1 482.4,35 485.2,36.9 487.2,39.9 488.4,44 489.6,48.1 490.1,53.7 490.1,60.9 L 490.1,72.6 464.4,72.6 464.4,72.7 Z M 466.4,43.9 C 465.6,44.9 465.1,46.4 464.8,48.6 464.5,50.8 464.4,58.6 464.4,58.6 L 464.4,63.5 475.6,63.5 475.6,58.6 C 475.6,63.5 475.5,50.9 475.2,48.6 474.9,46.3 474.4,44.7 473.6,43.8 472.8,42.9 471.6,42.4 470,42.4 468.3,42.5 467.1,43 466.4,43.9 Z M 190.5,71.4 L 173,8.2 188.3,8.2 C 188.3,8.2 195.45,39.9 197.9,54.8 L 198.3,54.8 C 201.08,38.98 208.1,8.2 208.1,8.2 L 223.4,8.2 205.7,71.3 205.7,101.6 190.6,101.6 190.6,71.4 190.5,71.4 Z M 190.5,71.4" />
+    <path id="youtubeCanvas-youTubeCanvasyouTubeCanvasa" stroke="none" fill="rgb(161, 161, 161)" d="M 311.5,33.4 L 311.5,101.7 299.5,101.7 298.2,93.3 297.9,93.3 C 294.6,99.6 289.7,102.8 283.2,102.8 271.43,102.77 270.12,92.8 270,84.4 L 270,33.4 285.4,33.4 285.4,83.5 C 285.4,86.5 285.7,88.7 286.4,90 287.82,92.78 291.5,92.07 293.5,90.7 L 293.49,90.7 C 294.66,89.92 295.59,88.84 296.21,87.58 L 296.2,33.4 311.5,33.4 Z M 311.5,33.4" />
+    <path id="youtubeCanvas-youTubeCanvasyouTubeCanvasbezier4" stroke="none" fill="rgb(161, 161, 161)" d="M 353.3,20.6 L 338,20.6 338,101.7 323,101.7 323,20.6 307.7,20.6 307.7,8.2 353.2,8.2 353.2,20.6 353.3,20.6 Z M 441.2,44.3 C 440.3,40 438.8,36.9 436.7,34.9 434.6,33 431.8,32 428.1,32 L 428.07,32 C 425.26,32 422.51,32.84 420.18,34.41 417.7,36 415.9,38.1 414.5,40.7 L 414.4,40.7 414.4,4.7 399.6,4.7 399.6,101.6 412.3,101.6 413.9,95.1 414.2,95.1 414.19,95.08 C 415.42,97.39 417.28,99.32 419.55,100.63 421.9,101.9 424.5,102.6 427.4,102.6 432.6,102.6 436.4,100.2 438.9,95.4 441.3,90.6 442.6,83.1 442.6,73 L 442.6,62.2 C 442.6,54.6 442.1,48.6 441.2,44.3 Z M 427.1,72.2 C 427.1,77.2 426.9,81.1 426.5,83.9 426.1,86.7 425.4,88.7 424.4,89.9 423.4,91.1 422.1,91.7 420.5,91.7 417.4,91.6 415.64,90.2 414.4,88.1 L 414.4,49.3 C 414.9,47.4 415.8,45.9 417.1,44.7 419.3,42.23 423.06,42.2 424.8,44.7 425.7,45.9 426.2,48 426.6,50.9 426.9,53.8 427.1,57.9 427.1,63.3 L 427.1,72.2 Z M 427.1,72.2" />
+    </g>
+  <path id="youtubeCanvas-youTubeCanvasyouTubeCanvasa2" stroke="none" fill="rgb(161, 161, 161)" d="M 390.4,33.4 L 390.4,101.7 378.4,101.7 377.1,93.3 376.8,93.3 C 373.5,99.6 368.6,102.8 362.1,102.8 350.33,102.77 349.02,92.8 348.9,84.4 L 348.9,33.4 364.3,33.4 364.3,83.5 C 364.3,86.5 364.6,88.7 365.3,90 366.72,92.78 370.4,92.07 372.4,90.7 L 372.39,90.7 C 373.56,89.92 374.49,88.84 375.11,87.58 L 375.1,33.4 390.4,33.4 Z M 390.4,33.4" />
+</svg>

data/vendor/assets/src/medias/images/logos/vimeo.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 231.228 231.228" xml:space="preserve">
+<g>
+	<path style="fill:#3FA9F5;" d="M16.398,91.213c-0.596,0.367-1.192,0.412-1.833,0.412c-0.367,0.138-0.779,0.275-1.238,0.275
+		c-3.85,0.138-6.325-3.804-8.479-6.508s-4.446-5.271-4.767-8.846c0-0.092,0.046-0.183,0.092-0.275
+		c-0.275-0.963-0.229-1.971,0.183-2.934C14.06,43.499,50.499,24.203,81.987,21.728c0.137,0,0.275,0,0.412,0
+		c1.512,0,2.658,0.688,3.483,0.688c7.288,4.583,9.946,16.5,12.238,23.192c5.225,15.446,8.525,32.543,12.1,48.447
+		c3.667,16.546,8.984,58.164,32.955,30.938c6.142-6.967,10.359-16.821,13.475-26.767c-1.054-5.454-0.137-10.817-5.133-15.401
+		c-5.454-5.042-11.459-7.517-18.884-6.692c-1.238,0.137-2.063-0.55-2.429-1.513c-1.925-1.467-2.979-4.079-1.375-6.784
+		c16.317-27.592,55.414-68.935,88.598-37.264c34.559,33.047-4.308,91.578-23.971,120.912
+		c-21.084,31.443-67.469,75.902-109.911,55.368c-14.575-7.059-19.617-23.055-23.376-37.676
+		c-6.646-25.805-12.742-51.747-19.342-77.598c-0.092-0.183-0.229-0.321-0.367-0.504c-0.963-1.833-1.283-4.217-2.704-5.729
+		c-2.108-2.292-5.317-2.063-8.021-1.421C24.831,85.163,20.706,88.784,16.398,91.213z"/>
+</g>
+</svg>