From 8ecab5c7be2ec83bcc614842a10ec06084c2840c Mon Sep 17 00:00:00 2001
From: xdrm-brackets <xdrm.brackets.dev@gmail.com>
Date: Mon, 28 Jun 2021 21:19:02 +0200
Subject: [PATCH] feat: add logo, fix waves for all devices, update models

---
 src/App.vue                                   |   4 +-
 src/assets/logo-dark.svg                      | 179 +++++++++++++++++
 src/assets/logo-light.svg                     | 184 ++++++++++++++++++
 src/assets/wave.footer.svg                    |  33 ++--
 src/assets/wave.invert.1.svg                  |  22 +--
 src/assets/wave.invert.2.svg                  |  26 +--
 ...ave.invert.2.svg.2021_06_28_21_01_49.0.svg | 112 +++++++++++
 src/components/Banner.vue                     |  25 +--
 src/components/Skills.vue                     |   2 +
 src/model/banner.ts                           |   2 +-
 src/model/skills.ts                           |   5 +-
 11 files changed, 536 insertions(+), 58 deletions(-)
 create mode 100644 src/assets/logo-dark.svg
 create mode 100644 src/assets/logo-light.svg
 create mode 100644 src/assets/wave.invert.2.svg.2021_06_28_21_01_49.0.svg

diff --git a/src/App.vue b/src/App.vue
index 91c09fb..13cbf21 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -37,8 +37,8 @@ export default class App extends Vue {
 		// justify-content: flex-start;
 		// align-items: auto;
 
-		background: url('./assets/wave.footer.svg') bottom no-repeat;
-		background-size: 100vw auto;
+		// background: url('./assets/wave.footer.svg') bottom no-repeat;
+		// background-size: 100vw auto;
 
 		overflow: hidden;
 	}
diff --git a/src/assets/logo-dark.svg b/src/assets/logo-dark.svg
new file mode 100644
index 0000000..9add45d
--- /dev/null
+++ b/src/assets/logo-dark.svg
@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="135.46666mm"
+   height="135.46666mm"
+   viewBox="0 0 135.46666 135.46666"
+   version="1.1"
+   id="svg1966"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   sodipodi:docname="model-dark.svg"
+   inkscape:export-filename="/home/xdrm-brackets/Desktop/GRAPHISM/xdrm-brackets.logo/v6/dark_512x512.png"
+   inkscape:export-xdpi="96.000008"
+   inkscape:export-ydpi="96.000008">
+  <defs
+     id="defs1960">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient961"
+       id="linearGradient1802-3"
+       x1="-104.38408"
+       y1="123.26704"
+       x2="-104.38408"
+       y2="213.58813"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient961">
+      <stop
+         style="stop-color:#56fba5;stop-opacity:1"
+         offset="0"
+         id="stop957" />
+      <stop
+         style="stop-color:#168be5;stop-opacity:1"
+         offset="1"
+         id="stop959" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient961"
+       id="linearGradient2577"
+       gradientUnits="userSpaceOnUse"
+       x1="-104.38408"
+       y1="123.26704"
+       x2="-104.38408"
+       y2="213.58813" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient961"
+       id="linearGradient2579"
+       gradientUnits="userSpaceOnUse"
+       x1="-104.38408"
+       y1="123.26704"
+       x2="-104.38408"
+       y2="213.58813" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient961"
+       id="linearGradient2581"
+       gradientUnits="userSpaceOnUse"
+       x1="-104.38408"
+       y1="123.26704"
+       x2="-104.38408"
+       y2="213.58813" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient961"
+       id="linearGradient2583"
+       gradientUnits="userSpaceOnUse"
+       x1="-104.38408"
+       y1="123.26704"
+       x2="-104.38408"
+       y2="213.58813" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="-1192.5715"
+     inkscape:cy="-264.00002"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="37"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata1963">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-421.36787,-218.01667)">
+    <g
+       id="g1023"
+       transform="matrix(0.8313236,0,0,0.8313236,388.70851,217.89854)"
+       inkscape:export-filename="/storage/git.xdrm.io/aicra/readme.assets/logo.png"
+       inkscape:export-xdpi="100"
+       inkscape:export-ydpi="100">
+      <g
+         id="g1013"
+         transform="matrix(1.1391684,0,0,1.1391684,-7.3799827,-1.9323909)">
+        <rect
+           style="fill:#02042c;fill-opacity:1;stroke:none;stroke-width:0.41921;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:13.731;paint-order:fill markers stroke"
+           id="rect983"
+           width="117.57381"
+           height="117.57381"
+           x="70.701828"
+           y="-23.213411"
+           rx="9.2891417"
+           ry="9.2891417"
+           transform="rotate(17.743534)" />
+        <rect
+           style="fill:#242543;fill-opacity:1;stroke:none;stroke-width:0.424;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:13.731;paint-order:fill markers stroke"
+           id="rect981"
+           width="118.91715"
+           height="118.91715"
+           x="53.029133"
+           y="13.885267"
+           rx="9.3947573"
+           ry="9.3952751" />
+      </g>
+      <g
+         id="g1794-2"
+         transform="matrix(0.76740361,0,0,0.76740361,199.94002,-47.158332)"
+         style="fill:url(#linearGradient1802-3);fill-opacity:1">
+        <path
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient2577);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.7793;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           d="m -60.59744,125.17671 c -2.222448,-2.22245 -5.893577,-2.21471 -8.116026,0.006 -2.222647,2.22265 -2.230388,5.89358 -0.0058,8.11623 2.222647,2.22265 5.901319,2.22265 8.123966,0 2.222647,-2.22265 2.222647,-5.90132 0,-8.12397 z"
+           id="circle1078-9"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscc" />
+        <path
+           id="path1076-1"
+           d="M -98.739347,180.73017 -68.8681,210.5911 a 6.0404954,6.0404954 0 1 0 8.544794,-8.53447 L -90.204677,172.1957 Z"
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient2579);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path1074-2"
+           d="m -107.61247,154.79804 -29.86092,-29.85061 a 6.0404954,6.0404954 0 0 0 -4.3391,-1.82623 6.0404954,6.0404954 0 0 0 -4.19557,10.38095 l 29.8506,29.84048 z"
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient2581);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccccc"
+           inkscape:connector-curvature="0"
+           id="path1054-7"
+           d="m -85.742312,144.109 c -1.566194,0.0596 -3.054179,0.70271 -4.147141,1.82822 l -56.024317,56.02432 c -5.97437,5.68793 2.839,14.51281 8.53467,8.54559 l 56.035235,-56.02432 c 3.96154,-3.84343 1.117577,-10.54889 -4.398447,-10.37301 z"
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient2583);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/logo-light.svg b/src/assets/logo-light.svg
new file mode 100644
index 0000000..6786308
--- /dev/null
+++ b/src/assets/logo-light.svg
@@ -0,0 +1,184 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="511.99997"
+   height="511.99997"
+   viewBox="0 0 135.46666 135.46666"
+   version="1.1"
+   id="svg2681"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   sodipodi:docname="model-light.svg"
+   inkscape:export-filename="/home/xdrm-brackets/Desktop/GRAPHISM/xdrm-brackets.logo/v6/light_512x512.png"
+   inkscape:export-xdpi="96.000008"
+   inkscape:export-ydpi="96.000008">
+  <defs
+     id="defs2675">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient961"
+       id="linearGradient1802"
+       x1="-104.38408"
+       y1="123.26704"
+       x2="-104.38408"
+       y2="213.58813"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient961">
+      <stop
+         style="stop-color:#56fba5;stop-opacity:1"
+         offset="0"
+         id="stop957" />
+      <stop
+         style="stop-color:#168be5;stop-opacity:1"
+         offset="1"
+         id="stop959" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient961"
+       id="linearGradient3294"
+       gradientUnits="userSpaceOnUse"
+       x1="-104.38408"
+       y1="123.26704"
+       x2="-104.38408"
+       y2="213.58813" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient961"
+       id="linearGradient3296"
+       gradientUnits="userSpaceOnUse"
+       x1="-104.38408"
+       y1="123.26704"
+       x2="-104.38408"
+       y2="213.58813" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient961"
+       id="linearGradient3298"
+       gradientUnits="userSpaceOnUse"
+       x1="-104.38408"
+       y1="123.26704"
+       x2="-104.38408"
+       y2="213.58813" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient961"
+       id="linearGradient3300"
+       gradientUnits="userSpaceOnUse"
+       x1="-104.38408"
+       y1="123.26704"
+       x2="-104.38408"
+       y2="213.58813" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="981.71429"
+     inkscape:cy="758.85714"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="37"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2678">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(153.9119,52.614285)">
+    <g
+       id="g2621"
+       transform="translate(80.62926,-52.756386)">
+      <g
+         id="g859"
+         transform="matrix(0.8313236,0,0,0.8313236,-267.20052,0.02396909)"
+         inkscape:export-filename="/storage/git.xdrm.io/aicra/readme.assets/logo.png"
+         inkscape:export-xdpi="100"
+         inkscape:export-ydpi="100">
+        <g
+           id="g853"
+           transform="matrix(1.1391684,0,0,1.1391684,-7.3799827,-1.9323909)">
+          <rect
+             style="fill:#9ea1cc;fill-opacity:1;stroke:none;stroke-width:0.41921;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:13.731;paint-order:fill markers stroke"
+             id="rect849"
+             width="117.57381"
+             height="117.57381"
+             x="70.701828"
+             y="-23.213411"
+             rx="9.2891417"
+             ry="9.2891417"
+             transform="rotate(17.743534)" />
+          <rect
+             style="fill:#f1f1f7;fill-opacity:1;stroke:none;stroke-width:0.424;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:13.731;paint-order:fill markers stroke"
+             id="rect851"
+             width="118.91715"
+             height="118.91715"
+             x="53.029133"
+             y="13.885267"
+             rx="9.3947573"
+             ry="9.3952751" />
+        </g>
+      </g>
+      <g
+         id="g1794"
+         transform="matrix(0.63796074,0,0,0.63796074,-100.98567,-39.179866)"
+         style="fill:url(#linearGradient1802);fill-opacity:1">
+        <path
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient3294);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.7793;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           d="m -60.59744,125.17671 c -2.222448,-2.22245 -5.893577,-2.21471 -8.116026,0.006 -2.222647,2.22265 -2.230388,5.89358 -0.0058,8.11623 2.222647,2.22265 5.901319,2.22265 8.123966,0 2.222647,-2.22265 2.222647,-5.90132 0,-8.12397 z"
+           id="circle1078"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccscc" />
+        <path
+           id="path1076"
+           d="M -98.739347,180.73017 -68.8681,210.5911 a 6.0404954,6.0404954 0 1 0 8.544794,-8.53447 L -90.204677,172.1957 Z"
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient3296);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path1074"
+           d="m -107.61247,154.79804 -29.86092,-29.85061 a 6.0404954,6.0404954 0 0 0 -4.3391,-1.82623 6.0404954,6.0404954 0 0 0 -4.19557,10.38095 l 29.8506,29.84048 z"
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient3298);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccccc"
+           inkscape:connector-curvature="0"
+           id="path1054"
+           d="m -85.742312,144.109 c -1.566194,0.0596 -3.054179,0.70271 -4.147141,1.82822 l -56.024317,56.02432 c -5.97437,5.68793 2.839,14.51281 8.53467,8.54559 l 56.035235,-56.02432 c 3.96154,-3.84343 1.117577,-10.54889 -4.398447,-10.37301 z"
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient3300);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/assets/wave.footer.svg b/src/assets/wave.footer.svg
index f683d39..1fff768 100644
--- a/src/assets/wave.footer.svg
+++ b/src/assets/wave.footer.svg
@@ -2,21 +2,21 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="168.3799mm"
    height="7.6796336mm"
    viewBox="0 0 168.3799 7.6796336"
    version="1.1"
    id="svg3399"
-   inkscape:version="0.92.4 5da689c313, 2019-01-14"
-   sodipodi:docname="wave.footer.svg">
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="wave.footer.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <defs
      id="defs3393">
     <linearGradient
@@ -57,9 +57,9 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="3.959798"
-     inkscape:cx="544.00542"
-     inkscape:cy="-26.779914"
+     inkscape:zoom="1.4010417"
+     inkscape:cx="353.30854"
+     inkscape:cy="-71.375462"
      inkscape:document-units="mm"
      inkscape:current-layer="layer1"
      showgrid="false"
@@ -68,11 +68,12 @@
      fit-margin-right="0"
      fit-margin-bottom="0"
      inkscape:window-width="1920"
-     inkscape:window-height="1016"
+     inkscape:window-height="1011"
      inkscape:window-x="0"
-     inkscape:window-y="34"
+     inkscape:window-y="37"
      inkscape:window-maximized="1"
-     inkscape:object-paths="true" />
+     inkscape:object-paths="true"
+     inkscape:pagecheckerboard="0" />
   <metadata
      id="metadata3396">
     <rdf:RDF>
diff --git a/src/assets/wave.invert.1.svg b/src/assets/wave.invert.1.svg
index 61e3567..73f4104 100644
--- a/src/assets/wave.invert.1.svg
+++ b/src/assets/wave.invert.1.svg
@@ -23,13 +23,13 @@
        inkscape:collect="always"
        id="linearGradient1485">
       <stop
-         style="stop-color:#ffffff;stop-opacity:0.57964599"
+         style="stop-color:#ffffff;stop-opacity:0.6274935"
          offset="0"
          id="stop1481" />
       <stop
          id="stop1489"
          offset="0.74826735"
-         style="stop-color:#ffffff;stop-opacity:1" />
+         style="stop-color:#ffffff;stop-opacity:0.94999999" />
       <stop
          style="stop-color:#ffffff;stop-opacity:1"
          offset="1"
@@ -39,9 +39,9 @@
        inkscape:collect="always"
        xlink:href="#linearGradient1485"
        id="linearGradient1487"
-       x1="793.95959"
-       y1="3.1108716"
-       x2="793.70117"
+       x1="787.56714"
+       y1="4.8222294"
+       x2="787.56714"
        y2="78.695312"
        gradientUnits="userSpaceOnUse" />
   </defs>
@@ -52,9 +52,9 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="0.50001213"
-     inkscape:cx="1379.9665"
-     inkscape:cy="465.98869"
+     inkscape:zoom="0.66967706"
+     inkscape:cx="855.6363"
+     inkscape:cy="73.169596"
      inkscape:document-units="mm"
      inkscape:current-layer="layer1"
      showgrid="false"
@@ -90,12 +90,12 @@
      id="layer1"
      transform="translate(-0.83328333,-158.9488)">
     <path
-       style="fill:url(#linearGradient1487);fill-opacity:1;stroke-width:0.56893516;stroke-miterlimit:4;stroke-dasharray:none"
-       d="M 606.63477,54.501953 C 531.54501,51.711662 457.67965,28.990751 382.54492,30.00586 300.89517,31.108991 222.63799,51.691963 139.83203,63.195312 93.654156,69.610312 70.435508,65.788533 0,66.185547 V 78.695312 H 1587.4023 V 66.185547 c -9.6396,0.392152 -34.0164,-0.414501 -43.6724,-0.287495 -232.5307,3.058482 -454.4886,-66.47193739 -665.74053,-55.085958 -90.45464,5.96328 -180.90134,47.051049 -271.3546,43.689859 z"
+       style="fill:url(#linearGradient1487);fill-opacity:1;stroke-width:0.568935;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 606.63477,54.501953 C 531.51738,56.408658 457.67965,28.990751 382.54492,30.00586 300.89517,31.108991 221.23686,56.780324 139.83203,63.195312 93.354786,66.857883 70.435508,65.788533 0,66.185547 V 78.695312 H 1587.4023 V 66.185547 c -9.6396,0.392152 -29.1291,0.361121 -43.6724,-0.287495 C 1321.2791,55.976994 1100.4959,2.2323681 877.98937,10.812094 786.44098,14.342148 698.22169,52.177202 606.63477,54.501953 Z"
        transform="matrix(0.26458333,0,0,0.26458333,0.83328333,158.94885)"
        id="rect3945"
        inkscape:connector-curvature="0"
-       sodipodi:nodetypes="sasccccscs" />
+       sodipodi:nodetypes="aaaccccaaa" />
     <g
        style="display:inline"
        id="g1450"
diff --git a/src/assets/wave.invert.2.svg b/src/assets/wave.invert.2.svg
index 9b02092..c5689d2 100644
--- a/src/assets/wave.invert.2.svg
+++ b/src/assets/wave.invert.2.svg
@@ -23,13 +23,13 @@
        inkscape:collect="always"
        id="linearGradient868">
       <stop
-         style="stop-color:#ffffff;stop-opacity:0.1254902"
+         style="stop-color:#ffffff;stop-opacity:0.25490198"
          offset="0"
          id="stop864" />
       <stop
          id="stop872"
-         offset="0.51782715"
-         style="stop-color:#ffffff;stop-opacity:0.25663716" />
+         offset="0.2287928"
+         style="stop-color:#ffffff;stop-opacity:0.22018261" />
       <stop
          style="stop-color:#ffffff;stop-opacity:0.1238938"
          offset="1"
@@ -39,10 +39,10 @@
        inkscape:collect="always"
        xlink:href="#linearGradient868"
        id="linearGradient870"
-       x1="0"
-       y1="39.069624"
-       x2="1587.4023"
-       y2="39.069624"
+       x1="775.00305"
+       y1="78.695312"
+       x2="775.00305"
+       y2="-0.00018897638"
        gradientUnits="userSpaceOnUse" />
   </defs>
   <sodipodi:namedview
@@ -52,9 +52,9 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="1.0230171"
-     inkscape:cx="867.04315"
-     inkscape:cy="141.73761"
+     inkscape:zoom="0.60440736"
+     inkscape:cx="833.87469"
+     inkscape:cy="-26.472212"
      inkscape:document-units="mm"
      inkscape:current-layer="layer1"
      showgrid="false"
@@ -91,11 +91,11 @@
      id="layer1"
      transform="translate(-0.83328333,-158.9488)">
     <path
-       style="fill:url(#linearGradient870);fill-opacity:1;stroke-width:0.56893516;stroke-miterlimit:4;stroke-dasharray:none"
-       d="M 606.63477,28.501953 C 531.54501,25.711662 457.67965,2.9907502 382.54492,4.0058597 300.89517,5.1089905 222.63799,25.691963 139.83203,37.195312 93.654156,43.610312 70.435508,39.788533 0,40.185547 V 78.695312 H 1587.4023 V 40.185547 c -9.6396,0.392152 -34.0164,-0.414501 -43.6724,-0.287495 C 1463.4329,40.9542 1411.2135,20.788575 1289.0475,21.590229 1232.3864,21.96204 1092.9691,48.489136 1050.7634,44.723632 920.4457,33.096949 899.0196,-5.6308121 794.55077,-1.8897638e-4 704.09613,5.9630907 697.08803,31.863143 606.63477,28.501953 Z"
+       style="fill:url(#linearGradient870);fill-opacity:1;stroke-width:0.568935;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 606.63477,28.501953 C 531.50948,30.066521 457.67965,2.9907502 382.54492,4.0058597 300.89517,5.1089905 221.23686,30.780324 139.83203,37.195312 93.354786,40.857883 70.435508,39.788533 0,40.185547 V 78.695312 H 1587.4023 V 40.185547 c -9.6396,0.392152 -29.1258,0.282619 -43.6724,-0.287495 C 1458.682,36.564835 1374.154,20.525554 1289.0475,21.590229 1209.2523,22.58846 1130.5072,47.756803 1050.7634,44.723632 964.13045,41.428423 881.24098,0.96595402 794.55077,-1.8897638e-4 731.19962,-0.70622333 669.97611,27.182799 606.63477,28.501953 Z"
        id="rect3945"
        inkscape:connector-curvature="0"
-       sodipodi:nodetypes="sasccccssscs"
+       sodipodi:nodetypes="aaaccccaaaaa"
        transform="matrix(0.26458333,0,0,0.26458333,0.83328333,158.94885)" />
     <g
        style="display:inline"
diff --git a/src/assets/wave.invert.2.svg.2021_06_28_21_01_49.0.svg b/src/assets/wave.invert.2.svg.2021_06_28_21_01_49.0.svg
new file mode 100644
index 0000000..dfed208
--- /dev/null
+++ b/src/assets/wave.invert.2.svg.2021_06_28_21_01_49.0.svg
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="420.00018mm"
+   height="20.821516mm"
+   viewBox="0 0 420.00018 20.821516"
+   version="1.1"
+   id="svg2775"
+   sodipodi:docname="wave.invert.2.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs2769">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient868">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.1254902"
+         offset="0"
+         id="stop864" />
+      <stop
+         id="stop872"
+         offset="0.51782715"
+         style="stop-color:#ffffff;stop-opacity:0.25663716" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.1238938"
+         offset="1"
+         id="stop866" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient868"
+       id="linearGradient870"
+       x1="832.3631"
+       y1="78.695305"
+       x2="874.53784"
+       y2="5.6464605"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.0230171"
+     inkscape:cx="867.04315"
+     inkscape:cy="141.73761"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="37"
+     inkscape:window-maximized="1"
+     inkscape:object-paths="false"
+     inkscape:snap-intersection-paths="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:snap-midpoints="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-page="true"
+     inkscape:pagecheckerboard="0" />
+  <metadata
+     id="metadata2772">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-0.83328333,-158.9488)">
+    <rect
+       style="fill:#000000;fill-opacity:0.95;stroke-width:0.424;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:13.731;paint-order:fill markers stroke"
+       id="rect1306"
+       width="561.72003"
+       height="181.31514"
+       x="-74.340935"
+       y="73.456749" />
+    <path
+       style="fill:url(#linearGradient870);fill-opacity:1;stroke-width:0.56893516;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 606.63477,28.501953 C 531.54501,25.711662 457.67965,2.9907502 382.54492,4.0058597 300.89517,5.1089905 222.63799,25.691963 139.83203,37.195312 93.654156,43.610312 70.435508,39.788533 0,40.185547 V 78.695312 H 1587.4023 V 40.185547 c -9.6396,0.392152 -34.0164,-0.414501 -43.6724,-0.287495 C 1463.4329,40.9542 1411.2135,20.788575 1289.0475,21.590229 1232.3864,21.96204 1092.9691,48.489136 1050.7634,44.723632 920.4457,33.096949 899.0196,-5.6308121 794.55077,-1.8897638e-4 704.09613,5.9630907 697.08803,31.863143 606.63477,28.501953 Z"
+       id="rect3945"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sasccccssscs"
+       transform="matrix(0.26458333,0,0,0.26458333,0.83328333,158.94885)" />
+    <g
+       style="display:inline"
+       id="g1450"
+       transform="translate(0.83328333,98.033331)" />
+  </g>
+</svg>
diff --git a/src/components/Banner.vue b/src/components/Banner.vue
index 151902d..27d2793 100644
--- a/src/components/Banner.vue
+++ b/src/components/Banner.vue
@@ -57,7 +57,7 @@
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
-	$banner-size: 14rem;
+	$banner-size: 20rem;
 	$icon-size: 9rem;
 	$wave-height: 6.3rem;
 
@@ -73,7 +73,6 @@
 			top: 0;
 			left: 0;
 			width: 100%;
-			// height: #{$banner-size + $wave-height*1.5};
 			padding-bottom: #{$wave-height*1.5};
 
 		flex-flow: row nowrap;
@@ -86,7 +85,7 @@
 		font-weight: 300;
 		white-space: nowrap;
 
-		background: linear-gradient(to bottom right, #5154fc, #518dfc);
+		background: #07142d;
 
 		@keyframes wave {
 			from{ background-position-x: 0; }
@@ -96,14 +95,15 @@
 		.wave {
 			display: block;
 			position: absolute;
-				top: calc( 100% - #{$wave-height} );
+				top: #{$banner-size + $wave-height*.5 + .1rem};
 				left: 0;
 				width: 100vw;
-				height: #{$wave-height};
+				height: $wave-height;
 
 			background-image: url('../assets/wave.invert.1.svg');
 			background-repeat: repeat-x;
-			background-size: 100vw auto;
+			background-position-y: 101%;
+			background-size: 100% auto;
 
 			animation: 100s linear wave infinite;
 
@@ -148,13 +148,14 @@
 				.picture {
 					display: block;
 					position: absolute;
-						top: 10%;
-						left: 10%;
-						width: 80%;
-						height: 80%;
+						top: 15%;
+						left: 15%;
+						width: 70%;
+						height: 70%;
 
-					background: rgba(#fff, .2);
-					border-radius: 50% / 50%;
+					background: url("../assets/logo-light.svg");
+					background-size: cover;
+					// border-radius: 50% / 50%;
 				}
 
 			}
diff --git a/src/components/Skills.vue b/src/components/Skills.vue
index 6a8ffa6..7b7d407 100644
--- a/src/components/Skills.vue
+++ b/src/components/Skills.vue
@@ -46,6 +46,8 @@
 		position: relative;
 			margin: 0 5%;
 
+		margin-top: 3em;
+
 		flex-flow: row wrap;
 		justify-content: space-between;
 		align-items: flex-start;
diff --git a/src/model/banner.ts b/src/model/banner.ts
index 8c56616..cf2bd02 100644
--- a/src/model/banner.ts
+++ b/src/model/banner.ts
@@ -4,5 +4,5 @@ export default  {
 	headline: 'full-stack developer',
 	phone: '(+33) 06 69 05 19 10',
 	email: 'xdrm.brackets.dev@gmail.com',
-	address: 'Eaunes, 31600',
+	address: 'Escalquens, 31750',
 };
diff --git a/src/model/skills.ts b/src/model/skills.ts
index 6692a5e..ae1a50f 100644
--- a/src/model/skills.ts
+++ b/src/model/skills.ts
@@ -32,9 +32,8 @@ export default [
 		skills: [
 			{ label: 'PHP', link: 'https://www.php.net/', level: 0.9 },
 			{ label: 'HTML<i>/</i>CSS', link: 'https://www.w3.org/standards/webdesign/htmlcss', level: 1 },
-			{ label: 'Javascript', link: 'https://developer.mozilla.org/JavaScript', level: 1 },
-			{ label: 'Typescript', link: 'https://www.typescriptlang.org/', level: 0.9 },
-			{ label: 'C<i>/</i>C++', link: 'https://isocpp.org/', level: 0.6 },
+			{ label: 'Typescript', link: 'https://www.typescriptlang.org/', level: 0.6 },
+			{ label: 'C<i>/</i>C++', link: 'https://isocpp.org/', level: 0.8 },
 			{ label: 'Python', link: 'https://www.python.org/', level: 0.3 },
 			{ label: 'go', link: 'https://golang.org/', level: 1 },
 		],