Merge pull request 'Add of Qt image, remove of .png images and fix attribute not allowed on svg' (#41) from review/skillsSection into dev

Reviewed-on: Giovanni-Josserand/Portfolio#41

public/assets/images/skills/C++.svg

@@ -7,26 +7,12 @@
    width="1822"
    height="2051"
    viewBox="0 0 1822 2051"
-   sodipodi:docname="C++.png"
-   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">
   <defs
      id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
   <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
      id="g1">
     <image
        width="1822"

public/assets/images/skills/CSS.svg

@@ -7,26 +7,12 @@
    width="1200"
    height="1200"
    viewBox="0 0 1200 1200"
-   sodipodi:docname="CSS.png"
-   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">
   <defs
      id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
   <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
      id="g1">
     <image
        width="1200"

public/assets/images/skills/Git.svg

@@ -7,26 +7,12 @@
    width="2048"
    height="2048"
    viewBox="0 0 2048 2048"
-   sodipodi:docname="Git.png"
-   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">
   <defs
      id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
   <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
      id="g1">
     <image
        width="2048"

public/assets/images/skills/HTML.svg

@@ -7,26 +7,12 @@
    width="169"
    height="169"
    viewBox="0 0 169 169"
-   sodipodi:docname="image-removebg-preview.png"
-   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">
   <defs
      id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
   <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
      id="g1">
     <image
        width="169"

public/assets/images/skills/JavaScript.svg

@@ -7,26 +7,12 @@
    width="973"
    height="973"
    viewBox="0 0 973 973"
-   sodipodi:docname="JavaScript.png"
-   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">
   <defs
      id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
   <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
      id="g1">
     <image
        width="973"

public/assets/images/skills/PHP.svg

@@ -7,26 +7,12 @@
    width="2560"
    height="1381"
    viewBox="0 0 2560 1381"
-   sodipodi:docname="PHP.png"
-   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">
   <defs
      id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
   <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
      id="g1">
     <image
        width="2560"

public/assets/images/skills/Python.svg

@@ -7,26 +7,12 @@
    width="110"
    height="110"
    viewBox="0 0 110 110"
-   sodipodi:docname="Pyhton.png"
-   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">
   <defs
      id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
   <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
      id="g1">
     <image
        width="110"

public/assets/images/skills/Qt.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="2560"
+   height="1879"
+   viewBox="0 0 2560 1879"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g1">
+    <image
+       width="2560"
+       height="1879"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,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&#10;rKdUBvr/R/wHAAAAALine truncated
+       id="image1" />
+  </g>
+</svg>

public/assets/images/skills/SQL.svg

@@ -7,26 +7,12 @@
    width="301"
    height="299"
    viewBox="0 0 301 299"
-   sodipodi:docname="SQL.png"
-   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">
   <defs
      id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
   <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
      id="g1">
     <image
        width="301"