add style and images

static/img/background.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1920"
+   height="1080"
+   viewBox="0 0 507.99999 285.75"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   sodipodi:docname="background.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="0.37800566"
+     inkscape:cx="95.236669"
+     inkscape:cy="666.65668"
+     inkscape:current-layer="layer1"
+     showgrid="false" /><defs
+     id="defs1" /><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"><rect
+       style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.2;paint-order:stroke markers fill"
+       id="rect4"
+       width="508"
+       height="285.75"
+       x="0"
+       y="0" /><path
+       id="rect1"
+       style="fill:#666666;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.2;paint-order:stroke markers fill"
+       d="M 0 0 L 0 285.75 L 50.976733 285.75 L 265.49749 285.75 L 158.23737 142.875 L 265.49749 0 L 50.976733 0 L 0 0 z " /><path
+       id="rect6"
+       style="mix-blend-mode:screen;fill:#1a1a1a;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.2;paint-order:stroke markers fill"
+       d="m 0,0 v 285.75 l 52.640198,0 L 157.38109,142.9243 51.960136,0 Z"
+       sodipodi:nodetypes="cccccc" /><path
+       id="path7"
+       style="display:inline;mix-blend-mode:exclusion;fill:#4d4d4d;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.2;paint-order:stroke markers fill"
+       d="M 181.10212,0 0,78.329069 V 110.5023 L 105.18428,135.77001 254,0 Z M 105.18428,149.97999 0,175.2477 v 32.17323 L 181.10212,285.75 H 254 Z" /><path
+       id="rect5"
+       style="display:inline;opacity:1;mix-blend-mode:screen;fill:#1a1a1a;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.2;paint-order:stroke markers fill"
+       d="M 0,17.874878 V 267.87512 L 125.00012,142.875 Z" /></g></svg>

static/style.css

@@ -0,0 +1,22 @@
+body {
+  margin: 0px;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  background-repeat: repeat-y;
+}
+
+.container {
+  width: 100vw;
+  height: 100vh;
+  margin: 0px;
+}
+
+.content-social-profile img {
+  max-width: 200px;
+  max-height: 200px;
+  border-radius: 50%;
+}
+
+
+