webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ADD: optimize images

Browse source
This commit is contained in:
webfussel 2024-05-24 09:09:46 +02:00
parent bd945e1ea9
commit 2cd663e023
6 changed files with 21 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/Customers/Customers.vue
View file

@ -6,14 +6,14 @@
<h3>Meine bisherigen Geschäftpartner</h3>
<div class="customer-list margin-top default-gap">
<a v-for="customer in customers" :href="customer.link" target="_blank" rel="noopener noreferrer">
<img :alt="customer.name" :src="customer.logo" :class="[customer.white && 'white']" />
<img loading="lazy" height="150" :alt="customer.name" :src="customer.logo" :class="[customer.white && 'white']" />
</a>
</div>
<h3 class="margin-top-big">Projektauswahl</h3>
<div class="projects-list margin-top">
<article v-for="pr in projects">
<div class="bg">
<img :alt="pr.title" :src="pr.image" aria-hidden="true"/>
<img height="350" width="400" loading="lazy" :alt="pr.title" :src="pr.image" aria-hidden="true"/>
</div>
<div>
<main>

2
components/Person/Person.vue
View file

@ -2,7 +2,7 @@
<template>
<article class="Person flex-col">
<img :src="img" :alt="`Bild von ${name}`" />
<img loading="lazy" width="150" height="150" :src="img" :alt="`Bild von ${name}`" />
<h3>{{name}}</h3>
<p>
<span v-for="tag in tags">{{tag}}</span>

2
components/Technology/Technology.vue
View file

@ -3,7 +3,7 @@
<template>
<div class="Technology flex-col" :class="[size]">
<a v-if="link" :href="link" target="_blank" rel="noopener noreferrer">
<img :src="img" :alt="name" :class="[size]"/>
<img loading="lazy" :src="img" :alt="name" :width="size === 'm' ? 30 : 50" :height="size === 'm' ? 30 : 50" :class="[size]"/>
</a>
<img v-else :src="img" :alt="name"/>
<span class="tip">{{name}}</span>