Optimized and organized assets

public/readme.md

@@ -1 +0,0 @@
-In this folder you can store your assets...

src/LandingPage/InfoScroll.svelte

@@ -5,7 +5,11 @@
 <div class="infscr">
     <div class="infscr-row">
         <div class="infscr-image-div">
-            <img class="infscr-image" src="buildplate0.png" />
+            <img
+                class="infscr-image"
+                src="buildplate.webp"
+                alt="An L-PBF buildplate after a successful print"
+            />
         </div>
         <div class="infscr-textcol">
             <div class="infscr-title">Experts in L-PBF</div>
@@ -37,7 +41,11 @@
     </div>
     <div class="infscr-row-reverse">
         <div class="infscr-image-div">
-            <img class="infscr-image" src="data0.png" />
+            <img
+                class="infscr-image"
+                src="data.webp"
+                alt="A dashboard featuring L-PBF thermographic analyses"
+            />
         </div>
         <div class="infscr-textcol">
             <div class="infscr-title">Data Driven Research</div>
@@ -72,7 +80,11 @@
     </div>
     <div class="infscr-row">
         <div class="infscr-image-div">
-            <img class="infscr-image" src="open-science-palettematched0.png" />
+            <img
+                class="infscr-image"
+                src="openscience.webp"
+                alt="A render of the open science logo with a modified color palette"
+            />
         </div>
         <div class="infscr-textcol">
             <div class="infscr-title">Open Science</div>

src/LandingPage/LandingPage.scss

@@ -14,7 +14,7 @@
 
   .landing-zone {
     position: relative;
-    background-image: url("background-f-000143-10.png");
+    background-image: url("landing.png");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;

src/LandingPage/NavigationFooter.svelte

@@ -7,16 +7,32 @@
         <div class="navigation-footer-site-name">AM-D-Model.eu</div>
         <div class="navigation-footer-social-media">
             <div class="navigation-footer-buttons-icon">
-                <img class="navigation-footer-social-icon" src="icon0.svg" />
+                <img
+                    class="navigation-footer-social-icon"
+                    src="facebook.svg"
+                    alt="Grey Facebook icon"
+                />
             </div>
             <div class="navigation-footer-buttons-icon">
-                <img class="navigation-footer-social-icon" src="icon1.svg" />
+                <img
+                    class="navigation-footer-social-icon"
+                    src="linkedin.svg"
+                    alt="Grey LinkedIn icon"
+                />
             </div>
             <div class="navigation-footer-buttons-icon">
-                <img class="navigation-footer-social-icon" src="icon2.svg" />
+                <img
+                    class="navigation-footer-social-icon"
+                    src="youtube.svg"
+                    alt="Grey YouTube icon"
+                />
             </div>
             <div class="navigation-footer-buttons-icon">
-                <img class="navigation-footer-social-icon" src="icon3.svg" />
+                <img
+                    class="navigation-footer-social-icon"
+                    src="instagram.svg"
+                    alt="Grey Instagram icon"
+                />
             </div>
         </div>
     </div>