fix[close #85]: Switched all images to webp/svg

src/views/404.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="text text--rich">
-        <img class="img" src="/assets/images/components/404.jpg" alt="404" />
+        <img class="img" src="/assets/images/components/404.webp" alt="404" />
     </div>
 </template>
 

src/views/Home.vue

@@ -127,7 +127,7 @@
 
   <section class="hero hero--big hero--bg-center hero--extra-margin" id="access">
     <article class="hero-wrapper container">
-      <img class="hero-image onFocus" data-focus-class="fadeInZoom" src="/assets/images/backgrounds/apps-overview.png"
+      <img class="hero-image onFocus" data-focus-class="fadeInZoom" src="/assets/images/backgrounds/apps-overview.webp"
         alt="Access the largest set of applications." />
       <div class="hero-content">
         <header class="hero-heading">
@@ -335,7 +335,7 @@ export default defineComponent({
           description: 'This will be a project you’ll want to keep a close watch on… I think Vanilla OS could be a real game-changer.',
         },
         {
-          icon: '/assets/images/media/omg-linux.png',
+          icon: '/assets/images/media/omg-linux.webp',
           imageAsIcon: true,
           imageClasses: ['img--white-on-dark'],
           to: 'https://www.omglinux.com/vanilla-os-first-release-download/',
@@ -344,7 +344,7 @@ export default defineComponent({
           description: 'Far more than “just another” Ubuntu fork, this distro takes a bold new approach to desktop computing using an immutable file system.',
         },
         {
-          icon: '/assets/images/media/phoronix.png',
+          icon: '/assets/images/media/phoronix.webp',
           imageAsIcon: true,
           imageClasses: ['img--white-on-dark'],
           to: 'https://www.phoronix.com/news/Vanilla-OS-2.0-Debian',
@@ -371,7 +371,7 @@ export default defineComponent({
           description: 'Vanilla OS takes Ubuntu and turns it into an immutable desktop Linux distro, free from all of Canonical\'s recent changes to the OS.',
         },
         {
-          icon: '/assets/images/media/ha-logo-2x.png',
+          icon: '/assets/images/media/ha-logo-2x.webp',
           imageAsIcon: true,
           imageClasses: ['img--white-on-dark'],
           to: 'https://www.hostingadvice.com/blog/vanillaos-immutable-linux-distribution/',

src/views/Team.vue

@@ -30,7 +30,7 @@ export default defineComponent({
                     description: 'Founder, Head of UI/UX Design and Core Developer',
                     lit: true,
                     fabricators: true,
-                    image: '/assets/images/pics/mirkobrombin.jpeg',
+                    image: '/assets/images/pics/mirkobrombin.webp',
                     links: {
                         githubUsername: 'mirkobrombin',
                         twitterUsername: 'brombinmirko',
@@ -42,7 +42,7 @@ export default defineComponent({
                     name: 'Pietro Di Caprio',
                     description: 'Co-Founder and Public Relations Manager',
                     fabricators: true,
-                    image: '/assets/images/pics/pietrodicaprio.jpeg',
+                    image: '/assets/images/pics/pietrodicaprio.webp',
                     links: {
                         githubUsername: 'pietrodicaprio',
                         twitterUsername: 'pietrodc0',
@@ -52,7 +52,7 @@ export default defineComponent({
                 {
                     name: 'Luca di Maio',
                     description: 'Co-Founder and Software Engineer',
-                    image: '/assets/images/pics/89luca89.jpeg',
+                    image: '/assets/images/pics/89luca89.webp',
                     links: {
                         githubUsername: '89luca89',
                         twitterUsername: 'LucaDiMaio11',
@@ -63,7 +63,7 @@ export default defineComponent({
                     name: 'Mateus B. Melchiades',
                     description: 'Software Engineer, Core Developer and Contributors Leader',
                     lit: true,
-                    image: '/assets/images/pics/matbme.jpeg',
+                    image: '/assets/images/pics/matbme.webp',
                     links: {
                         githubUsername: 'matbme',
                         mastodonLink: 'https://fosstodon.org/@matbme',
@@ -73,7 +73,7 @@ export default defineComponent({
                     name: 'axtlos',
                     description: 'Software Engineer and Core Developer',
                     lit: true,
-                    image: '/assets/images/pics/axtloss.jpeg',
+                    image: '/assets/images/pics/axtloss.webp',
                     links: {
                         githubUsername: 'axtloss',
                         twitterUsername: 'brombinmirko',
@@ -85,7 +85,7 @@ export default defineComponent({
                     name: 'Hari Rana',
                     description: 'Community Manager and UX Researcher',
                     fabricators: true,
-                    image: '/assets/images/pics/theevilskeleton.png',
+                    image: '/assets/images/pics/theevilskeleton.webp',
                     links: {
                         githubUsername: 'TheEvilSkeleton',
                         twitterUsername: 'JaakunaGaikotsu',
@@ -96,7 +96,7 @@ export default defineComponent({
                 {
                     name: 'Muqtadir',
                     description: 'Software Engineer and UI Designer',
-                    image: '/assets/images/pics/muqtxdir.jpeg',
+                    image: '/assets/images/pics/muqtxdir.webp',
                     links: {
                         githubUsername: 'Muqtxdir',
                         twitterUsername: 'muqtxdir',
@@ -105,7 +105,7 @@ export default defineComponent({
                 {
                     name: 'K.B.Dharun Krishna',
                     description: 'Documentation and Localization Team Lead',
-                    image: '/assets/images/pics/kbdharun.jpeg',
+                    image: '/assets/images/pics/kbdharun.webp',
                     links: {
                         githubUsername: 'kbdharun',
                         twitterUsername: 'kbdharun',
@@ -116,7 +116,7 @@ export default defineComponent({
                 {
                     name: 'Dallas Strouse',
                     description: 'Website Accessibility',
-                    image: '/assets/images/pics/orowith2os.png',
+                    image: '/assets/images/pics/orowith2os.webp',
                     links: {
                         githubUsername: 'orowith2os',
                         mastodonLink: 'https://tech.lgbt/@orowith2os',
@@ -126,7 +126,7 @@ export default defineComponent({
                 {
                     name: 'Tau',
                     description: 'Bugfixes and User Support',
-                    image: '/assets/images/pics/taukakao.jpg',
+                    image: '/assets/images/pics/taukakao.webp',
                     links: {
                         githubUsername: 'taukakao',
                     },

src/views/TechnologiesAndCredits.vue

@@ -74,7 +74,7 @@ export default defineComponent({
                     description: 'An open governance structure for creating open industry standards on container formats and runtimes.',
                 },
                 {
-                    icon: '/assets/images/orgs/lit.png',
+                    icon: '/assets/images/orgs/lit.webp',
                     imageAsIcon: true,
                     to: 'https://github.com/linux-immutability-tools',
                     extLink: true,

src/views/get-involved/Translate.vue

@@ -105,7 +105,7 @@ export default defineComponent({
                     ],
                 },
                 {
-                    icon: '/assets/images/icons/apx.png',
+                    icon: '/assets/images/icons/apx.svg',
                     imageAsIcon: true,
                     title: 'Apx',
                     description: 'Apx is what developers use to work with different Linux distributions in a containerized environment.',