From fa920fe9bf042bead7c37104517987e0cb699582 Mon Sep 17 00:00:00 2001
From: Vivi <vachetvirginie@gmail.com>
Date: Thu, 12 Oct 2023 13:39:12 +0200
Subject: [PATCH] feat: new style

---
 coverage/index.html                           | 172 +++++++++++++-
 .../public/imgs/hero/heroCharacter.svg.html   |   2 +-
 coverage/public/imgs/hero/index.html          |   2 +-
 .../public/imgs/hero/technologies/index.html  |   2 +-
 .../imgs/hero/technologies/nuxt.svg.html      |   2 +-
 .../imgs/hero/technologies/symfony.svg.html   |   2 +-
 .../imgs/hero/technologies/tailwind.svg.html  |   2 +-
 .../imgs/hero/technologies/vue.svg.html       |   2 +-
 .../imgs/hero/technologies/webby.svg.html     |   2 +-
 coverage/public/imgs/technos/docker.svg.html  |   2 +-
 coverage/public/imgs/technos/index.html       |   2 +-
 .../src/components/commons/MainChips.vue.html |   2 +-
 coverage/src/components/commons/index.html    |   2 +-
 .../sections/career/CareerSection.vue.html    |  18 +-
 coverage/src/sections/career/index.html       |   2 +-
 coverage/src/sections/hero/HeroView.vue.html  |  35 ++-
 coverage/src/sections/hero/index.html         |   2 +-
 .../portfolio/PortfolioSection.vue.html       |  69 +++---
 .../portfolio/assets/dotsSvg.vue.html         | 221 ++++++++++++++++--
 .../src/sections/portfolio/assets/index.html  |  38 +--
 .../portfolio/assets/siteArrow.vue.html       |   2 +-
 coverage/src/sections/portfolio/index.html    |  10 +-
 .../skills/ProfessionalSkillsSection.vue.html |  11 +-
 coverage/src/sections/skills/index.html       |   2 +-
 src/sections/portfolio/PortfolioSection.vue   |  12 +-
 src/sections/portfolio/data.json              |   3 +-
 26 files changed, 504 insertions(+), 117 deletions(-)

diff --git a/coverage/index.html b/coverage/index.html
index 4b0495f11..0b4f1c2a8 100644
--- a/coverage/index.html
+++ b/coverage/index.html
@@ -23,30 +23,30 @@ <h1>All files</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">Unknown% </span>
+                <span class="strong">97.42% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>227/233</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">Unknown% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">Unknown% </span>
+                <span class="strong">73.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>11/15</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">Unknown% </span>
+                <span class="strong">97.42% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>227/233</span>
             </div>
         
             
@@ -61,7 +61,7 @@ <h1>All files</h1>
             </div>
         </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line high'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -78,7 +78,157 @@ <h1>All files</h1>
    <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
 </tr>
 </thead>
-<tbody></tbody>
+<tbody><tr>
+	<td class="file high" data-value="public/imgs/hero"><a href="public/imgs/hero/index.html">public/imgs/hero</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="public/imgs/hero/technologies"><a href="public/imgs/hero/technologies/index.html">public/imgs/hero/technologies</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="5" class="abs high">5/5</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="5" class="abs high">5/5</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="public/imgs/portfolio"><a href="public/imgs/portfolio/index.html">public/imgs/portfolio</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="public/imgs/technos"><a href="public/imgs/technos/index.html">public/imgs/technos</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="src/components/commons"><a href="src/components/commons/index.html">src/components/commons</a></td>
+	<td data-value="91.66" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 91%"></div><div class="cover-empty" style="width: 9%"></div></div>
+	</td>
+	<td data-value="91.66" class="pct high">91.66%</td>
+	<td data-value="12" class="abs high">11/12</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="1" class="abs low">0/1</td>
+	<td data-value="91.66" class="pct high">91.66%</td>
+	<td data-value="12" class="abs high">11/12</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="src/sections/career"><a href="src/sections/career/index.html">src/sections/career</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="74" class="abs high">74/74</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="74" class="abs high">74/74</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="src/sections/hero"><a href="src/sections/hero/index.html">src/sections/hero</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="35" class="abs high">35/35</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="35" class="abs high">35/35</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="src/sections/portfolio"><a href="src/sections/portfolio/index.html">src/sections/portfolio</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="63" class="abs high">63/63</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="7" class="abs high">7/7</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="63" class="abs high">63/63</td>
+	</tr>
+
+<tr>
+	<td class="file medium" data-value="src/sections/portfolio/assets"><a href="src/sections/portfolio/assets/index.html">src/sections/portfolio/assets</a></td>
+	<td data-value="78.26" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 78%"></div><div class="cover-empty" style="width: 22%"></div></div>
+	</td>
+	<td data-value="78.26" class="pct medium">78.26%</td>
+	<td data-value="23" class="abs medium">18/23</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="3" class="abs low">0/3</td>
+	<td data-value="78.26" class="pct medium">78.26%</td>
+	<td data-value="23" class="abs medium">18/23</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="src/sections/skills"><a href="src/sections/skills/index.html">src/sections/skills</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="16" class="abs high">16/16</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="2" class="abs high">2/2</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="16" class="abs high">16/16</td>
+	</tr>
+
+</tbody>
 </table>
 </div>
                 <div class='push'></div><!-- for sticky footer -->
@@ -86,7 +236,7 @@ <h1>All files</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:07:07.889Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="prettify.js"></script>
         <script>
diff --git a/coverage/public/imgs/hero/heroCharacter.svg.html b/coverage/public/imgs/hero/heroCharacter.svg.html
index d0da76129..9ff30f31e 100644
--- a/coverage/public/imgs/hero/heroCharacter.svg.html
+++ b/coverage/public/imgs/hero/heroCharacter.svg.html
@@ -70,7 +70,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">public/im
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/public/imgs/hero/index.html b/coverage/public/imgs/hero/index.html
index c56072b5e..11e95eee9 100644
--- a/coverage/public/imgs/hero/index.html
+++ b/coverage/public/imgs/hero/index.html
@@ -101,7 +101,7 @@ <h1><a href="../../../index.html">All files</a> public/imgs/hero</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/public/imgs/hero/technologies/index.html b/coverage/public/imgs/hero/technologies/index.html
index d0de407ad..32336daea 100644
--- a/coverage/public/imgs/hero/technologies/index.html
+++ b/coverage/public/imgs/hero/technologies/index.html
@@ -161,7 +161,7 @@ <h1><a href="../../../../index.html">All files</a> public/imgs/hero/technologies
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>
diff --git a/coverage/public/imgs/hero/technologies/nuxt.svg.html b/coverage/public/imgs/hero/technologies/nuxt.svg.html
index 42590e896..7409e8177 100644
--- a/coverage/public/imgs/hero/technologies/nuxt.svg.html
+++ b/coverage/public/imgs/hero/technologies/nuxt.svg.html
@@ -97,7 +97,7 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">public
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>
diff --git a/coverage/public/imgs/hero/technologies/symfony.svg.html b/coverage/public/imgs/hero/technologies/symfony.svg.html
index 99a3493da..64e781f80 100644
--- a/coverage/public/imgs/hero/technologies/symfony.svg.html
+++ b/coverage/public/imgs/hero/technologies/symfony.svg.html
@@ -70,7 +70,7 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">public
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>
diff --git a/coverage/public/imgs/hero/technologies/tailwind.svg.html b/coverage/public/imgs/hero/technologies/tailwind.svg.html
index 6c447ad34..05893e595 100644
--- a/coverage/public/imgs/hero/technologies/tailwind.svg.html
+++ b/coverage/public/imgs/hero/technologies/tailwind.svg.html
@@ -70,7 +70,7 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">public
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>
diff --git a/coverage/public/imgs/hero/technologies/vue.svg.html b/coverage/public/imgs/hero/technologies/vue.svg.html
index e37b03d92..d7440d080 100644
--- a/coverage/public/imgs/hero/technologies/vue.svg.html
+++ b/coverage/public/imgs/hero/technologies/vue.svg.html
@@ -262,7 +262,7 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">public
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>
diff --git a/coverage/public/imgs/hero/technologies/webby.svg.html b/coverage/public/imgs/hero/technologies/webby.svg.html
index e87e9a823..abcb77132 100644
--- a/coverage/public/imgs/hero/technologies/webby.svg.html
+++ b/coverage/public/imgs/hero/technologies/webby.svg.html
@@ -73,7 +73,7 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">public
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>
diff --git a/coverage/public/imgs/technos/docker.svg.html b/coverage/public/imgs/technos/docker.svg.html
index a2108f146..12ddeadf3 100644
--- a/coverage/public/imgs/technos/docker.svg.html
+++ b/coverage/public/imgs/technos/docker.svg.html
@@ -70,7 +70,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">public/im
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/public/imgs/technos/index.html b/coverage/public/imgs/technos/index.html
index 04f801086..55c784a2f 100644
--- a/coverage/public/imgs/technos/index.html
+++ b/coverage/public/imgs/technos/index.html
@@ -101,7 +101,7 @@ <h1><a href="../../../index.html">All files</a> public/imgs/technos</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/components/commons/MainChips.vue.html b/coverage/src/components/commons/MainChips.vue.html
index e58639912..1eec434b5 100644
--- a/coverage/src/components/commons/MainChips.vue.html
+++ b/coverage/src/components/commons/MainChips.vue.html
@@ -133,7 +133,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/compo
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/components/commons/index.html b/coverage/src/components/commons/index.html
index 0c50a27ee..dfb8bb529 100644
--- a/coverage/src/components/commons/index.html
+++ b/coverage/src/components/commons/index.html
@@ -101,7 +101,7 @@ <h1><a href="../../../index.html">All files</a> src/components/commons</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/career/CareerSection.vue.html b/coverage/src/sections/career/CareerSection.vue.html
index e32e21df6..7466d9fcb 100644
--- a/coverage/src/sections/career/CareerSection.vue.html
+++ b/coverage/src/sections/career/CareerSection.vue.html
@@ -266,7 +266,11 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <a name='L201'></a><a href='#L201'>201</a>
 <a name='L202'></a><a href='#L202'>202</a>
 <a name='L203'></a><a href='#L203'>203</a>
-<a name='L204'></a><a href='#L204'>204</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L204'></a><a href='#L204'>204</a>
+<a name='L205'></a><a href='#L205'>205</a>
+<a name='L206'></a><a href='#L206'>206</a>
+<a name='L207'></a><a href='#L207'>207</a>
+<a name='L208'></a><a href='#L208'>208</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -384,6 +388,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -451,6 +456,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -469,7 +475,9 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
   &lt;div&gt;
     &lt;section class="max-w-5xl py-10 mx-2 md:mx-auto"&gt;
       &lt;div&gt;
@@ -498,6 +506,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
               &lt;/div&gt;
               &lt;div class="w-full p-5 md:w-96"&gt;
                 &lt;img
+                  loading="lazy"
                   src="https://fr.investiretplus.com/wp-content/uploads/2017/09/logo-simplon_2.jpg"
                   alt="step 1"
                   class="object-scale-down"&gt;
@@ -539,6 +548,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
               &lt;/div&gt;
               &lt;div class="w-full p-5 md:w-96"&gt;
                 &lt;img
+                  loading="lazy"
                   src="https://lescognees.com/wp-content/uploads/Orange-logo.png"
                   alt="Orange logo"
                   class="object-scale-down"&gt;
@@ -582,6 +592,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
               &lt;/div&gt;
               &lt;div class="w-full p-5 md:w-96"&gt;
                 &lt;img
+                  loading="lazy"
                   src="https://www.myrhline.com/wp-content/uploads/2017/01/6176_default_big.jpg"
                   alt="logo cegedim srh"
                   class="object-scale-down"&gt;
@@ -622,6 +633,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
               &lt;/div&gt;
               &lt;div class="w-full p-5 md:w-96"&gt;
                 &lt;img
+                  loading="lazy"
                   src="https://ngtvexperience.com/_nuxt/img/logo-black.c2acef7.svg"
                   alt="ngtv logo"
                   class="object-scale-down bg-white"&gt;
@@ -679,7 +691,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/career/index.html b/coverage/src/sections/career/index.html
index 0b8c27375..4e3d6e0c9 100644
--- a/coverage/src/sections/career/index.html
+++ b/coverage/src/sections/career/index.html
@@ -101,7 +101,7 @@ <h1><a href="../../../index.html">All files</a> src/sections/career</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/hero/HeroView.vue.html b/coverage/src/sections/hero/HeroView.vue.html
index c246f4d93..5d0768d7c 100644
--- a/coverage/src/sections/hero/HeroView.vue.html
+++ b/coverage/src/sections/hero/HeroView.vue.html
@@ -188,7 +188,14 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <a name='L123'></a><a href='#L123'>123</a>
 <a name='L124'></a><a href='#L124'>124</a>
 <a name='L125'></a><a href='#L125'>125</a>
-<a name='L126'></a><a href='#L126'>126</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L126'></a><a href='#L126'>126</a>
+<a name='L127'></a><a href='#L127'>127</a>
+<a name='L128'></a><a href='#L128'>128</a>
+<a name='L129'></a><a href='#L129'>129</a>
+<a name='L130'></a><a href='#L130'>130</a>
+<a name='L131'></a><a href='#L131'>131</a>
+<a name='L132'></a><a href='#L132'>132</a>
+<a name='L133'></a><a href='#L133'>133</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -313,26 +320,33 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
   &lt;main class="container px-10 mx-auto"&gt;
     &lt;section class="grid items-center grid-cols-1 gap-10 pt-24 pb-24 md:grid-cols-2 md:gap-12 lg:gap-20 xl:pt-24 2xl:pt-56"&gt;
       &lt;div class="order-1 md:order-1 md:mt-0"&gt;
         &lt;div class="relative"&gt;
           &lt;h1
             data-aos="fade-right"
-            data-aos-duration="2000"
+            data-aos-duration="1000"
             class="text-2xl font-bold text-primary lg:text-3xl xl:text-4xl title-min"&gt;
             {{ datas._home.say_hello }} &lt;span class="inline-block pr-4 animate-wiggle"&gt;👋&lt;/span&gt;
           &lt;/h1&gt;
           &lt;h1
             data-aos="fade-right"
-            data-aos-duration="2000"
+            data-aos-duration="1000"
             class="text-3xl lg:text-4xl xl:text-5xl"&gt;
             {{ datas._home.name }}
           &lt;/h1&gt;
           &lt;p
             data-aos="fade-right"
-            data-aos-duration="2000"
+            data-aos-duration="1000"
             class="mt-5 leading-relaxed xl:w-3/4 2xl:text-xl text-xl"&gt;
             {{ datas._home.title_1 }}
             &lt;span class="underline-effect"&gt;{{ datas._home.title_2 }}&lt;/span&gt;
@@ -344,10 +358,11 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
       &lt;/div&gt;
       &lt;div
         data-aos="fade-left"
-        data-aos-duration="2000"
+        data-aos-duration="1000"
         class="relative order-2 p-4 border border-primary rounded-full border-opacity-50 lg:p-7 xl:p-9"&gt;
         &lt;div class="relative p-4 border border-primary rounded-full border-primary border-opacity-50 lg:p-7 xl:p-9"&gt;
           &lt;img
+            loading="lazy"
             class="w-full rounded-full"
             alt="Me"
             :src="require('../../../public/imgs/hero/heroCharacter.svg')"
@@ -361,6 +376,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             title="ApiPlatform"
             home-skill&gt;
             &lt;img
+              loading="lazy"
               :src="require('../../../public/imgs/hero/technologies/webby.svg')"
               alt="api platform logo"
               home-skill&gt;
@@ -370,6 +386,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             title="NuxtJs"
             home-skill&gt;
             &lt;img
+              loading="lazy"
               :src="require('../../../public/imgs/hero/technologies/nuxt.svg')"
               alt="nuxt logo"
               home-skill&gt;
@@ -379,6 +396,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             title="Symfony"
             home-skill&gt;
             &lt;img
+              loading="lazy"
               :src="require('../../../public/imgs/hero/technologies/symfony.svg')"
               alt="symfony logo"
               home-skill&gt;
@@ -388,6 +406,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             title="Vuejs"
             home-skill&gt;
             &lt;img
+              loading="lazy"
               :src="require('../../../public/imgs/hero/technologies/vue.svg')"
               alt="vue logo"
               home-skill&gt;
@@ -397,6 +416,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             title="Docker"
             home-skill&gt;
             &lt;img
+              loading="lazy"
               :src="require('../../../public/imgs/technos/docker.svg')"
               alt="docker logo"
               home-skill&gt;
@@ -408,6 +428,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             title="Tailwind"
             home-skill&gt;
             &lt;img
+              loading="lazy"
               :src="require('../../../public/imgs/hero/technologies/tailwind.svg')"
               alt="tailwind logo"
               home-skill&gt;
@@ -445,7 +466,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/hero/index.html b/coverage/src/sections/hero/index.html
index 769be0dc3..7a13bc704 100644
--- a/coverage/src/sections/hero/index.html
+++ b/coverage/src/sections/hero/index.html
@@ -101,7 +101,7 @@ <h1><a href="../../../index.html">All files</a> src/sections/hero</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/portfolio/PortfolioSection.vue.html b/coverage/src/sections/portfolio/PortfolioSection.vue.html
index c5b63bb0f..b0fa4fb76 100644
--- a/coverage/src/sections/portfolio/PortfolioSection.vue.html
+++ b/coverage/src/sections/portfolio/PortfolioSection.vue.html
@@ -25,7 +25,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>62/62</span>
+                <span class='fraction'>63/63</span>
             </div>
         
             
@@ -46,7 +46,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>62/62</span>
+                <span class='fraction'>63/63</span>
             </div>
         
             
@@ -256,7 +256,12 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <a name='L191'></a><a href='#L191'>191</a>
 <a name='L192'></a><a href='#L192'>192</a>
 <a name='L193'></a><a href='#L193'>193</a>
-<a name='L194'></a><a href='#L194'>194</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L194'></a><a href='#L194'>194</a>
+<a name='L195'></a><a href='#L195'>195</a>
+<a name='L196'></a><a href='#L196'>196</a>
+<a name='L197'></a><a href='#L197'>197</a>
+<a name='L198'></a><a href='#L198'>198</a>
+<a name='L199'></a><a href='#L199'>199</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -338,20 +343,25 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -372,21 +382,21 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -397,18 +407,20 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -419,8 +431,6 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -429,10 +439,10 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -440,7 +450,6 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -449,7 +458,8 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
   &lt;div&gt;
     &lt;section id="features"&gt;
       &lt;div class="divide-y divide-primary"&gt;
@@ -457,13 +467,14 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
           &lt;div class="items-center justify-between sm:flex"&gt;
             &lt;div class="w-full p-4 xl:w-1/2 md:w-1/2"&gt;
               &lt;img
+                loading="lazy"
                 alt="Ngtv Project"
-                class="skew-y-6 rounded-lg lazyloaded"
+                class="skew-y-6 rounded-lg"
                 data-aos="fade-right"
                 data-aos-duration="2000"
-                src="https://padelmagazine.fr/wp-content/uploads/2021/03/NGTV-Empower-Sport-Experience.jpg.webp"&gt;
+                :src="require('../../../public/imgs/portfolio/ng.webp')"&gt;
               &lt;DotSvg
-                class="-mt-10 -ml-10"/&gt;
+                class="-mt-10 -ml-10" /&gt;
             &lt;/div&gt;
             &lt;div
               class="w-full mt-2 ml-2 sm:w-1/2"
@@ -496,11 +507,13 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
                   class="mb-2 text-lg light-text-gray-700"&gt;
                   {{ mission }}
                 &lt;/p&gt;
-                &lt;a
-                  href="https://www.ngtvexperience.com/"
-                  class="flex px-10 py-3 text-xl sm:w-2/3 lg:w-1/2 text-primary"&gt;{{ infos._Commons.goto }}
-                  &lt;siteArrow /&gt;
-                &lt;/a&gt;
+                &lt;div class="flex"&gt;
+                  &lt;a
+                    href="https://www.ngtvexperience.com/"
+                    class="flex px-10 py-3 text-xl sm:w-2/3 lg:w-1/2 text-primary"&gt;{{ infos._Commons.goto }}
+                    &lt;siteArrow /&gt;
+                  &lt;/a&gt;
+                &lt;/div&gt;
               &lt;/div&gt;
             &lt;/div&gt;
           &lt;/div&gt;
@@ -509,11 +522,12 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
           &lt;div class="items-center justify-between sm:flex"&gt;
             &lt;div class="w-full p-4 xl:w-1/2 md:w-1/2"&gt;
               &lt;img
+                loading="lazy"
                 alt="Cegedim srh"
-                class="skew-y-6 rounded-lg lazyloaded"
+                class="skew-y-6 rounded-lg"
                 data-aos="fade-right"
                 data-aos-duration="2000"
-                src="https://pbs.twimg.com/profile_images/474222837419356161/FkijWTuB.jpeg"&gt;
+                :src="require('../../../public/imgs/portfolio/srh.webp')"&gt;
               &lt;DotSvg class="-mt-10 -ml-10" /&gt;
             &lt;/div&gt;
             &lt;div
@@ -557,11 +571,12 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
           &lt;div class="items-center justify-between sm:flex"&gt;
             &lt;div class="w-full p-4 xl:w-1/2 md:w-1/2"&gt;
               &lt;img
+                loading="lazy"
                 alt="Orange logo"
-                class="skew-y-6 rounded-lg lazyloaded"
+                class="skew-y-6 rounded-lg"
                 data-aos="fade-right"
                 data-aos-duration="2000"
-                src="https://cdn.1min30.com/wp-content/uploads/2017/07/Orange-logo-scaled.jpg"&gt;
+                :src="require('../../../public/imgs/portfolio/Orange-logo.jpg')"&gt;
               &lt;DotSvg class="-mt-10 -ml-10" /&gt;
             &lt;/div&gt;
             &lt;div
@@ -649,7 +664,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/portfolio/assets/dotsSvg.vue.html b/coverage/src/sections/portfolio/assets/dotsSvg.vue.html
index 73dabbd41..8b5adb8a6 100644
--- a/coverage/src/sections/portfolio/assets/dotsSvg.vue.html
+++ b/coverage/src/sections/portfolio/assets/dotsSvg.vue.html
@@ -23,30 +23,30 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/se
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">91.66% </span>
+                <span class="strong">69.23% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>11/12</span>
+                <span class='fraction'>9/13</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">91.66% </span>
+                <span class="strong">69.23% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>11/12</span>
+                <span class='fraction'>9/13</span>
             </div>
         
             
@@ -61,7 +61,7 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/se
             </div>
         </template>
     </div>
-    <div class='status-line high'></div>
+    <div class='status-line medium'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -344,7 +344,68 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/se
 <a name='L279'></a><a href='#L279'>279</a>
 <a name='L280'></a><a href='#L280'>280</a>
 <a name='L281'></a><a href='#L281'>281</a>
-<a name='L282'></a><a href='#L282'>282</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L282'></a><a href='#L282'>282</a>
+<a name='L283'></a><a href='#L283'>283</a>
+<a name='L284'></a><a href='#L284'>284</a>
+<a name='L285'></a><a href='#L285'>285</a>
+<a name='L286'></a><a href='#L286'>286</a>
+<a name='L287'></a><a href='#L287'>287</a>
+<a name='L288'></a><a href='#L288'>288</a>
+<a name='L289'></a><a href='#L289'>289</a>
+<a name='L290'></a><a href='#L290'>290</a>
+<a name='L291'></a><a href='#L291'>291</a>
+<a name='L292'></a><a href='#L292'>292</a>
+<a name='L293'></a><a href='#L293'>293</a>
+<a name='L294'></a><a href='#L294'>294</a>
+<a name='L295'></a><a href='#L295'>295</a>
+<a name='L296'></a><a href='#L296'>296</a>
+<a name='L297'></a><a href='#L297'>297</a>
+<a name='L298'></a><a href='#L298'>298</a>
+<a name='L299'></a><a href='#L299'>299</a>
+<a name='L300'></a><a href='#L300'>300</a>
+<a name='L301'></a><a href='#L301'>301</a>
+<a name='L302'></a><a href='#L302'>302</a>
+<a name='L303'></a><a href='#L303'>303</a>
+<a name='L304'></a><a href='#L304'>304</a>
+<a name='L305'></a><a href='#L305'>305</a>
+<a name='L306'></a><a href='#L306'>306</a>
+<a name='L307'></a><a href='#L307'>307</a>
+<a name='L308'></a><a href='#L308'>308</a>
+<a name='L309'></a><a href='#L309'>309</a>
+<a name='L310'></a><a href='#L310'>310</a>
+<a name='L311'></a><a href='#L311'>311</a>
+<a name='L312'></a><a href='#L312'>312</a>
+<a name='L313'></a><a href='#L313'>313</a>
+<a name='L314'></a><a href='#L314'>314</a>
+<a name='L315'></a><a href='#L315'>315</a>
+<a name='L316'></a><a href='#L316'>316</a>
+<a name='L317'></a><a href='#L317'>317</a>
+<a name='L318'></a><a href='#L318'>318</a>
+<a name='L319'></a><a href='#L319'>319</a>
+<a name='L320'></a><a href='#L320'>320</a>
+<a name='L321'></a><a href='#L321'>321</a>
+<a name='L322'></a><a href='#L322'>322</a>
+<a name='L323'></a><a href='#L323'>323</a>
+<a name='L324'></a><a href='#L324'>324</a>
+<a name='L325'></a><a href='#L325'>325</a>
+<a name='L326'></a><a href='#L326'>326</a>
+<a name='L327'></a><a href='#L327'>327</a>
+<a name='L328'></a><a href='#L328'>328</a>
+<a name='L329'></a><a href='#L329'>329</a>
+<a name='L330'></a><a href='#L330'>330</a>
+<a name='L331'></a><a href='#L331'>331</a>
+<a name='L332'></a><a href='#L332'>332</a>
+<a name='L333'></a><a href='#L333'>333</a>
+<a name='L334'></a><a href='#L334'>334</a>
+<a name='L335'></a><a href='#L335'>335</a>
+<a name='L336'></a><a href='#L336'>336</a>
+<a name='L337'></a><a href='#L337'>337</a>
+<a name='L338'></a><a href='#L338'>338</a>
+<a name='L339'></a><a href='#L339'>339</a>
+<a name='L340'></a><a href='#L340'>340</a>
+<a name='L341'></a><a href='#L341'>341</a>
+<a name='L342'></a><a href='#L342'>342</a>
+<a name='L343'></a><a href='#L343'>343</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -361,16 +422,21 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/se
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -387,7 +453,63 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/se
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -633,261 +755,313 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/se
     :fill="color"
     xmlns="http://www.w3.org/2000/svg"&gt;
     &lt;circle
+      :class="colorClass"
       cx="6"
       cy="78"
       r="6"
       transform="rotate(-180 6 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="30"
-      cy="78"
-      r="6"
+<span class="fstat-no" title="function not covered" ></span>      cy="78"
+      r="6"<span class="cstat-no" title="statement not covered" ></span>
       transform="rotate(-180 30 78)" /&gt;
     &lt;circle
-      cx="54"
+<span class="cstat-no" title="statement not covered" >      :class="colorClass"</span>
+<span class="cstat-no" title="statement not covered" >      cx="54"</span>
       cy="78"
       r="6"
       transform="rotate(-180 54 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="78"
       cy="78"
       r="6"
       transform="rotate(-180 78 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="102"
       cy="78"
       r="6"
       transform="rotate(-180 102 78)" /&gt;
     &lt;circle
-      cx=<span class="fstat-no" title="function not covered" >"126"</span>
-<span class="cstat-no" title="statement not covered" >      cy="78"</span>
+      :cl<span class="fstat-no" title="function not covered" >ass="co</span>lorClass"
+<span class="cstat-no" title="statement not covered" >      cx="126"</span>
+      cy="78"
       r="6"
       transform="rotate(-180 126 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="150"
       cy="78"
       r="6"
       transform="rotate(-180 150 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="174"
       cy="78"
       r="6"
       transform="rotate(-180 174 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="198"
       cy="78"
       r="6"
       transform="rotate(-180 198 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="222"
       cy="78"
       r="6"
       transform="rotate(-180 222 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="246"
       cy="78"
       r="6"
       transform="rotate(-180 246 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="270"
       cy="78"
       r="6"
       transform="rotate(-180 270 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="294"
       cy="78"
       r="6"
       transform="rotate(-180 294 78)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="6"
       cy="54"
       r="6"
       transform="rotate(-180 6 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="30"
       cy="54"
       r="6"
       transform="rotate(-180 30 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="54"
       cy="54"
       r="6"
       transform="rotate(-180 54 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="78"
       cy="54"
       r="6"
       transform="rotate(-180 78 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="102"
       cy="54"
       r="6"
       transform="rotate(-180 102 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="126"
       cy="54"
       r="6"
       transform="rotate(-180 126 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="150"
       cy="54"
       r="6"
       transform="rotate(-180 150 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="174"
       cy="54"
       r="6"
       transform="rotate(-180 174 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="198"
       cy="54"
       r="6"
       transform="rotate(-180 198 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="222"
       cy="54"
       r="6"
       transform="rotate(-180 222 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="246"
       cy="54"
       r="6"
       transform="rotate(-180 246 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="270"
       cy="54"
       r="6"
       transform="rotate(-180 270 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="294"
       cy="54"
       r="6"
       transform="rotate(-180 294 54)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="6"
       cy="30"
       r="6"
       transform="rotate(-180 6 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="30"
       cy="30"
       r="6"
       transform="rotate(-180 30 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="54"
       cy="30"
       r="6"
       transform="rotate(-180 54 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="78"
       cy="30"
       r="6"
       transform="rotate(-180 78 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="102"
       cy="30"
       r="6"
       transform="rotate(-180 102 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="126"
       cy="30"
       r="6"
       transform="rotate(-180 126 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="150"
       cy="30"
       r="6"
       transform="rotate(-180 150 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="174"
       cy="30"
       r="6"
       transform="rotate(-180 174 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="198"
       cy="30"
       r="6"
       transform="rotate(-180 198 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="222"
       cy="30"
       r="6"
       transform="rotate(-180 222 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="246"
       cy="30"
       r="6"
       transform="rotate(-180 246 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="270"
       cy="30"
       r="6"
       transform="rotate(-180 270 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="294"
       cy="30"
       r="6"
       transform="rotate(-180 294 30)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="6"
       cy="5.99998"
       r="6"
       transform="rotate(-180 6 5.99998)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="30"
       cy="5.99998"
       r="6"
       transform="rotate(-180 30 5.99998)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="54"
       cy="5.99998"
       r="6"
       transform="rotate(-180 54 5.99998)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="78"
       cy="5.99998"
       r="6"
       transform="rotate(-180 78 5.99998)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="102"
       cy="5.99998"
       r="6"
       transform="rotate(-180 102 5.99998)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="126"
       cy="5.99998"
       r="6"
       transform="rotate(-180 126 5.99998)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="150"
       cy="5.99998"
       r="6"
       transform="rotate(-180 150 5.99998)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="174"
       cy="5.99999"
       r="6"
       transform="rotate(-180 174 5.99999)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="198"
       cy="5.99999"
       r="6"
       transform="rotate(-180 198 5.99999)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="222"
       cy="5.99999"
       r="6"
       transform="rotate(-180 222 5.99999)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="246"
       cy="5.99999"
       r="6"
       transform="rotate(-180 246 5.99999)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="270"
       cy="6"
       r="6"
       transform="rotate(-180 270 6)" /&gt;
     &lt;circle
+      :class="colorClass"
       cx="294"
       cy="6"
       r="6"
@@ -901,7 +1075,16 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/se
     props: {
         color: {
             type: String,
-            default: "#A1D8B1"
+            default: "secondary"
+        }
+    },
+    computed: {
+        colorClass() {
+            const colorMap = {
+                secondary: "fill-secondary",
+            };
+            console.log(this.color);
+            return colorMap[this.color] || colorMap.secondary;
         }
     }
 };
@@ -913,7 +1096,7 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/se
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/portfolio/assets/index.html b/coverage/src/sections/portfolio/assets/index.html
index 1c53bc0c1..166907545 100644
--- a/coverage/src/sections/portfolio/assets/index.html
+++ b/coverage/src/sections/portfolio/assets/index.html
@@ -23,30 +23,30 @@ <h1><a href="../../../../index.html">All files</a> src/sections/portfolio/assets
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">90.9% </span>
+                <span class="strong">78.26% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>20/22</span>
+                <span class='fraction'>18/23</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>0/3</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">90.9% </span>
+                <span class="strong">78.26% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>20/22</span>
+                <span class='fraction'>18/23</span>
             </div>
         
             
@@ -61,7 +61,7 @@ <h1><a href="../../../../index.html">All files</a> src/sections/portfolio/assets
             </div>
         </template>
     </div>
-    <div class='status-line high'></div>
+    <div class='status-line medium'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -79,18 +79,18 @@ <h1><a href="../../../../index.html">All files</a> src/sections/portfolio/assets
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file high" data-value="dotsSvg.vue"><a href="dotsSvg.vue.html">dotsSvg.vue</a></td>
-	<td data-value="91.66" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 91%"></div><div class="cover-empty" style="width: 9%"></div></div>
+	<td class="file medium" data-value="dotsSvg.vue"><a href="dotsSvg.vue.html">dotsSvg.vue</a></td>
+	<td data-value="69.23" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 69%"></div><div class="cover-empty" style="width: 31%"></div></div>
 	</td>
-	<td data-value="91.66" class="pct high">91.66%</td>
-	<td data-value="12" class="abs high">11/12</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="69.23" class="pct medium">69.23%</td>
+	<td data-value="13" class="abs medium">9/13</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="91.66" class="pct high">91.66%</td>
-	<td data-value="12" class="abs high">11/12</td>
+	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="69.23" class="pct medium">69.23%</td>
+	<td data-value="13" class="abs medium">9/13</td>
 	</tr>
 
 <tr>
@@ -116,7 +116,7 @@ <h1><a href="../../../../index.html">All files</a> src/sections/portfolio/assets
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/portfolio/assets/siteArrow.vue.html b/coverage/src/sections/portfolio/assets/siteArrow.vue.html
index abff217ba..1cf5a82aa 100644
--- a/coverage/src/sections/portfolio/assets/siteArrow.vue.html
+++ b/coverage/src/sections/portfolio/assets/siteArrow.vue.html
@@ -121,7 +121,7 @@ <h1><a href="../../../../index.html">All files</a> / <a href="index.html">src/se
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/portfolio/index.html b/coverage/src/sections/portfolio/index.html
index d3ee4ce6f..7c6a5184f 100644
--- a/coverage/src/sections/portfolio/index.html
+++ b/coverage/src/sections/portfolio/index.html
@@ -25,7 +25,7 @@ <h1><a href="../../../index.html">All files</a> src/sections/portfolio</h1>
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>62/62</span>
+                <span class='fraction'>63/63</span>
             </div>
         
             
@@ -46,7 +46,7 @@ <h1><a href="../../../index.html">All files</a> src/sections/portfolio</h1>
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>62/62</span>
+                <span class='fraction'>63/63</span>
             </div>
         
             
@@ -84,13 +84,13 @@ <h1><a href="../../../index.html">All files</a> src/sections/portfolio</h1>
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="62" class="abs high">62/62</td>
+	<td data-value="63" class="abs high">63/63</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="0" class="abs high">0/0</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="7" class="abs high">7/7</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="62" class="abs high">62/62</td>
+	<td data-value="63" class="abs high">63/63</td>
 	</tr>
 
 </tbody>
@@ -101,7 +101,7 @@ <h1><a href="../../../index.html">All files</a> src/sections/portfolio</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/skills/ProfessionalSkillsSection.vue.html b/coverage/src/sections/skills/ProfessionalSkillsSection.vue.html
index bdaec0216..31370ded9 100644
--- a/coverage/src/sections/skills/ProfessionalSkillsSection.vue.html
+++ b/coverage/src/sections/skills/ProfessionalSkillsSection.vue.html
@@ -102,7 +102,8 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <a name='L37'></a><a href='#L37'>37</a>
 <a name='L38'></a><a href='#L38'>38</a>
 <a name='L39'></a><a href='#L39'>39</a>
-<a name='L40'></a><a href='#L40'>40</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
@@ -141,6 +142,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
   &lt;section class="flex flex-wrap mt-0 sm:mt-12"&gt;
     &lt;div
@@ -154,8 +156,9 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
         &lt;div class="relative flex flex-col items-center justify-center h-full p-6 overflow-hidden text-center border-2 rounded-lg border-primary hover:scale-105"&gt;
           &lt;div&gt;
             &lt;img
-              :src="`img/technos/${skill.img}`"
-              alt="symfony"
+              loading="lazy"
+              :src="`imgs/technos/${skill.img}`"
+              :alt="skill.message"
               class="inline-block h-20 color-bg-gray-700 hover:skew-y-6"&gt;
           &lt;/div&gt;
           &lt;div class="w-12 h-1 mt-2 mb-4 rounded bg-primary" /&gt;
@@ -187,7 +190,7 @@ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/secti
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/coverage/src/sections/skills/index.html b/coverage/src/sections/skills/index.html
index 66aedf035..2e14ba928 100644
--- a/coverage/src/sections/skills/index.html
+++ b/coverage/src/sections/skills/index.html
@@ -101,7 +101,7 @@ <h1><a href="../../../index.html">All files</a> src/sections/skills</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-26T13:06:59.802Z
+                at 2023-10-12T10:15:44.318Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>
diff --git a/src/sections/portfolio/PortfolioSection.vue b/src/sections/portfolio/PortfolioSection.vue
index 7da2b9ebd..d3b58572e 100644
--- a/src/sections/portfolio/PortfolioSection.vue
+++ b/src/sections/portfolio/PortfolioSection.vue
@@ -46,11 +46,13 @@
                   class="mb-2 text-lg light-text-gray-700">
                   {{ mission }}
                 </p>
-                <a
-                  href="https://www.ngtvexperience.com/"
-                  class="flex px-10 py-3 text-xl sm:w-2/3 lg:w-1/2 text-primary">{{ infos._Commons.goto }}
-                  <siteArrow />
-                </a>
+                <div class="flex">
+                  <a
+                    href="https://www.ngtvexperience.com/"
+                    class="flex px-10 py-3 text-xl sm:w-2/3 lg:w-1/2 text-primary">{{ infos._Commons.goto }}
+                    <siteArrow />
+                  </a>
+                </div>
               </div>
             </div>
           </div>
diff --git a/src/sections/portfolio/data.json b/src/sections/portfolio/data.json
index 4e5d26fa2..5d149f74a 100644
--- a/src/sections/portfolio/data.json
+++ b/src/sections/portfolio/data.json
@@ -1,6 +1,7 @@
 {
   "_Commons": {
-    "goto": "Site"
+    "goto": "Site",
+    "see_more": "Voir plus"
   },
   "_NGTV": {
     "titre": "Ngtv Experience",