Adriano
cd73906c08
MethodSteps passa a una sola colonna con step in orizzontale, PartnersStrip riduce loghi e spaziature, TrainingCards ridimensiona testi e padding. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
25 lines
1.1 KiB
Plaintext
25 lines
1.1 KiB
Plaintext
---
|
|
import type { ImageMetadata } from 'astro';
|
|
import { partners } from '../../data/partners';
|
|
import TImg from '../content/TImg.astro';
|
|
import { t } from '../../lib/content';
|
|
const images = import.meta.glob<{ default: ImageMetadata }>('../../assets/img/partner-*.{jpg,png}', { eager: true });
|
|
const imgOf = (name: string) => Object.entries(images).find(([p]) => p.includes(name))?.[1].default;
|
|
---
|
|
<section class="pstrip" aria-label="partner">
|
|
<div class="container pstrip__in" data-reveal="fade">
|
|
{partners.map((p, i) => imgOf(p.image) && <TImg tag={`partner.${i + 1}.image`} src={imgOf(p.image)!} alt={t(`partner.${i + 1}.name`)} height={44} />)}
|
|
</div>
|
|
</section>
|
|
|
|
<style>
|
|
.pstrip { background: var(--c-accent); padding-block: 40px; }
|
|
.pstrip__in { display: flex; align-items: center; justify-content: space-around; gap: 30px; flex-wrap: wrap; }
|
|
.pstrip img { height: 44px; width: auto; opacity: .9; }
|
|
@media (max-width: 767px) {
|
|
.pstrip { padding-block: 28px; }
|
|
.pstrip__in { justify-content: center; gap: 20px 28px; }
|
|
.pstrip img { height: 30px; }
|
|
}
|
|
</style>
|