front: update content

19 files changed, 321 insertions, 10 deletions

diff --git a/front/public/assets/games/loud/screenshot1.jpg b/front/public/assets/games/loud/screenshot1.jpg
new file mode 100644
index 0000000..8192c15
--- /dev/null
+++ b/front/public/assets/games/loud/screenshot1.jpg
diff --git a/front/public/assets/games/loud/screenshot2.jpg b/front/public/assets/games/loud/screenshot2.jpg
new file mode 100644
index 0000000..88a1ffe
--- /dev/null
+++ b/front/public/assets/games/loud/screenshot2.jpg
diff --git a/front/public/assets/games/loud/screenshot3.jpg b/front/public/assets/games/loud/screenshot3.jpg
new file mode 100644
index 0000000..dfbe555
--- /dev/null
+++ b/front/public/assets/games/loud/screenshot3.jpg
diff --git a/front/public/assets/games/loud/thumbnail.jpg b/front/public/assets/games/loud/thumbnail.jpg
new file mode 100644
index 0000000..9ec9764
--- /dev/null
+++ b/front/public/assets/games/loud/thumbnail.jpg
diff --git a/front/public/assets/images/cpp.png b/front/public/assets/images/cpp.png
new file mode 100644
index 0000000..ab883f7
--- /dev/null
+++ b/front/public/assets/images/cpp.png
diff --git a/front/public/assets/images/cpp.svg b/front/public/assets/images/cpp.svg
new file mode 100644
index 0000000..f306183
--- /dev/null
+++ b/front/public/assets/images/cpp.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 128 128"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="cpp.svg"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:export-filename="cpp.png"
+   inkscape:export-xdpi="192"
+   inkscape:export-ydpi="192"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="6.1875"
+     inkscape:cx="64"
+     inkscape:cy="64"
+     inkscape:window-width="1896"
+     inkscape:window-height="998"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     fill="#9C033A"
+     d="M117.5 33.5l.3-.2c-.6-1.1-1.5-2.1-2.4-2.6L67.1 2.9c-.8-.5-1.9-.7-3.1-.7-1.2 0-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.3.9 3.4l-.2.1c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7 1.2 0 2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4V36.1c.1-.8 0-1.7-.4-2.6zM82 66v-4h5v-5h5v5h5v4h-5v5h-5v-5h-5zm3.3-14C81.1 44.5 73.1 39.5 64 39.5c-13.5 0-24.5 11-24.5 24.5s11 24.5 24.5 24.5c9.1 0 17.1-5 21.3-12.4l12.9 7.6c-6.8 11.8-19.6 19.8-34.2 19.8-21.8 0-39.5-17.7-39.5-39.5S42.2 24.5 64 24.5c14.7 0 27.5 8.1 34.3 20l-13 7.5zM115 66h-5v5h-4v-5h-6v-4h6v-5h4v5h5v4z"
+     id="path1"
+     style="fill:#ffffff;fill-opacity:1" />
+</svg>
diff --git a/front/public/assets/images/hyprland.png b/front/public/assets/images/hyprland.png
new file mode 100644
index 0000000..36d8162
--- /dev/null
+++ b/front/public/assets/images/hyprland.png
diff --git a/front/public/assets/images/hyprland.svg b/front/public/assets/images/hyprland.svg
new file mode 100644
index 0000000..1f03c7e
--- /dev/null
+++ b/front/public/assets/images/hyprland.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   sodipodi:docname="hyprland.svg"
+   inkscape:export-filename="hyprland.png"
+   inkscape:export-xdpi="512"
+   inkscape:export-ydpi="512"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="5.8336309"
+     inkscape:cx="-17.570532"
+     inkscape:cy="42.169277"
+     inkscape:window-width="1896"
+     inkscape:window-height="998"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g1" />
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g1">
+    <path
+       style="fill:#ffffff;fill-opacity:1"
+       d="M 17.5,46.796293 C 15.85,46.221096 13.207078,44.569123 11.626839,43.12524 10.0466,41.681358 8.1341004,39.051953 7.376839,37.282119 6.6195775,35.512284 6,32.01033 6,29.5 6,26.98967 6.6914215,23.280958 7.5364923,21.258419 8.381563,19.23588 11.594933,14.187834 14.677313,10.040538 17.759694,5.893242 21.42547,1.3741073 21.831458,1.683937 c 0.07304,0.055738 0.190565,0.7365049 0.151201,2.3353262 -0.02458,0.9983177 -0.02438,0.6299097 -0.03374,2.3457226 -0.0034,0.6180704 -3.673049,5.4835012 -5.868196,8.5232352 -1.662771,2.302527 -2.926165,3.574752 -4.005164,5.476074 -1.35741,2.391913 -2.3441858,5.266231 -2.5792307,6.65745 -0.3738195,2.212619 -0.1634509,5.456848 0.4803345,7.407537 0.6299982,1.908912 2.7086342,4.843242 4.6191912,6.520733 C 17.480469,43.482743 18.92008,44 23.084456,44 c 2.758175,0 6.362417,-0.696847 8.009426,-1.548549 1.64701,-0.851701 3.872981,-2.989201 4.946602,-4.75 1.220353,-2.001444 1.953441,-5.006546 1.955778,-8.017192 0.0021,-2.648658 -0.297039,-4.672474 -1.129722,-7 -0.45591,-1.274364 -3.245729,-5.136177 -5.922325,-8.778449 -2.515841,-3.423518 -3.904571,-5.7804115 -4.938774,-7.6860336 0,0 -0.0054,-1.5608038 -0.0054,-2.1536359 0,-0.8884915 -0.07261,-2.0876306 0.09351,-2.329224 0.406011,-0.5904878 1.777423,1.6325356 5.769923,6.9515382 3.224886,4.2963503 6.607431,9.2662903 7.516768,11.0443113 0.909337,1.778022 1.931952,5.265464 2.272478,7.749873 0.428717,3.127833 0.0939,5.892411 -1.088616,8.988795 -0.939264,2.459429 -3.039397,5.592193 -4.666961,6.961698 -1.627564,1.369505 -4.632733,2.954793 -6.678153,3.522862 C 27.173525,47.524063 24.375,47.955829 23,47.915476 21.625,47.875122 19.15,47.37149 17.5,46.796293 Z"
+       id="path1"
+       sodipodi:nodetypes="ssssssssssssssssscsssssssssssss" />
+  </g>
+</svg>
diff --git a/front/public/assets/images/playstation.png b/front/public/assets/images/playstation.png
new file mode 100644
index 0000000..dd22b43
--- /dev/null
+++ b/front/public/assets/images/playstation.png
diff --git a/front/public/assets/images/playstation.svg b/front/public/assets/images/playstation.svg
new file mode 100644
index 0000000..5d56897
--- /dev/null
+++ b/front/public/assets/images/playstation.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   id="svg41117"
+   viewBox="0 0 256 256"
+   height="256"
+   width="256"
+   preserveAspectRatio="xMidYMid"
+   sodipodi:docname="playstation.svg"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:export-filename="playstation.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   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"
+   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/">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.9043272"
+     inkscape:cx="-25.433272"
+     inkscape:cy="173.60973"
+     inkscape:window-width="1896"
+     inkscape:window-height="998"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg41117" />
+  <metadata
+     id="metadata41126">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs41119">
+    <style
+       id="style41121">&#10;&#10;      .cls-2 {&#10;        fill: #ffffff;&#10;      }&#10;    </style>
+  </defs>
+  <path
+     style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:1.26263"
+     class="cls-2"
+     id="path-1"
+     d="m 250.77669,179.67922 c -4.88345,6.16111 -16.84792,10.55622 -16.84792,10.55622 0,0 -89.00391,31.96963 -89.00391,31.96963 0,0 0,-23.57689 0,-23.57689 0,0 65.50082,-23.33839 65.50082,-23.33839 7.43309,-2.66318 8.57445,-6.428 2.53259,-8.40409 -6.0305,-1.98178 -16.95014,-1.41393 -24.3889,1.26061 0,0 -43.64451,15.37155 -43.64451,15.37155 0,0 0,-24.46841 0,-24.46841 0,0 2.51556,-0.85177 2.51556,-0.85177 0,0 12.61182,-4.46325 30.34559,-6.42799 17.73378,-1.95339 39.44812,0.26688 56.49481,6.72895 19.21017,6.07025 21.37365,15.01948 16.49587,21.18058 z m -97.37958,-40.14658 c 0,0 0,-60.293685 0,-60.293685 0,-7.081014 -1.30605,-13.599865 -7.94982,-15.44536 -5.08788,-1.629715 -8.2451,3.094748 -8.2451,10.170084 0,0 0,150.989761 0,150.989761 0,0 -40.720098,-12.92413 -40.720098,-12.92413 0,0 0,-180.02931 0,-180.02931 17.313568,3.214003 42.537188,10.811755 56.097318,15.382904 34.48518,11.839542 46.17708,26.575104 46.17708,59.776946 0,32.36144 -19.97675,44.62687 -45.35938,32.37279 z M 21.765157,196.16374 C 2.0439302,190.61023 -1.2382089,179.03756 7.7507636,172.37107 16.058325,166.21565 30.186286,161.58203 30.186286,161.58203 c 0,0 58.38573,-20.76038 58.38573,-20.76038 0,0 0,23.66775 0,23.66775 0,0 -42.014784,15.03651 -42.014784,15.03651 -7.421723,2.66318 -8.56309,6.43368 -2.532585,8.40977 6.036183,1.97609 16.961505,1.41393 24.394585,-1.25493 0,0 20.152784,-7.31384 20.152784,-7.31384 0,0 0,21.17491 0,21.17491 -1.277643,0.22713 -2.702934,0.45427 -4.020333,0.67573 -20.158466,3.2935 -41.628653,1.91932 -62.786526,-5.05381 z m 216.041983,9.3751 c 2.54962,0 4.94024,0.98806 6.7403,2.81083 1.80008,1.79439 2.7938,4.1907 2.7938,6.73464 0,2.55529 -0.99372,4.94024 -2.7938,6.73463 -1.80006,1.81142 -4.19068,2.79947 -6.7403,2.79947 -2.54962,0 -4.93457,-0.98805 -6.74032,-2.79947 -1.80006,-1.79439 -2.78811,-4.17934 -2.78811,-6.73463 0,-5.25825 4.27018,-9.54547 9.52843,-9.54547 z m -7.92711,9.54547 c 0,2.11805 0.82337,4.11118 2.32249,5.59894 1.49342,1.51046 3.49223,2.32815 5.60462,2.32815 4.37806,0 7.92709,-3.55469 7.92709,-7.92709 0,-2.12374 -0.81769,-4.11687 -2.32247,-5.61031 -1.49344,-1.51046 -3.49225,-2.32248 -5.60462,-2.32248 -2.11239,0 -4.1112,0.81202 -5.60462,2.32248 -1.49912,1.49344 -2.32249,3.48657 -2.32249,5.61031 z m 10.80607,-5.13899 c 1.04484,0.45995 1.57293,1.34578 1.57293,2.6064 0,0.64735 -0.13629,1.19247 -0.41452,1.61836 -0.19875,0.30663 -0.48268,0.55649 -0.80067,0.77226 0.24985,0.14765 0.47131,0.32367 0.636,0.5281 0.22712,0.29528 0.35773,0.76658 0.37477,1.40825 0,0 0.0511,1.35715 0.0511,1.35715 0.017,0.36342 0.0398,0.64166 0.0966,0.81202 0.0568,0.24984 0.16467,0.40885 0.30095,0.45996 0,0 0.14197,0.0682 0.14197,0.0682 0,0 0,0.15332 0,0.15332 0,0 0,0.23282 0,0.23282 0,0 0,0.23281 0,0.23281 0,0 -0.23282,0 -0.23282,0 0,0 -1.6865,0 -1.6865,0 0,0 -0.13628,0 -0.13628,0 0,0 -0.0682,-0.11919 -0.0682,-0.11919 -0.0568,-0.11351 -0.0965,-0.24417 -0.13628,-0.41452 -0.0284,-0.15332 -0.0568,-0.4202 -0.0739,-0.82905 0,0 -0.0852,-1.68651 -0.0852,-1.68651 -0.0227,-0.58487 -0.22146,-0.94829 -0.59623,-1.14136 -0.23282,-0.10783 -0.61896,-0.15899 -1.14137,-0.15899 0,0 -2.89033,0 -2.89033,0 0,0 0,4.11687 0,4.11687 0,0 0,0.23281 0,0.23281 0,0 -0.23849,0 -0.23849,0 0,0 -1.37419,0 -1.37419,0 0,0 -0.23281,0 -0.23281,0 0,0 0,-0.23281 0,-0.23281 0,0 0,-10.14737 0,-10.14737 0,0 0,-0.23282 0,-0.23282 0,0 0.23281,0 0.23281,0 0,0 4.69607,0 4.69607,0 0.80635,0 1.48208,0.11919 2.00449,0.36341 z m -5.08788,4.27586 c 0,0 2.94143,0 2.94143,0 0.59055,0 1.06187,-0.10796 1.39689,-0.32935 0.30664,-0.22146 0.45428,-0.62463 0.45428,-1.2095 0,-0.63599 -0.2101,-1.05052 -0.65301,-1.27197 -0.24417,-0.1192 -0.58489,-0.18739 -1.01646,-0.18739 0,0 -3.12313,0 -3.12313,0 z" />
+</svg>
diff --git a/front/public/assets/images/switch.png b/front/public/assets/images/switch.png
new file mode 100644
index 0000000..723817e
--- /dev/null
+++ b/front/public/assets/images/switch.png
diff --git a/front/public/assets/images/switch.svg b/front/public/assets/images/switch.svg
new file mode 100644
index 0000000..4d891ae
--- /dev/null
+++ b/front/public/assets/images/switch.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg2"
+   sodipodi:docname="switch.svg"
+   width="256"
+   height="256"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:export-filename="switch.png"
+   inkscape:export-xdpi="86.687828"
+   inkscape:export-ydpi="86.687828"
+   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">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="namedview2"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="2.7936508"
+     inkscape:cx="128.14773"
+     inkscape:cy="141.75"
+     inkscape:window-width="1896"
+     inkscape:window-height="998"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     d="m 150.40566,253 h 38.52201 C 224.30503,253 253,224.30503 253,188.92767 V 67.07233 C 253,31.694969 224.30503,3 188.92767,3 h -38.71855 c -0.9827,0 -1.57233,0.786164 -1.57233,1.572327 V 251.23113 c 0,0.98271 0.78617,1.76887 1.76887,1.76887 z m 47.56289,-137.77516 c 13.95441,0 25.35378,11.39937 25.35378,25.35378 0,13.9544 -11.39937,25.35377 -25.35378,25.35377 -13.9544,0 -25.35377,-11.39937 -25.35377,-25.35377 0.19654,-13.95441 11.39937,-25.35378 25.35377,-25.35378 z M 41.91509,78.07862 c 0,12.97169 10.61321,23.5849 23.58491,23.5849 12.9717,0 23.58491,-10.61321 23.58491,-23.5849 0,-12.9717 -10.61321,-23.584909 -23.58491,-23.584909 -13.16824,0 -23.58491,10.416669 -23.58491,23.584909 z M 121.71069,3 H 67.07233 C 31.69497,3 3,31.694969 3,67.07233 V 188.92767 C 3,224.30503 31.69497,253 67.07233,253 h 54.63836 c 0.98271,0 1.76887,-0.78616 1.76887,-1.76887 V 4.768868 C 123.47956,3.786164 122.6934,3 121.71069,3 Z m -18.2783,229.95283 H 67.07233 c -11.79246,0 -22.79875,-4.52044 -31.05346,-12.9717 -8.25472,-8.25471 -12.9717,-19.261 -12.9717,-31.05346 V 67.07233 c 0,-11.792456 4.52044,-22.798745 12.9717,-31.053462 8.25471,-8.254717 19.261,-12.971698 31.05346,-12.971698 h 36.36006 z"
+     fill="#ffffff"
+     id="path2"
+     sodipodi:nodetypes="sssssssssssscssssssssssssssscscsscscc"
+     style="stroke-width:1.96541" />
+</svg>
diff --git a/front/public/assets/images/xbox.png b/front/public/assets/images/xbox.png
new file mode 100644
index 0000000..9a439ba
--- /dev/null
+++ b/front/public/assets/images/xbox.png
diff --git a/front/public/assets/images/xbox.svg b/front/public/assets/images/xbox.svg
new file mode 100644
index 0000000..13d7bdd
--- /dev/null
+++ b/front/public/assets/images/xbox.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   id="svg4136"
+   version="1.1"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   width="372.36823"
+   height="372.57281"
+   viewBox="0 0 372.36823 372.57281"
+   sodipodi:docname="xbox.svg"
+   inkscape:export-filename="xbox.png"
+   inkscape:export-xdpi="65.999184"
+   inkscape:export-ydpi="65.999184"
+   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"
+   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/">
+  <title
+     id="title4166">Xbox Logo</title>
+  <metadata
+     id="metadata4142">
+    <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>Xbox Logo</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4140" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1896"
+     inkscape:window-height="998"
+     id="namedview4138"
+     showgrid="false"
+     inkscape:zoom="2.2378738"
+     inkscape:cx="120.20338"
+     inkscape:cy="190.35926"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g4146"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:showpageshadow="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1" />
+  <g
+     id="g4146"
+     transform="translate(-1.5706619,12.357467)">
+    <path
+       style="fill:#ffffff;fill-opacity:1"
+       d="M 169.18811,359.44924 C 140.50497,356.70211 111.4651,346.40125 86.518706,330.1252 65.614374,316.48637 60.893704,310.87967 60.893704,299.69061 c 0,-22.47524 24.711915,-61.84014 66.992496,-106.71584 24.01246,-25.48631 57.46022,-55.36001 61.0775,-54.55105 7.0309,1.57238 63.25048,56.41053 84.29655,82.2252 33.28077,40.82148 48.58095,74.24535 40.808,89.14682 -5.9087,11.32753 -42.57224,33.4669 -69.50775,41.97242 -22.19984,7.01011 -51.35538,9.9813 -75.37239,7.68108 z M 32.660004,276.3228 C 15.288964,249.67326 6.5125436,223.43712 2.2752336,185.49086 c -1.39917002,-12.53 -0.89778,-19.69701 3.17715,-45.41515 5.0788204,-32.05404 23.3330104,-69.136381 45.2671304,-91.957616 9.34191,-9.719732 10.17624,-9.956543 21.56341,-6.120482 13.828357,4.658436 28.595936,14.857457 51.498366,35.56661 l 13.36254,12.082873 -7.2969,8.96431 C 95.97448,140.22403 60.217254,199.2085 46.741444,235.70071 c -7.32599,19.83862 -10.28084,39.75281 -7.12868,48.04363 2.12818,5.59752 0.17339,3.51093 -6.95276,-7.42154 z m 304.915426,4.53255 c 1.71605,-8.37719 -0.4544,-23.76257 -5.5413,-39.28002 -11.01667,-33.60598 -47.83964,-96.12421 -81.65282,-138.63054 L 239.73699,89.563875 251.25285,78.989784 c 15.03631,-13.806637 25.47602,-22.073835 36.74025,-29.094513 8.88881,-5.540156 21.59109,-10.444558 27.05113,-10.444558 3.36626,0 15.21723,12.298726 24.78421,25.720611 14.81725,20.787711 25.71782,45.986976 31.24045,72.219686 3.56833,16.9498 3.8657,53.23126 0.57486,70.13935 -2.70068,13.87582 -8.40314,31.87484 -13.9661,44.08195 -4.16823,9.14657 -14.53521,26.91044 -19.0783,32.69074 -2.33569,2.97175 -2.33761,2.96527 -1.02393,-3.4477 z M 172.25917,33.104812 c -15.60147,-7.922671 -39.6696,-16.427164 -52.96493,-18.715209 -4.66097,-0.802124 -12.61193,-1.249474 -17.6688,-0.994114 -10.969613,0.55394 -10.479662,-0.0197 7.11783,-8.3336652 14.63023,-6.912081 26.83386,-10.976696 43.40044,-14.455218 18.6362,-3.9130858 53.66559,-3.9590088 72.00507,-0.0944 19.80818,4.174105 43.13297,12.854085 56.27623,20.9423862 l 3.90633,2.403927 -8.96247,-0.452584 c -17.81002,-0.899366 -43.76575,6.295879 -71.63269,19.857459 -8.40538,4.090523 -15.71788,7.357511 -16.25,7.25997 -0.53211,-0.09754 -7.38426,-3.43589 -15.22701,-7.418555 z"
+       id="path4148"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/front/public/assets/projects/hyprload/logo.png b/front/public/assets/projects/hyprload/logo.png
new file mode 100644
index 0000000..92fb9ce
--- /dev/null
+++ b/front/public/assets/projects/hyprload/logo.png
diff --git a/front/src/components/project.css b/front/src/components/project.css
index f9cc07f..89ce30f 100644
--- a/front/src/components/project.css
+++ b/front/src/components/project.css
@@ -12,7 +12,7 @@
 }
 
 .icon-row {
-  width: 240px;
+  width: 320px;
   height: 36px;
 }
 
diff --git a/front/src/components/project.tsx b/front/src/components/project.tsx
index cb9496d..9415afd 100644
--- a/front/src/components/project.tsx
+++ b/front/src/components/project.tsx
@@ -28,6 +28,9 @@ export enum ProjectTarget {
   LINUX = "linux",
   MACOS = "macos",
   ANDROID = "android",
+  XBOX = "xbox",
+  PLAYSTATION = "playstation",
+  SWITCH = "switch",
   HYPRLAND = "hyprland",
 }
 
diff --git a/front/src/data/games.json b/front/src/data/games.json
index fddbe35..0e6a070 100644
--- a/front/src/data/games.json
+++ b/front/src/data/games.json
@@ -43,6 +43,29 @@
     "description": "A physics puzzle game in which you need to protect little creatures from danger that could come from any direction. Build forts with tetris-style blocks. The game features 30+ levels, multiple distinct enemies and a star rating system. <br /> Game made in 72 hours for <a href=\"https://ldjam.com/events/ludum-dare/49\">Ludum Dare 49</a>, with the theme \"Unstable\"."
   },
   {
+    "name": "LOUD: My Road To Fame",
+    "name_normalized": "loud",
+    "type": "game",
+    "link": "https://store.steampowered.com/app/1838290/LOUD_My_Road_to_Fame/",
+    "tech": [
+      "unity",
+      "csharp"
+    ],
+    "targets": [
+      "windows",
+      "xbox",
+      "playstation",
+      "switch"
+    ],
+    "images": [
+      "thumbnail.jpg",
+      "screenshot1.jpg",
+      "screenshot2.jpg",
+      "screenshot3.jpg"
+    ],
+    "description": "A wholesome, music-filled arcade rhythm game in which a young, reclusive rocker goes on a journey of self-discovery. Once she begins to follow her dreams and finds her inner voice, she discovers that it is LOUD! <br /> One of the games I've worked on at Hyperstrange"
+  },
+  {
     "name": "WUZMAG",
     "name_normalized": "wuzmag",
     "type": "game",
@@ -121,8 +144,7 @@
       "title.png",
       "screenshot1.png",
       "screenshot2.png",
-      "screenshot3.png",
-      "screenshot4.png"
+      "screenshot3.png"
     ],
     "description": "Tiny idle simulation game where you manage a team of randomly generated little fellas as they fight other greachers in a sidescrolling world with beautiful procedurally generated graphics. <br /> Game made in 2 weeks for <a href=\"https://itch.io/jam/lowrezjam-2021\">LOWREZJAM 2021</a>, with the theme \"Minibeasts\"."
   },
@@ -140,10 +162,10 @@
     ],
     "images": [
       "thumbnail.png",
-      "screenshot1.png",
-      "screenshot2.png",
-      "screenshot3.png",
-      "screenshot4.png"
+      "screenshot1.jpg",
+      "screenshot2.jpg",
+      "screenshot3.jpg",
+      "screenshot4.jpg"
     ],
     "description": "A top-down stealth game where you play as a spy tasked with stealing important data from a rivaling government. Your task would be easy enough if your objective wasn’t in a underground top-secret facility handling an alien outbreak. Without access to conventional stealth techniques, use corpses of your enemies to sneak through the battlefield. <br /> Game made in 72 hours for <a href=\"https://ldjam.com/events/ludum-dare/48/\">Ludum Dare 48</a>, with the theme \"Deeper and deeper\"."
   },
@@ -161,9 +183,9 @@
     ],
     "images": [
       "thumbnail.png",
-      "screenshot1.png",
-      "screenshot2.png",
-      "screenshot3.png"
+      "screenshot1.jpg",
+      "screenshot2.jpg",
+      "screenshot3.jpg"
     ],
     "description": "A simple pacman-inspired arcade game. Try to grab all the stars in a randomly generated maze before the time expires, while your controls are scattered all over the screen. Get as far as you can to get the highest score. <br /> Game made in 8 hours for <a href=\"https://itch.io/jam/jamjam-bhl-kntg-polygon\">Jam Jam</a>, a local in-person event organized by <a href=\"https://www.kntgpolygon.pl/\">KNTG Polygon</a>, with the theme \"One Click\"."
   },
diff --git a/front/src/data/projects.json b/front/src/data/projects.json
index 0a63c62..ae9049c 100644
--- a/front/src/data/projects.json
+++ b/front/src/data/projects.json
@@ -1,5 +1,22 @@
 [
   {
+    "name": "hyprload",
+    "name_normalized": "hyprload",
+    "type": "project",
+    "link": "https://github.com/duckonaut/hyprload",
+    "tech": [
+      "cpp"
+    ],
+    "targets": [
+      "linux",
+      "hyprland"
+    ],
+    "images": [
+      "logo.png"
+    ],
+    "description": "hyprload acts as a plugin manager for the Hyprland Wayland Compositor. It's loaded as a plugin and allows easy, declarative installation and updates of other plugins."
+  },
+  {
     "name": "Spirit Mod",
     "name_normalized": "spirit-mod",
     "type": "project",