Markenlogos einbinden: Seitenkopf und alle Kacheln
Zulieferung dev/2026-08-28/markenlogos/ (CABINET und Rotpunkt als SVG, Februe als PNG). Die Dateien liegen unter public/img/assets/marken/ und haengen als `logo` an der jeweiligen Marke. - Kopf der Markenseite: Logo anstelle des Schriftzugs, im <h1>, damit die Ueberschrift erhalten bleibt – den Text liefert das alt-Attribut. Ohne Logo erscheint weiterhin der Schriftzug. - Logo zusaetzlich auf der Startseiten-Kachel, im Block auf /marken und in den „Weitere Marken“-Kacheln am Seitenfuss. - Feste Box (Hoehe + Maximalbreite + object-contain) statt fester Hoehe: die Seitenverhaeltnisse gehen weit auseinander (Februe 2,3:1, Rotpunkt 1,2:1), mit reiner Hoehenangabe waere Februe doppelt so breit erschienen. Konvention aus der Sponsoring-Sektion. - Februe-Logo auf seinen Inhalt beschnitten: im Original waren knapp drei Viertel der Flaeche leerer Rand, in einer Box haette es winzig gewirkt. 53 KB → 15 KB. - BrandLogoSeeder traegt die Logos auf bestehenden Installationen nach – CmsBrandSeeder ueberspringt vorhandene Marken. Setzt nur `logo` und nur bei leerem Feld, ein im Admin hochgeladenes Logo bleibt stehen. Tests: 871 gruen (3215 Assertions), Pint sauber, alle Themes gebaut. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
parent
093e0ece51
commit
c8899e2d7d
12 changed files with 282 additions and 13 deletions
|
|
@ -11,13 +11,20 @@
|
|||
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
||||
<div>
|
||||
{{-- Liegt ein Logo vor, steht es anstelle des Schriftzugs. Es sitzt im <h1>,
|
||||
damit die Ueberschrift erhalten bleibt – den Text liefert das alt-Attribut.
|
||||
Feste Box statt fester Hoehe: die Logos haben sehr unterschiedliche
|
||||
Seitenverhaeltnisse (Februe breit, Rotpunkt fast quadratisch). --}}
|
||||
@if (!empty($brand['logo']))
|
||||
<img src="{{ theme_image_url($brand['logo']) }}" alt="{{ $brand['name'] }}"
|
||||
class="h-10 w-auto mb-6 object-contain object-left" />
|
||||
<h1>
|
||||
<img src="{{ theme_image_url($brand['logo']) }}" alt="{{ $brand['name'] }}"
|
||||
class="h-20 sm:h-24 max-w-[17rem] w-auto object-contain object-left" />
|
||||
</h1>
|
||||
@else
|
||||
<h1 class="text-section-title">{{ $brand['name'] }}</h1>
|
||||
@endif
|
||||
|
||||
<h1 class="text-section-title">{{ $brand['name'] }}</h1>
|
||||
<p class="text-large text-secondary font-medium mt-2">{{ $brand['tagline'] }}</p>
|
||||
<p class="text-large text-secondary font-medium mt-4">{{ $brand['tagline'] }}</p>
|
||||
|
||||
@if (!empty($brand['showroom']))
|
||||
<p class="text-muted-foreground mt-4 inline-flex items-center gap-2">
|
||||
|
|
@ -346,6 +353,11 @@
|
|||
<a href="{{ route('marken.show', ['slug' => $other['slug']]) }}"
|
||||
wire:key="other-{{ $other['slug'] }}"
|
||||
class="card-elevated rounded-2xl p-8 block hover:shadow-lg transition-shadow duration-300">
|
||||
@if (!empty($other['logo']))
|
||||
<img src="{{ theme_image_url($other['logo']) }}" alt="{{ $other['name'] }}"
|
||||
class="h-11 max-w-[10rem] w-auto mb-4 object-contain object-left" loading="lazy" />
|
||||
@endif
|
||||
|
||||
<h3 class="text-xl font-medium">{{ $other['name'] }}</h3>
|
||||
<p class="text-secondary font-medium mt-1">{{ $other['tagline'] }}</p>
|
||||
<p class="text-muted-foreground leading-relaxed mt-3">{!! $other['teaser'] !!}</p>
|
||||
|
|
|
|||
|
|
@ -19,9 +19,11 @@
|
|||
</div>
|
||||
|
||||
<div class="{{ $loop->even ? '' : 'lg:order-1' }}">
|
||||
{{-- Feste Box statt fester Hoehe: die Markenlogos haben sehr
|
||||
unterschiedliche Seitenverhaeltnisse und wirken sonst ungleich gross. --}}
|
||||
@if (!empty($brand['logo']))
|
||||
<img src="{{ theme_image_url($brand['logo']) }}" alt="{{ $brand['name'] }}"
|
||||
class="h-9 w-auto mb-5 object-contain object-left" loading="lazy" />
|
||||
class="h-14 max-w-[12rem] w-auto mb-5 object-contain object-left" loading="lazy" />
|
||||
@endif
|
||||
|
||||
<h2 class="text-2xl lg:text-3xl font-medium">{{ $brand['name'] }}</h2>
|
||||
|
|
|
|||
|
|
@ -22,9 +22,11 @@
|
|||
@endif
|
||||
|
||||
<div class="p-8 flex flex-col grow">
|
||||
{{-- Feste Box statt fester Hoehe: die Markenlogos haben sehr
|
||||
unterschiedliche Seitenverhaeltnisse und wirken sonst ungleich gross. --}}
|
||||
@if (!empty($brand['logo']))
|
||||
<img src="{{ theme_image_url($brand['logo']) }}" alt="{{ $brand['name'] }}"
|
||||
class="h-8 w-auto mb-4 object-contain object-left" loading="lazy" />
|
||||
class="h-11 max-w-[10rem] w-auto mb-4 object-contain object-left" loading="lazy" />
|
||||
@endif
|
||||
|
||||
<h3 class="text-xl font-medium">{{ $brand['name'] }}</h3>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue