Added lower res images

public/assets/Artboard 19.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 664.47 198.01"><defs><style>.cls-1{font-family:barcodefont, 'barcode font';font-size:194.02px;}.cls-1,.cls-2{fill:#f7a6a6;}</style></defs><text class="cls-1" transform="translate(0 193.33)"><tspan x="0" y="0" xml:space="preserve">lotte  ontvlambaar.be</tspan></text><path class="cls-2" d="M195.01,195.9c-2.91,1.53-5.86,2.11-9.41,2.11-8.66,0-16.01-6.34-16.01-16.49,0-10.88,7.56-20.29,19.29-20.29,9.19,0,15.38,6.45,15.38,15.27,0,7.93-4.44,12.58-9.41,12.58-2.11,0-4.07-1.43-3.91-4.65h-.21c-1.85,3.12-4.28,4.65-7.45,4.65s-5.71-2.48-5.71-6.66c0-6.55,5.18-12.52,12.52-12.52,2.27,0,4.28.48,5.65,1.11l-1.8,9.57c-.79,4.01-.16,5.86,1.59,5.92,2.69.05,5.71-3.54,5.71-9.67,0-7.66-4.6-13.16-12.79-13.16-8.61,0-15.85,6.81-15.85,17.54,0,8.82,5.76,14.27,13.58,14.27,3.01,0,5.81-.63,7.98-1.85l.85,2.27ZM192.11,173.07c-.53-.16-1.43-.37-2.64-.37-4.65,0-8.4,4.39-8.4,9.51,0,2.32,1.16,4.01,3.49,4.01,3.06,0,5.86-3.91,6.45-7.18l1.11-5.97Z"/></svg>

public/assets/Artboard 20.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 664.47 198.01"><defs><style>.cls-1{font-family:barcodefont, 'barcode font';font-size:194.02px;}</style></defs><text class="cls-1" transform="translate(0 193.33)"><tspan x="0" y="0" xml:space="preserve">lotte  ontvlambaar.be</tspan></text><path d="M195.01,195.9c-2.91,1.53-5.86,2.11-9.41,2.11-8.66,0-16.01-6.34-16.01-16.49,0-10.88,7.56-20.29,19.29-20.29,9.19,0,15.38,6.45,15.38,15.27,0,7.93-4.44,12.58-9.41,12.58-2.11,0-4.07-1.43-3.91-4.65h-.21c-1.85,3.12-4.28,4.65-7.45,4.65s-5.71-2.48-5.71-6.66c0-6.55,5.18-12.52,12.52-12.52,2.27,0,4.28.48,5.65,1.11l-1.8,9.57c-.79,4.01-.16,5.86,1.59,5.92,2.69.05,5.71-3.54,5.71-9.67,0-7.66-4.6-13.16-12.79-13.16-8.61,0-15.85,6.81-15.85,17.54,0,8.82,5.76,14.27,13.58,14.27,3.01,0,5.81-.63,7.98-1.85l.85,2.27ZM192.11,173.07c-.53-.16-1.43-.37-2.64-.37-4.65,0-8.4,4.39-8.4,9.51,0,2.32,1.16,4.01,3.49,4.01,3.06,0,5.86-3.91,6.45-7.18l1.11-5.97Z"/></svg>

public/assets/logo-light.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 93.71 93.71"><defs><style>.cls-1{fill:none;}.cls-2{fill:#2e142c;}.cls-3{fill:#e41f1a;}.cls-4{fill:#1d1d1b;}.cls-5{fill:#fff;}.cls-6{clip-path:url(#clippath);}</style><clipPath id="clippath"><circle class="cls-1" cx="46.86" cy="46.86" r="43.11"/></clipPath></defs><g class="cls-6"><circle class="cls-5" cx="46.86" cy="46.86" r="43.11"/><path class="cls-2" d="M46.86,90.9c-24.29,0-44.05-19.76-44.05-44.05S22.57,2.81,46.86,2.81s44.05,19.76,44.05,44.05-19.76,44.05-44.05,44.05ZM46.86,4.68C23.6,4.68,4.68,23.6,4.68,46.86s18.92,42.17,42.17,42.17,42.17-18.92,42.17-42.17S70.11,4.68,46.86,4.68Z"/><path class="cls-4" d="M65.34-23c33.16,29.5,24.22,55.99,28.61,54.68,5.71-1.7,4.91-14.29,4.91-14.29,12.5,22.65,1.34,43.86,1.34,43.86,9.06-2.63,10.07-16.36,10.07-16.36,0,0,18.33,62.79-39.61,62.79S30.37,50.76,30.37,50.76c0,0,2.65,12.99,9.05,14.73,0,0-6.4-23.15,10.5-46.37,0,0,1.43,19.44,9.95,9.18s10.02-33.36,5.47-51.3Z"/><path class="cls-5" d="M67.83,37.79c16.97,15.1,12.39,28.65,14.64,27.98,2.92-.87,2.51-7.31,2.51-7.31,6.4,11.59.68,22.45.68,22.45,4.64-1.34,5.15-8.37,5.15-8.37,0,0,9.38,32.13-20.27,32.13s-20.62-29.13-20.62-29.13c0,0,1.36,6.65,4.63,7.54,0,0-3.27-11.85,5.37-23.73,0,0,.73,9.95,5.09,4.7,4.36-5.25,5.13-17.07,2.8-26.25Z"/></g><path class="cls-3" d="M46.86,93.71C21.02,93.71,0,72.69,0,46.86S21.02,0,46.86,0s46.86,21.02,46.86,46.86-21.02,46.86-46.86,46.86ZM46.86,7.49C25.15,7.49,7.49,25.15,7.49,46.86s17.66,39.36,39.36,39.36,39.36-17.66,39.36-39.36S68.56,7.49,46.86,7.49Z"/></svg>

src/app/hero/hero.component.html

@@ -1,4 +1,4 @@
 <img src="assets/logo-dark.svg" alt="Logo dark" class="only-on-dark" />
-<img src="assets/logo-dark.svg" alt="Logo light" class="only-on-light" />
+<img src="assets/logo-light.svg" alt="Logo light" class="only-on-light" />
 <h1>Ontvlambaar</h1>
 <span class="slogan">Jullie het vuur, wij de branding</span>

src/app/portfolio/portfolio.component.html

@@ -3,23 +3,19 @@
     <h2>Zetwerk van boeken</h2>
     <p>Voor educatieve uitgaven, catalogi en proefschriften zorg ik voor een helder en toegankelijk ontwerp dat de inhoud optimaal tot zijn recht laat komen. Educatieve boeken voor leerlingen vragen om een overzichtelijke indeling die het leren stimuleert, terwijl catalogi de producten gestructureerd en visueel aantrekkelijk moeten presenteren. Proefschriften vereisen dan weer een professionele en verzorgde uitstraling die past bij academisch werk. Met aandacht voor detail en leesbaarheid zet ik jouw project om in een professioneel en aantrekkelijk eindresultaat, van eerste pagina tot laatste bladzijde.</p>
   </div>
-  <img src="assets/Educatief-zetwerk.webp" alt="Zetwerk voorbeeld">
+  <img src="assets/services/Educatief-zetwerk-800.webp" alt="Zetwerk voorbeeld">
 </div>
 <div class="right">
   <div>
     <h2>Logo’s, huisstijlen & verpakkingen</h2>
     <p>Een sterke huisstijl en een herkenbaar logo vormen het hart van elk merk. Ik ontwerp de visuele kant van je merkverhaal en zorg voor een blijvende indruk. Van het logo tot de banners, ik creëer een unieke uitstraling die jouw merk laat opvallen en de juiste boodschap overbrengt.</p>
   </div>
-  <img src="assets/Branding.webp" alt="Zetwerk voorbeeld">
+  <img src="assets/services/Branding-800.webp" alt="Zetwerk voorbeeld">
 </div>
 <div class="left">
   <div>
     <h2>UI/UX</h2>
     <p>Een goede vormgeving gaat verder dan alleen mooi zijn; het moet ook gebruiksvriendelijk zijn. Met een sterk ontwerp voor jouw website zorg ik ervoor dat gebruikers moeiteloos hun weg vinden. Door een combinatie van esthetiek en functionaliteit creëer ik een intuïtieve ervaring die aansluit bij de behoeften van de gebruiker en het doel van jouw project.</p>
   </div>
-  <img src="assets/UX-UI.webp" alt="Zetwerk voorbeeld">
+  <img src="assets/services/UX-UI-800.webp" alt="Zetwerk voorbeeld">
 </div>
-
-
-
-