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

(also updated Monster's Profile Picture)

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: 'Bart Gravendeel',
  description: 'Community Moderator and UX Researcher',
- image: '/assets/images/pics/monsterobserver.jpeg',
+ image: '/assets/images/pics/monsterobserver.webp',
  links: {
  githubUsername: 'MonsterObserver',
  mastodonLink: 'https://defcon.social/@monster',
@@ -106,7 +106,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',
@@ -115,7 +115,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',
@@ -126,7 +126,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',
@@ -136,7 +136,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.',