Kevin Adametz
253141c6dc
Öffentliche Seiten auf gemeinsames Editorial-Design (x-web.site-header/-footer,
Design-Tokens) und Ausgaben-Präfix /{edition}/ (de|en) umgestellt.
- Routing: neue Middleware SetEdition (Locale + URL::defaults), /{edition}-Gruppe
in routes/web.php, Root-Redirect auf /de, 301 für Legacy-.html-URLs,
Baseline-Default in AppServiceProvider.
- Neue URL-Schemata: /{edition}/press-release/{slug}, /{edition}/category/{slug}.
- Ausgabe = Sprache: DE/EN-Umschalter (Region/CH/AT entfernt); EditorialClock
und Livewire-Komponenten sprachdynamisch.
- Detail-, Kategorie- und Veröffentlichen-Seite mit echten Daten neu aufgebaut.
- Suche aktiviert: Volt-Komponente livewire/web/search (Titel/Text/Keywords +
Firma + Rubrik, Filter, Sortierung, Pagination, URL-Parameter q/category/sort).
- Rubriken-Navigation statt Übersichtsseite: Helper CategoryNavigation;
web/kategorien.blade.php + Route entfernt (Legacy-301).
- Tests: Edition-Routing, Kategorie-Seite/-Navigation, Detail, Veröffentlichen,
Suche, EditorialClock. Doku in "Echte öffentliche Unterseiten.md" aktualisiert.
Co-authored-by: Cursor <cursoragent@cursor.com>
430 lines
31 KiB
PHP
430 lines
31 KiB
PHP
@extends('web.layouts.web-master')
|
||
|
||
@php
|
||
use Illuminate\Support\Str;
|
||
|
||
\Carbon\Carbon::setLocale('de');
|
||
|
||
$company = $release->company;
|
||
|
||
$categoryTranslation = $release->category?->translations?->firstWhere('locale', 'de')
|
||
?? $release->category?->translations?->first();
|
||
$categoryName = $categoryTranslation?->name;
|
||
$categorySlug = $categoryTranslation?->slug;
|
||
$categoryHref = $categorySlug ? route('kategorie', ['slug' => $categorySlug]) : route('web.home');
|
||
|
||
$parentTranslation = $release->category?->parent?->translations?->firstWhere('locale', 'de')
|
||
?? $release->category?->parent?->translations?->first();
|
||
$parentName = $parentTranslation?->name;
|
||
$parentSlug = $parentTranslation?->slug;
|
||
$parentHref = $parentSlug ? route('kategorie', ['slug' => $parentSlug]) : route('web.home');
|
||
|
||
$publishedAt = $release->published_at;
|
||
$embargoAt = $release->embargoAtLocal();
|
||
|
||
$bodyHtml = $release->renderedText();
|
||
$wordCount = str_word_count(strip_tags((string) $release->text));
|
||
$readTime = max(1, (int) round($wordCount / 200));
|
||
|
||
$teaser = (string) Str::of(strip_tags((string) $release->text))->squish()->limit(180);
|
||
$lead = filled($release->subtitle)
|
||
? $release->subtitle
|
||
: $teaser;
|
||
|
||
$image = $release->images->first();
|
||
$imageUrl = $image?->variantUrl('detail') ?? $image?->variantUrl('card') ?? $image?->url();
|
||
$imageCaption = $image?->description ?: $image?->title;
|
||
$imageCredit = $image?->copyright ?: $image?->author;
|
||
|
||
$companyName = $company?->name;
|
||
$companyInitial = $companyName ? mb_strtoupper(mb_substr($companyName, 0, 1)) : '·';
|
||
$companyHref = $company?->slug ? route('newsrooms').'#'.$company->slug : route('newsrooms');
|
||
|
||
$countryNames = ['DE' => 'Deutschland', 'AT' => 'Österreich', 'CH' => 'Schweiz'];
|
||
$companyCountry = $company?->country_code ? ($countryNames[strtoupper($company->country_code)] ?? null) : null;
|
||
|
||
$boilerplate = filled($release->boilerplate_override) ? $release->boilerplate_override : $company?->boilerplate;
|
||
|
||
$keywords = collect(preg_split('/[,;\n]+/', (string) $release->keywords))
|
||
->map(fn ($keyword) => trim($keyword))
|
||
->filter()
|
||
->unique()
|
||
->take(8);
|
||
|
||
$contact = $release->contacts->first();
|
||
$contactName = $contact ? trim(implode(' ', array_filter([$contact->title, $contact->first_name, $contact->last_name]))) : null;
|
||
|
||
$publisherVerified = (bool) ($company?->is_active && filled($company?->website));
|
||
$isRecommended = $release->content_score !== null && $release->content_score >= 80;
|
||
|
||
$shareUrl = route('release.detail', ['slug' => $release->slug]);
|
||
$brandLabel = config('app.theme') === 'presseecho' ? 'presseecho' : 'businessportal24';
|
||
@endphp
|
||
|
||
@section('title', $release->title.' – '.$brandLabel)
|
||
@section('meta_description', $lead)
|
||
@section('og_type', 'article')
|
||
@if ($imageUrl)
|
||
@section('og_image', $imageUrl)
|
||
@endif
|
||
@section('canonical', $shareUrl)
|
||
|
||
@section('content')
|
||
{{-- Lese-Fortschrittsbalken --}}
|
||
<div class="fixed top-0 left-0 right-0 h-0.5 bg-bg-rule z-[60]"
|
||
x-data="{ progress: 0 }"
|
||
x-init="const update = () => { const h = document.body.scrollHeight - window.innerHeight; progress = h > 0 ? Math.min(100, (window.scrollY / h) * 100) : 0; }; update(); window.addEventListener('scroll', update, { passive: true }); window.addEventListener('resize', update);"
|
||
aria-hidden="true">
|
||
<div class="h-full bg-brand transition-[width] duration-150 ease-out" :style="`width:${progress}%`"></div>
|
||
</div>
|
||
|
||
<x-web.site-header />
|
||
|
||
<main class="bg-bg text-ink">
|
||
<article>
|
||
{{-- Breadcrumbs --}}
|
||
<div class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8 pt-7">
|
||
<nav class="flex flex-wrap gap-2 text-[11.5px] text-ink-3 mb-2 font-mono tracking-wide" aria-label="Brotkrumen">
|
||
<a href="{{ route('web.home') }}" class="cursor-pointer hover:text-ink transition-colors">Startseite</a>
|
||
<span aria-hidden="true">/</span>
|
||
@if ($parentName)
|
||
<a href="{{ $parentHref }}" class="cursor-pointer hover:text-ink transition-colors">{{ $parentName }}</a>
|
||
<span aria-hidden="true">/</span>
|
||
@endif
|
||
@if ($categoryName)
|
||
<a href="{{ $categoryHref }}" class="cursor-pointer text-brand hover:text-brand-deep transition-colors">{{ $categoryName }}</a>
|
||
<span aria-hidden="true">/</span>
|
||
@endif
|
||
<span class="text-ink-2">Pressemitteilung</span>
|
||
</nav>
|
||
</div>
|
||
|
||
{{-- Hero Meta Block --}}
|
||
<section class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="pt-[18px] pb-8 border-b border-bg-rule">
|
||
@if ($embargoAt)
|
||
<div class="flex items-center gap-2.5 mb-3.5 flex-wrap">
|
||
<span class="text-[9.5px] font-bold tracking-[0.18em] uppercase text-brand px-2.5 py-[3px] border border-brand font-mono">
|
||
● Embargo aufgehoben
|
||
</span>
|
||
<span class="text-[11px] text-ink-3 font-mono">{{ $embargoAt->translatedFormat('j. F Y, H:i') }}</span>
|
||
</div>
|
||
@endif
|
||
|
||
<div class="flex items-center gap-3.5 mb-4 flex-wrap">
|
||
@if ($categoryName)
|
||
<a href="{{ $categoryHref }}" class="bp-cat cursor-pointer hover:text-brand-deep transition-colors">{{ $categoryName }}</a>
|
||
<span class="w-1 h-1 rounded-full bg-ink-4" aria-hidden="true"></span>
|
||
@endif
|
||
<span class="text-[11px] text-ink-3 italic font-serif">Für Wirtschaftsjournalisten</span>
|
||
</div>
|
||
|
||
<h1 class="font-serif text-[32px] sm:text-[40px] lg:text-[48px] font-semibold m-0 mb-[22px] tracking-[-0.8px] leading-[1.1] max-w-[980px]" style="text-wrap:balance;">
|
||
{{ $release->title }}
|
||
</h1>
|
||
|
||
@if (filled($lead))
|
||
<p class="font-serif text-[18px] sm:text-[21px] leading-[1.45] m-0 mb-7 text-ink-2 max-w-[880px] font-normal" style="text-wrap:pretty;">
|
||
{{ $lead }}
|
||
</p>
|
||
@endif
|
||
|
||
<div class="flex flex-wrap items-center text-[12.5px] text-ink-2" style="gap:10px 22px;">
|
||
@if ($companyName)
|
||
<span class="inline-flex items-center gap-2">
|
||
<span class="w-7 h-7 bg-black text-white inline-flex items-center justify-center text-[13px] font-bold font-serif">{{ $companyInitial }}</span>
|
||
<span class="font-semibold">{{ $companyName }}</span>
|
||
</span>
|
||
<span class="w-px h-[14px] bg-bg-rule-strong" aria-hidden="true"></span>
|
||
@endif
|
||
@if ($publishedAt)
|
||
<time datetime="{{ $publishedAt->toIso8601String() }}" class="font-mono text-[11.5px] text-ink-3">
|
||
{{ $publishedAt->translatedFormat('j. F Y') }} · {{ $publishedAt->format('H:i') }} Uhr
|
||
</time>
|
||
@endif
|
||
<span class="font-mono text-[11.5px] text-ink-3">{{ $readTime }} Min. Lesezeit · {{ number_format($wordCount, 0, ',', '.') }} Wörter</span>
|
||
@if ($companyCountry)
|
||
<span class="inline-flex items-center gap-1.5 font-mono text-[11.5px] text-ink-3">
|
||
<svg width="11" height="11" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M7 1a5 5 0 015 5c0 4-5 7-5 7s-5-3-5-7a5 5 0 015-5z" stroke="currentColor" stroke-width="1.3" fill="none" /><circle cx="7" cy="6" r="1.5" fill="currentColor" /></svg>
|
||
{{ $companyCountry }}
|
||
</span>
|
||
@endif
|
||
|
||
@if ($isRecommended)
|
||
<span class="inline-flex items-center gap-1.5 px-2 py-[3px] text-[9.5px] font-bold tracking-[0.14em] uppercase text-brand bg-brand/[0.04] border border-brand/30 font-mono cursor-help"
|
||
title="Diese Pressemitteilung wurde von der Redaktion empfohlen — basierend auf Quellenqualität, Verifizierungsstatus und redaktioneller Relevanz.">
|
||
<svg width="10" height="10" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||
<path d="M12 2l9 4v6c0 5-3.5 9-9 10-5.5-1-9-5-9-10V6z" stroke="currentColor" stroke-width="2" fill="none" />
|
||
<path d="M8 12l3 3 5-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
Redaktionsempfehlung
|
||
</span>
|
||
@endif
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{{-- Hero Image --}}
|
||
<section class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8 pt-8">
|
||
<div class="relative flex items-end p-[18px] bg-bg-dark hatch-dark overflow-hidden" style="aspect-ratio:21/9;">
|
||
@if ($imageUrl)
|
||
<img src="{{ $imageUrl }}" alt="{{ $imageCaption ?: $release->title }}"
|
||
class="absolute inset-0 h-full w-full object-cover" loading="eager">
|
||
@else
|
||
<span class="relative text-[10px] font-mono tracking-wider uppercase text-white/50">
|
||
{{ $companyName ? 'Bild · Pressefoto '.$companyName : 'Bild · Pressefoto' }} (16:9)
|
||
</span>
|
||
@endif
|
||
</div>
|
||
@if ($imageCaption || $imageCredit)
|
||
<div class="text-[11.5px] text-ink-3 mt-2.5 italic max-w-[720px]">
|
||
{{ $imageCaption }}@if ($imageCaption && $imageCredit) · @endif@if ($imageCredit)<span class="not-italic">Foto: {{ $imageCredit }}</span>@endif
|
||
</div>
|
||
@endif
|
||
</section>
|
||
|
||
{{-- Body + Sidebar --}}
|
||
<section class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8 pt-10 grid grid-cols-1 lg:grid-cols-[1fr_280px] gap-10 lg:gap-14">
|
||
{{-- Body --}}
|
||
<div>
|
||
<div class="pm-body max-w-[680px]">
|
||
{!! $bodyHtml !!}
|
||
</div>
|
||
|
||
@if (filled($boilerplate))
|
||
<div class="mt-9 pt-5 border-t border-bg-rule-strong max-w-[680px]">
|
||
<div class="eyebrow muted text-[9.5px] mb-2.5">Über das Unternehmen</div>
|
||
<p class="text-[13px] leading-[1.6] text-ink-3 m-0 max-w-[620px]">{{ $boilerplate }}</p>
|
||
</div>
|
||
@endif
|
||
|
||
{{-- Inline Ad --}}
|
||
<div class="my-8 max-w-[680px]">
|
||
<div class="flex items-center gap-2.5 mb-2.5">
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
<span class="text-[9px] font-bold tracking-[0.22em] text-ink-on-dark-muted uppercase font-mono">Anzeige</span>
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
</div>
|
||
<a href="#" rel="sponsored nofollow" class="grid px-[22px] py-5 bg-bg-card-warm items-center gap-[22px] cursor-pointer hover:bg-bg-card-warm-hover transition-colors" style="grid-template-columns:120px 1fr;">
|
||
<div class="aspect-square bg-white hatch-light flex items-center justify-center text-[9px] text-ink-on-dark-muted font-mono">LOGO</div>
|
||
<div>
|
||
<div class="text-[9.5px] font-bold tracking-[0.16em] uppercase mb-1.5 text-card-warm-cat">Partner · Branchen-Whitepaper</div>
|
||
<h3 class="font-serif text-[18px] leading-[1.3] m-0 mb-2 font-semibold tracking-[-0.2px] text-card-warm-title">
|
||
CO₂-Reporting nach CSRD: Was Industriebetriebe jetzt automatisieren müssen
|
||
</h3>
|
||
<div class="text-[12px] leading-[1.5] mb-2.5 text-card-warm-cat">Whitepaper · 32 Seiten · Praxisleitfaden für Mittelstand und Konzerne</div>
|
||
<span class="text-[12px] font-semibold underline text-card-warm-title">Studie kostenfrei anfordern →</span>
|
||
</div>
|
||
</a>
|
||
<div class="flex items-center gap-2.5 mt-2.5">
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
<span class="text-[9px] font-bold tracking-[0.22em] text-ink-on-dark-muted uppercase font-mono">Ende Anzeige</span>
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
</div>
|
||
</div>
|
||
|
||
{{-- Pressekontakt --}}
|
||
@if ($contact)
|
||
<div class="mt-8 px-5 sm:px-7 py-6 bg-white border border-bg-rule-strong max-w-[680px]">
|
||
<div class="eyebrow mb-3 text-[10.5px]">Pressekontakt</div>
|
||
|
||
<div class="flex gap-1.5 items-center mb-1 flex-wrap">
|
||
<strong class="font-serif text-[19px] font-semibold tracking-[-0.2px]">{{ $contactName ?: $companyName }}</strong>
|
||
@if ($publisherVerified)
|
||
<span title="Verifizierter Publisher — Identität und Domain bestätigt" class="inline-flex items-center text-verify-border flex-shrink-0">
|
||
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||
<path d="M12 1l2.5 3 3.8-.4-.5 3.8L21 9l-2.6 2.5L19 15l-3.8.4L12 19l-2.5-3.6L5.7 15 5.6 11.4 3 9l2.5-1.6L4.7 4 8.5 4z" fill="currentColor" />
|
||
<path d="M7.5 12l3 3 6-6" stroke="white" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</span>
|
||
@endif
|
||
</div>
|
||
@if ($contact->responsibility || $companyName)
|
||
<div class="text-[12.5px] text-ink-3 mb-3.5 leading-[1.5]">
|
||
@if ($contact->responsibility){{ $contact->responsibility }}<br />@endif
|
||
{{ $companyName }}
|
||
</div>
|
||
@endif
|
||
|
||
<div class="flex flex-col gap-2 text-[12.5px] font-mono">
|
||
@if ($company?->address)
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M7 1a5 5 0 015 5c0 4-5 7-5 7s-5-3-5-7a5 5 0 015-5zm0 3.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" fill="currentColor" /></svg>
|
||
<span class="text-ink-2">{{ $company->address }}</span>
|
||
</span>
|
||
@endif
|
||
@if ($contact->phone)
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M2 3l3-1 1.5 3-1.5 1c.5 2 2 3.5 4 4l1-1.5L13 10l-1 3c-5 0-10-5-10-10z" fill="currentColor" /></svg>
|
||
<a href="tel:{{ preg_replace('/[^0-9+]/', '', $contact->phone) }}" class="text-ink-2 hover:text-ink transition-colors">{{ $contact->phone }}</a>
|
||
</span>
|
||
@endif
|
||
@if ($contact->email)
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M1 3h12v8H1zM1 3l6 4 6-4" stroke="currentColor" stroke-width="1.2" fill="none" /></svg>
|
||
<a href="mailto:{{ $contact->email }}" class="text-ink underline underline-offset-2 hover:text-brand transition-colors">{{ $contact->email }}</a>
|
||
</span>
|
||
@endif
|
||
@if ($company?->website)
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><circle cx="7" cy="7" r="5.5" stroke="currentColor" stroke-width="1.2" fill="none" /><path d="M1.5 7h11M7 1.5c2 1.5 2 9.5 0 11M7 1.5c-2 1.5-2 9.5 0 11" stroke="currentColor" stroke-width="1" fill="none" /></svg>
|
||
<a href="{{ Str::startsWith($company->website, ['http://', 'https://']) ? $company->website : 'https://'.$company->website }}" rel="nofollow noopener" target="_blank" class="text-ink underline underline-offset-2 hover:text-brand transition-colors">{{ Str::of($company->website)->after('//')->rtrim('/') }}</a>
|
||
</span>
|
||
@endif
|
||
</div>
|
||
</div>
|
||
@endif
|
||
</div>
|
||
|
||
{{-- Sidebar --}}
|
||
<aside class="flex flex-col gap-7">
|
||
{{-- Publisher --}}
|
||
@if ($companyName)
|
||
<div class="p-4 bg-white border border-bg-rule-strong">
|
||
<div class="eyebrow muted text-[9.5px] mb-3">Veröffentlicht von</div>
|
||
<div class="flex gap-3 items-start mb-3">
|
||
<span class="w-11 h-11 bg-black text-white inline-flex items-center justify-center text-[20px] font-bold font-serif flex-shrink-0">{{ $companyInitial }}</span>
|
||
<div class="min-w-0">
|
||
<strong class="block font-serif text-[14px] font-semibold leading-[1.25] tracking-[-0.1px] mb-0.5">{{ $companyName }}</strong>
|
||
@if ($companyCountry)
|
||
<div class="text-[10.5px] text-ink-4 mt-1 font-mono">{{ $companyCountry }}</div>
|
||
@endif
|
||
</div>
|
||
</div>
|
||
|
||
@if ($publisherVerified)
|
||
<div class="flex items-center gap-2 px-2.5 py-2 mb-3 bg-verify-bg border border-verify-border text-verify-ink cursor-help"
|
||
title="Identität und Domain durch {{ $brandLabel }} bestätigt">
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" class="text-verify-border flex-shrink-0" aria-hidden="true">
|
||
<path d="M12 1l2.5 3 3.8-.4-.5 3.8L21 9l-2.6 2.5L19 15l-3.8.4L12 19l-2.5-3.6L5.7 15 5.6 11.4 3 9l2.5-1.6L4.7 4 8.5 4z" fill="currentColor" />
|
||
<path d="M7.5 12l3 3 6-6" stroke="white" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
<span class="text-[11.5px] font-semibold">Verifizierter Publisher</span>
|
||
</div>
|
||
@endif
|
||
|
||
<div class="pt-3 border-t border-bg-rule flex flex-col gap-2">
|
||
<button type="button" class="px-2.5 py-2 text-[11.5px] font-semibold bg-ink text-white hover:bg-black transition-colors cursor-pointer">+ Newsroom folgen</button>
|
||
<a href="{{ $companyHref }}" class="text-[11.5px] text-ink-2 text-center py-1.5 underline underline-offset-2 cursor-pointer hover:text-ink transition-colors">Alle Mitteilungen →</a>
|
||
</div>
|
||
</div>
|
||
@endif
|
||
|
||
{{-- Teilen --}}
|
||
<div x-data="{
|
||
url: @js($shareUrl),
|
||
title: @js($release->title),
|
||
copied: false,
|
||
copy() { navigator.clipboard?.writeText(this.url).then(() => { this.copied = true; setTimeout(() => this.copied = false, 2000); }); }
|
||
}">
|
||
<div class="eyebrow muted text-[9.5px] mb-2.5">Teilen</div>
|
||
<div class="grid grid-cols-2 gap-1.5">
|
||
<a :href="`https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`" target="_blank" rel="noopener" class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev transition-colors cursor-pointer">
|
||
<svg width="13" height="13" viewBox="0 0 16 16" aria-hidden="true"><path d="M3 6h2.5v8H3V6zm1.25-3a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zM7 6h2.4v1.1c.4-.7 1.3-1.3 2.6-1.3 2.7 0 3 1.7 3 3.9V14h-2.5v-3.7c0-.9 0-2-1.3-2s-1.5 1-1.5 2V14H7V6z" fill="currentColor" /></svg>
|
||
LinkedIn
|
||
</a>
|
||
<a :href="`https://twitter.com/intent/tweet?url=${encodeURIComponent(url)}&text=${encodeURIComponent(title)}`" target="_blank" rel="noopener" class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev transition-colors cursor-pointer">
|
||
<svg width="13" height="13" viewBox="0 0 16 16" aria-hidden="true"><path d="M2 2l5.5 7.2L2 14h1.6l4.7-3.7L11.5 14H14L8.2 6.4 13.6 2H12L7.5 5.5 4.5 2H2z" fill="currentColor" /></svg>
|
||
X
|
||
</a>
|
||
<a :href="`mailto:?subject=${encodeURIComponent(title)}&body=${encodeURIComponent(url)}`" class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev transition-colors cursor-pointer">
|
||
<svg width="13" height="13" viewBox="0 0 16 16" aria-hidden="true"><rect x="2" y="3" width="12" height="10" stroke="currentColor" stroke-width="1.3" fill="none" /><path d="M2 4l6 4 6-4" stroke="currentColor" stroke-width="1.3" fill="none" /></svg>
|
||
E-Mail
|
||
</a>
|
||
<button type="button" @click="copy()" class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev transition-colors cursor-pointer">
|
||
<svg width="13" height="13" viewBox="0 0 16 16" aria-hidden="true"><path d="M6 9l4-4M5 4h2a3 3 0 010 6h-1M11 12H9a3 3 0 010-6h1" stroke="currentColor" stroke-width="1.3" fill="none" stroke-linecap="round" /></svg>
|
||
<span x-text="copied ? 'Kopiert!' : 'Link kopieren'">Link kopieren</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
{{-- Schlagwörter --}}
|
||
@if ($keywords->isNotEmpty())
|
||
<div>
|
||
<div class="eyebrow muted text-[9.5px] mb-2.5">Schlagwörter</div>
|
||
<div class="flex flex-wrap gap-[5px]">
|
||
@foreach ($keywords as $keyword)
|
||
<a href="{{ route('suche', ['q' => $keyword]) }}" class="px-2.5 py-1 text-[11px] font-medium bg-white border border-bg-rule-strong text-ink-2 hover:text-ink transition-colors cursor-pointer">{{ $keyword }}</a>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
@endif
|
||
|
||
{{-- Newsletter --}}
|
||
<div class="p-4 bg-ink text-white">
|
||
<div class="eyebrow on-dark text-[9.5px] mb-2">Newsletter</div>
|
||
<h4 class="font-serif text-[17px] font-semibold m-0 mb-2 leading-[1.25]">
|
||
{{ $categoryName ?: 'Wirtschaft' }} · ab Score 80
|
||
</h4>
|
||
<p class="text-[11.5px] text-white/70 leading-[1.5] m-0 mb-3">
|
||
Höchstens 2 Mails pro Woche. Nur Meldungen ab Content-Score 80.
|
||
</p>
|
||
<a href="#newsletter" class="block text-center w-full py-2.5 text-[12px] font-semibold bg-brand hover:bg-brand-deep text-white transition-colors cursor-pointer">Abonnieren →</a>
|
||
</div>
|
||
|
||
{{-- Weiterführend --}}
|
||
<div>
|
||
<div class="eyebrow muted text-[9.5px] mb-2.5">Weiterführend</div>
|
||
<div class="flex flex-col border border-bg-rule-strong bg-white">
|
||
<a href="#" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 hover:bg-bg-elev transition-colors cursor-pointer">
|
||
<svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M2 1h7l3 3v9H2z" stroke="currentColor" stroke-width="1.3" fill="none" /><path d="M9 1v3h3" stroke="currentColor" stroke-width="1.3" fill="none" /></svg>
|
||
<span class="flex-1">Permalink & Zitiervorschlag</span>
|
||
<svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4" aria-hidden="true"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
||
</a>
|
||
<a href="#" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 border-t border-bg-rule hover:bg-bg-elev transition-colors cursor-pointer">
|
||
<svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M2 4h10v8H2zM2 4V2h10v2" stroke="currentColor" stroke-width="1.3" fill="none" /></svg>
|
||
<span class="flex-1">Drucken & PDF</span>
|
||
<svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4" aria-hidden="true"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
||
</a>
|
||
<a href="{{ route('legal-request.create', ['slug' => $release->slug, 'type' => 'report']) }}" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 border-t border-bg-rule hover:bg-bg-elev transition-colors cursor-pointer">
|
||
<svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><circle cx="7" cy="7" r="5.5" stroke="currentColor" stroke-width="1.3" fill="none" /><path d="M7 4v3.5M7 9.5v.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" /></svg>
|
||
<span class="flex-1">Pressemitteilung melden</span>
|
||
<svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4" aria-hidden="true"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
||
</a>
|
||
<a href="{{ route('legal-request.create', ['slug' => $release->slug, 'type' => 'dsgvo']) }}" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 border-t border-bg-rule hover:bg-bg-elev transition-colors cursor-pointer">
|
||
<svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M7 1l5 2v4c0 3-2.2 5.2-5 6-2.8-.8-5-3-5-6V3z" stroke="currentColor" stroke-width="1.3" fill="none" stroke-linejoin="round" /></svg>
|
||
<span class="flex-1">Datenschutz & Persönlichkeitsrecht</span>
|
||
<svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4" aria-hidden="true"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
</section>
|
||
|
||
{{-- Empfehlungen --}}
|
||
@if ($companyReleases->isNotEmpty() || $relatedReleases->isNotEmpty())
|
||
<section class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8 mt-14">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
|
||
@if ($companyReleases->isNotEmpty())
|
||
<div>
|
||
<h3 class="font-serif text-[20px] font-semibold m-0 mb-1 tracking-[-0.2px]">Mehr von {{ $companyName }}</h3>
|
||
<div class="text-[11.5px] text-ink-3 mb-3.5">Aktuelle Mitteilungen aus diesem Newsroom</div>
|
||
<hr class="rule-strong mb-1" />
|
||
@foreach ($companyReleases as $companyRelease)
|
||
<x-web.feed-item :release="$companyRelease" />
|
||
@endforeach
|
||
<a href="{{ $companyHref }}" class="block mt-3.5 text-[12.5px] font-semibold text-brand hover:text-brand-deep transition-colors cursor-pointer">Alle Mitteilungen von {{ $companyName }} →</a>
|
||
</div>
|
||
@endif
|
||
|
||
@if ($relatedReleases->isNotEmpty())
|
||
<div>
|
||
<h3 class="font-serif text-[20px] font-semibold m-0 mb-1 tracking-[-0.2px]">Verwandte Meldungen</h3>
|
||
<div class="text-[11.5px] text-ink-3 mb-3.5">Reaktionen, ähnliche Themen, Branchenkontext</div>
|
||
<hr class="rule-strong mb-1" />
|
||
@foreach ($relatedReleases as $relatedRelease)
|
||
<x-web.feed-item :release="$relatedRelease" />
|
||
@endforeach
|
||
@if ($categoryName)
|
||
<a href="{{ $categoryHref }}" class="block mt-3.5 text-[12.5px] font-semibold text-brand hover:text-brand-deep transition-colors cursor-pointer">Alle Meldungen aus {{ $categoryName }} →</a>
|
||
@endif
|
||
</div>
|
||
@endif
|
||
</div>
|
||
</section>
|
||
@endif
|
||
</article>
|
||
</main>
|
||
|
||
<x-web.site-footer />
|
||
@endsection
|