[ADD] english version + PDF files

[DEL] Matomo code

public/assets/style.css

@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}img{border-style:none}h1,h2,h3,h4,p,ul{margin:0}ul{list-style:none;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}img{border-style:solid}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}body{height:100vh;background-color:#000;color:#edf2f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body,main{display:flex}main{max-width:1280px;margin-left:auto;margin-right:auto;flex:1 1 0%;flex-direction:column}menu{padding-inline-start:0;margin-block-start:0;margin-block-end:0;flex:0 1 auto;flex-direction:row;background-color:#1a202c}menu,nav{display:flex;justify-content:space-around}nav{flex-direction:row}.nav-button{display:block;padding:1.5rem}.nav-button:hover{background-color:#4a5568;color:#4299e1;cursor:pointer}.nav-button:active{background-color:#1a202c;color:#3182ce;cursor:wait}aside{background-image:url(photo.jpg);box-shadow:inset 0 0 110px rgba(0,0,0,.9);display:flex;background-position:50%;background-size:cover;background-repeat:no-repeat;justify-content:center}.person{align-self:center;display:flex;flex-direction:column;padding:1rem;text-align:center}.person h1{font-size:2.25rem}.person h1,.person h2{padding:.5rem;font-weight:700}.person h2{font-size:1.25rem;color:#4299e1}.person ul{display:flex;flex-direction:row;justify-content:space-around;padding:.5rem}.person li:hover{color:#4299e1}.person li:active{color:#3182ce;cursor:wait}.content{scroll-behavior:smooth;display:flex;flex-direction:column;overflow:auto;min-height:0;padding:1rem;flex-grow:1;background-color:#1a202c}.content h2{padding-top:1rem;padding-bottom:1rem;font-size:3rem;font-weight:700}.content h3{padding-top:.5rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700;display:flex}.content h3 svg{color:#4299e1;display:inline;align-self:center;margin-right:.5rem}.content section{display:flex;flex-direction:column}.content p{color:#cbd5e0;padding-top:.5rem;padding-bottom:.5rem}.content span{color:#718096}.content span em{font-size:1.25rem;color:#4299e1;font-weight:700}.content li span{color:#4299e1;font-size:1.5rem;font-weight:700}.about-me{display:flex;flex-direction:column}.about-me span em{margin-left:1rem;margin-right:1rem}.about-me span em:first-of-type{margin-left:0}.kpis ul,.tools ul{display:flex;flex-direction:row;padding-top:1rem;padding-bottom:1rem}.kpis li,.tools li{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;text-align:center;color:#f7fafc;font-size:.875rem;font-weight:700}.tools ul{flex-wrap:wrap}.tools li{display:flex;align-self:center;margin:.5rem}.tools li img{height:64px;max-width:inherit}.tools li svg{color:#4299e1}.content .formations-experiences{display:flex;flex-direction:column-reverse}.formations-experiences article{padding-top:1rem;padding-bottom:1rem;margin-left:.5rem;margin-right:.5rem}.formations-experiences em{font-size:.875rem;color:#4299e1;font-weight:700;font-style:normal}.formations-experiences span{font-size:.875rem;color:#718096}.formations-experiences h4{font-size:1.25rem}.formations-experiences ul{display:flex;margin-left:1rem;flex-direction:column;list-style-type:disc}.formations-experiences li{color:#a0aec0;font-size:.875rem}.content .experiences,.content .formations{flex:1 1 0%}.content .pin{display:inline-block;background-color:#4299e1;border-radius:9999px;padding:.25rem .75rem;margin:.5rem .25rem;font-size:.875rem;font-weight:600;color:#edf2f7}@media (min-width:768px){body{justify-content:center;align-items:center}main{height:90vh;flex-direction:row}menu{margin-top:5rem;margin-bottom:5rem}menu,nav{flex-direction:column}aside{flex-shrink:1;display:flex;flex-wrap:wrap}.person{align-self:flex-end;margin-bottom:6rem;margin-left:6rem;margin-right:6rem}.content{margin-top:5rem;margin-bottom:5rem;padding:2rem}.content .formations-experiences{flex-direction:row}}.inline{display:inline}.visible{visibility:visible}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}img{border-style:none}h1,h2,h3,h4,p,ul{margin:0}ul{list-style:none;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}img{border-style:solid}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}img,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}body{height:100vh;background-color:#000;color:#edf2f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body,main{display:flex}main{max-width:1280px;margin-left:auto;margin-right:auto;flex:1 1 0%;flex-direction:column}menu{padding-inline-start:0;margin-block-start:0;margin-block-end:0;flex:0 1 auto;flex-direction:row;background-color:#1a202c}menu,nav{display:flex;justify-content:space-around}nav{flex-direction:row}.nav-button{display:block;padding:1.5rem}.nav-button:hover{background-color:#4a5568;color:#4299e1;cursor:pointer}.nav-button:active{background-color:#1a202c;color:#3182ce;cursor:wait}aside{background-image:url(photo.jpg);box-shadow:inset 0 0 110px rgba(0,0,0,.9);display:flex;background-position:50%;background-size:cover;background-repeat:no-repeat;justify-content:center}.person{align-self:center;display:flex;flex-direction:column;padding:1rem;text-align:center}.person h1{font-size:2.25rem}.person h1,.person h2{padding:.5rem;font-weight:700}.person h2{font-size:1.25rem;color:#4299e1}.person ul{display:flex;flex-direction:row;justify-content:space-around;padding:.5rem}.person li:hover{color:#4299e1}.person li:active{color:#3182ce;cursor:wait}.content{scroll-behavior:smooth;display:flex;flex-direction:column;overflow:auto;min-height:0;padding:1rem;flex-grow:1;background-color:#1a202c}.content h2{padding-top:1rem;padding-bottom:1rem;font-size:3rem;font-weight:700}.content h3{padding-top:.5rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700;display:flex}.content h3 svg{color:#4299e1;display:inline;align-self:center;margin-right:.5rem}.content section{display:flex;flex-direction:column}.content p{color:#cbd5e0;padding-top:.5rem;padding-bottom:.5rem}.content span{color:#718096}.content span em{font-size:1.25rem;color:#4299e1;font-weight:700}.content li span{color:#4299e1;font-size:1.5rem;font-weight:700}.about-me{display:flex;flex-direction:column}.about-me span em{margin-left:1rem;margin-right:1rem}.about-me span em:first-of-type{margin-left:0}.kpis ul,.tools ul{display:flex;flex-direction:row;padding-top:1rem;padding-bottom:1rem}.kpis li,.tools li{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;text-align:center;color:#f7fafc;font-size:.875rem;font-weight:700}.tools ul{flex-wrap:wrap}.tools li{display:flex;align-self:center;margin:.5rem}.tools li img{height:64px;max-width:inherit}.tools li svg{color:#4299e1}.content .formations-experiences{display:flex;flex-direction:column-reverse}.formations-experiences article{padding-top:1rem;padding-bottom:1rem;margin-left:.5rem;margin-right:.5rem}.formations-experiences em{font-size:.875rem;color:#4299e1;font-weight:700;font-style:normal}.formations-experiences span{font-size:.875rem;color:#718096}.formations-experiences h4{font-size:1.25rem}.formations-experiences ul{display:flex;margin-left:1rem;flex-direction:column;list-style-type:disc}.formations-experiences li{color:#a0aec0;font-size:.875rem}.content .experiences,.content .formations{flex:1 1 0%}.content .pin{display:inline-block;background-color:#4299e1;border-radius:9999px;padding:.25rem .75rem;margin:.5rem .25rem;font-size:.875rem;font-weight:600;color:#edf2f7}@media (min-width:768px){body{justify-content:center;align-items:center}main{height:90vh;flex-direction:row}menu{margin-top:5rem;margin-bottom:5rem}menu,nav{flex-direction:column}aside{flex-shrink:1;display:flex;flex-wrap:wrap}.person{align-self:flex-end;margin-bottom:6rem;margin-left:6rem;margin-right:6rem}.content{margin-top:5rem;margin-bottom:5rem;padding:2rem}.content .formations-experiences{flex-direction:row}}.inline{display:inline}.fixed{position:fixed}.visible{visibility:visible}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}

public/index.html

@@ -39,6 +39,18 @@
                         </path>
                     </svg>
                 </a>
+                <a href="./index.en.html" class="nav-button">
+                    <svg width="24" height="24" version="1.1" viewBox="0 0 50 30" xmlns="http://www.w3.org/2000/svg">
+                        <clipPath>
+                            <path d="m25 15h25v15zv15h-25zh-25v-15zv-15h25z"/>
+                        </clipPath>
+                        <g>
+                            <rect x="9.8296e-6" y="-1.8681e-6" width="50" height="30" fill="#fff" style="paint-order:markers fill stroke"/>
+                            <path d="m-7e-6 -5e-7v2.3321l12.779 7.6678 3.8871-1e-4zm22 0v11.999h-22v5.9961h22v12.005h5.9998v-12.005h22v-5.9961h-22v-11.999zm24.112 0-16.113 9.6675v0.33232h3.3336l16.666-9.9998zm-29.488 20-16.625 10h3.8873l16.112-9.668v-0.33203zm16.709 0 16.666 10v-2.3323l-12.777-7.6677z" fill="#c8102e" style="paint-order:markers fill stroke"/>
+                            <path d="m5.85-5e-7 14.15 8.5002v-8.5002zm24.15 0v8.5016l14.17-8.5016zm-30 3.4985v6.5006l10.836 7.55e-4zm50 2.1e-4 -10.835 6.5011h10.835zm-50 16.501v6.5021l10.835-6.5021zm39.169 0 10.831 6.576v-6.576zm-9.1689 1.4986v8.5014h14.17zm-10 3.99e-4 -14.169 8.501h14.169z" fill="#012169" style="paint-order:markers fill stroke"/>
+                        </g>
+                    </svg>
+                </a>
                 <a href="./assets/documents/resume.pdf" alt="Télécharger mon CV" target="_blank" class="nav-button">
                     <svg class="current-color" mlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download-cloud"><polyline points="8 17 12 21 16 17"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"></path></svg>
                 </a>
@@ -83,7 +95,7 @@
         <section class="content">
             <section class="about-me">
                 <h2><a id="about-me">A mon sujet</a></h2>
-                <span><em>28 ans</em> / <em>Nice</em> / <em>A l'écoute</em></span>
+                <span><em>29 ans</em> / <em>Bruxelles</em> / <em>A l'écoute</em></span>
                 <p>Curieux et impliqué, j'aime faire face à de nouveaux défis en m'appuyant sur mon expérience et celle
                     de mes pairs. Sociable et humain, j'apprécie travailler en équipe, poussant chacun à faire de son
                     mieux. Enfin, organisé et patient, j'applique toute méthodologie pratique s'adaptant au savoir-faire
@@ -709,21 +721,6 @@
             </section>
         </section>
     </main>
-    <!-- Matomo -->
-    <script type="text/javascript">
-        var _paq = window._paq || [];
-        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-        _paq.push(['trackPageView']);
-        _paq.push(['enableLinkTracking']);
-        (function () {
-            var u = "//matomo.savinel.name/";
-            _paq.push(['setTrackerUrl', u + 'matomo.php']);
-            _paq.push(['setSiteId', '1']);
-            var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
-            g.type = 'text/javascript'; g.async = true; g.defer = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
-        })();
-    </script>
-    <!-- End Matomo Code -->
 </body>
 
 </html>