Back to overview

This commit is contained in:
Benjamin Takats
2023-01-20 15:25:31 +01:00
parent f07dd299e3
commit f498154f85
11 changed files with 45 additions and 18 deletions

View File

@@ -682,5 +682,6 @@
"News": "",
"Dezentral News": "",
"min read": "Minuten Lesedauer",
"Here we post important news that is relevant for everyone.": "Hier posten wir wichtige News, die für alle relevant sind."
"Here we post important news that is relevant for everyone.": "Hier posten wir wichtige News, die für alle relevant sind.",
"Back to overview": "Zurück zur Übersicht"
}

View File

@@ -676,5 +676,6 @@
"News": "",
"Dezentral News": "",
"min read": "",
"Here we post important news that is relevant for everyone.": ""
"Here we post important news that is relevant for everyone.": "",
"Back to overview": ""
}

View File

@@ -676,5 +676,6 @@
"Dezentral News": "",
"min read": "",
"Payment Required": "",
"Here we post important news that is relevant for everyone.": ""
"Here we post important news that is relevant for everyone.": "",
"Back to overview": ""
}

View File

@@ -677,5 +677,6 @@
"News": "",
"Dezentral News": "",
"min read": "",
"Here we post important news that is relevant for everyone.": ""
"Here we post important news that is relevant for everyone.": "",
"Back to overview": ""
}

View File

@@ -677,5 +677,6 @@
"News": "",
"Dezentral News": "",
"min read": "",
"Here we post important news that is relevant for everyone.": ""
"Here we post important news that is relevant for everyone.": "",
"Back to overview": ""
}

View File

@@ -677,5 +677,6 @@
"News": "",
"Dezentral News": "",
"min read": "",
"Here we post important news that is relevant for everyone.": ""
"Here we post important news that is relevant for everyone.": "",
"Back to overview": ""
}

View File

@@ -677,5 +677,6 @@
"News": "",
"Dezentral News": "",
"min read": "",
"Here we post important news that is relevant for everyone.": ""
"Here we post important news that is relevant for everyone.": "",
"Back to overview": ""
}

View File

@@ -677,5 +677,6 @@
"News": "",
"Dezentral News": "",
"min read": "",
"Here we post important news that is relevant for everyone.": ""
"Here we post important news that is relevant for everyone.": "",
"Back to overview": ""
}

View File

@@ -677,5 +677,6 @@
"News": "",
"Dezentral News": "",
"min read": "",
"Here we post important news that is relevant for everyone.": ""
"Here we post important news that is relevant for everyone.": "",
"Back to overview": ""
}

View File

@@ -651,5 +651,6 @@
"News": "",
"Dezentral News": "",
"min read": "",
"Here we post important news that is relevant for everyone.": ""
"Here we post important news that is relevant for everyone.": "",
"Back to overview": ""
}

View File

@@ -1,5 +1,14 @@
<div class="bg-21gray flex flex-col h-screen justify-between">
<div class="bg-21gray">
<div class="relative mx-auto max-w-7xl py-4 px-6 lg:px-8">
<div class="flex items-center justify-end">
<x-button lg :href="route('article.overview')">
<i class="fa-thin fa-arrow-left"></i>
{{ __('Back to overview') }}
</x-button>
</div>
</div>
<div class="relative mx-auto max-w-7xl py-16 px-6 lg:px-8">
<div class="absolute top-0 bottom-0 left-3/4 hidden w-screen bg-21gray lg:block"></div>
<div class="mx-auto max-w-prose text-base lg:grid lg:max-w-none lg:grid-cols-2 lg:gap-8">
@@ -10,23 +19,30 @@
</div>
<div class="mt-8 lg:grid lg:grid-cols-2 lg:gap-8">
<div class="relative lg:col-start-2 lg:row-start-1">
<svg class="absolute top-0 right-0 -mt-20 -mr-20 hidden lg:block" width="404" height="384" fill="none" viewBox="0 0 404 384" aria-hidden="true">
<svg class="absolute top-0 right-0 -mt-20 -mr-20 hidden lg:block" width="404" height="384"
fill="none" viewBox="0 0 404 384" aria-hidden="true">
<defs>
<pattern id="de316486-4a29-4312-bdfc-fbce2132a2c1" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
<pattern id="de316486-4a29-4312-bdfc-fbce2132a2c1" x="0" y="0" width="20" height="20"
patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor"/>
</pattern>
</defs>
<rect width="404" height="384" fill="url(#de316486-4a29-4312-bdfc-fbce2132a2c1)" />
<rect width="404" height="384" fill="url(#de316486-4a29-4312-bdfc-fbce2132a2c1)"/>
</svg>
<div class="relative mx-auto max-w-prose text-base lg:max-w-none">
<figure>
<div class="aspect-w-12 aspect-h-7 lg:aspect-none">
<img class="rounded-lg object-cover object-center shadow-lg" src="{{ $libraryItem->getFirstMediaUrl('main') }}" alt="{{ $libraryItem->name }}" width="1184" height="1376">
<img class="rounded-lg object-cover object-center shadow-lg"
src="{{ $libraryItem->getFirstMediaUrl('main') }}" alt="{{ $libraryItem->name }}"
width="1184" height="1376">
</div>
<figcaption class="mt-3 flex text-sm text-gray-200">
<!-- Heroicon name: mini/camera -->
<svg class="h-5 w-5 flex-none text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M1 8a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 018.07 3h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0016.07 6H17a2 2 0 012 2v7a2 2 0 01-2 2H3a2 2 0 01-2-2V8zm13.5 3a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zM10 14a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd" />
<svg class="h-5 w-5 flex-none text-gray-400" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M1 8a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 018.07 3h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0016.07 6H17a2 2 0 012 2v7a2 2 0 01-2 2H3a2 2 0 01-2-2V8zm13.5 3a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zM10 14a3 3 0 100-6 3 3 0 000 6z"
clip-rule="evenodd"/>
</svg>
<span class="ml-2">{{ $libraryItem->main_image_caption ?? $libraryItem->name }}</span>
</figcaption>
@@ -37,7 +53,8 @@
<div class="mx-auto max-w-prose text-base lg:max-w-none">
<p class="text-lg text-gray-200">{{ $libraryItem->subtitle }}</p>
</div>
<div class="prose prose-invert mx-auto mt-5 text-gray-100 lg:col-start-1 lg:row-start-1 lg:max-w-none">
<div
class="prose prose-invert mx-auto mt-5 text-gray-100 lg:col-start-1 lg:row-start-1 lg:max-w-none">
<x-markdown>
{!! $libraryItem->value !!}
</x-markdown>