mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
lnbits paid articles added
This commit is contained in:
HolgerHatGarKeineNode
@@ -8,11 +8,11 @@
|
||||
<div class="h-1/3 bg-21gray sm:h-2/3"></div>
|
||||
</div>
|
||||
<div class="relative mx-auto max-w-7xl">
|
||||
<div class="flex flex-row justify-center items-center space-x-2">
|
||||
<div class="flex flex-col sm:flex-row justify-center items-center space-x-2">
|
||||
<div>
|
||||
<img class="h-32 object-cover" src="{{ asset('img/einundzwanzig-news-colored.png') }}" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<div class="space-y-2 sm:space-y-0">
|
||||
@auth
|
||||
<x-button
|
||||
class="whitespace-nowrap"
|
||||
|
||||
@@ -2,17 +2,30 @@
|
||||
@googlefonts('article')
|
||||
{{-- HEADER --}}
|
||||
<livewire:frontend.header :country="null"/>
|
||||
<div class="bg-21gray font-article">
|
||||
<div class="relative mx-auto max-w-screen-2xl py-4 px-6 lg:px-8 overflow-hidden">
|
||||
<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">
|
||||
|
||||
<div class="font-article relative isolate bg-21gray px-6 py-24 sm:py-32 lg:overflow-visible lg:px-0">
|
||||
<div class="absolute inset-0 -z-10 opacity-10">
|
||||
<svg class="absolute top-0 left-[max(50%,25rem)] h-[64rem] w-[128rem] -translate-x-1/2 stroke-gray-200 [mask-image:radial-gradient(64rem_64rem_at_top,white,transparent)]" aria-hidden="true">
|
||||
<defs>
|
||||
<pattern id="e813992c-7d03-4cc4-a2bd-151760b470a0" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse">
|
||||
<path d="M100 200V.5M.5 .5H200" fill="none" />
|
||||
</pattern>
|
||||
</defs>
|
||||
<svg x="50%" y="-1" class="overflow-visible fill-gray-50">
|
||||
<path d="M-100.5 0h201v201h-201Z M699.5 0h201v201h-201Z M499.5 400h201v201h-201Z M-300.5 600h201v201h-201Z" stroke-width="0" />
|
||||
</svg>
|
||||
<rect width="100%" height="100%" stroke-width="0" fill="url(#e813992c-7d03-4cc4-a2bd-151760b470a0)" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="mx-auto grid max-w-screen-2xl grid-cols-1 gap-y-16 gap-x-8 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:items-start lg:gap-y-10">
|
||||
<div class="lg:col-span-2 lg:col-start-1 lg:row-start-1 lg:mx-auto lg:grid lg:w-full lg:max-w-7xl lg:grid-cols-2 lg:gap-x-8 lg:px-8">
|
||||
<div class="lg:pr-4">
|
||||
<div>
|
||||
<h2 class="text-lg font-semibold text-amber-600">{{ $libraryItem->tags->pluck('name')->join(', ') }}</h2>
|
||||
<h3 class="mt-2 text-3xl font-bold leading-8 tracking-tight text-gray-100 sm:text-4xl">{{ $libraryItem->name }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-auto max-w-prose text-base lg:grid lg:max-w-none lg:grid-cols-2 lg:gap-8">
|
||||
<div class="mt-6 flex items-center">
|
||||
<div class="mt-6 flex items-center w-full">
|
||||
<div class="flex-shrink-0">
|
||||
<div>
|
||||
<span class="sr-only text-gray-200">{{ $libraryItem->lecturer->name }}</span>
|
||||
@@ -35,40 +48,16 @@
|
||||
</div>
|
||||
</div>
|
||||
</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">
|
||||
<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>
|
||||
</defs>
|
||||
<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">
|
||||
</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>
|
||||
<span class="ml-2">{{ $libraryItem->main_image_caption ?? $libraryItem->name }}</span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-8 lg:mt-0">
|
||||
<div class="mx-auto max-w-prose text-base lg:max-w-none">
|
||||
<div class="-mt-12 -ml-12 p-12 lg:sticky lg:top-4 lg:col-start-2 lg:row-span-2 lg:row-start-1 lg:overflow-hidden">
|
||||
<img class="w-[48rem] max-w-none rounded-xl bg-gray-900 shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem]" src="{{ $libraryItem->getFirstMediaUrl('main') }}" alt="{{ $libraryItem->name }}">
|
||||
</div>
|
||||
<div class="lg:col-span-2 lg:col-start-1 lg:row-start-2 lg:mx-auto lg:grid lg:w-full lg:max-w-7xl lg:grid-cols-2 lg:gap-x-8 lg:px-8">
|
||||
<div class="lg:pr-4">
|
||||
<div class="max-w-xl text-base leading-7 text-gray-700 lg:max-w-xl">
|
||||
|
||||
<div class="mx-auto text-base lg:max-w-none">
|
||||
<div class="prose md:prose-lg prose-invert">
|
||||
<x-markdown class="leading-normal">
|
||||
{!! $libraryItem->subtitle !!}
|
||||
@@ -282,10 +271,13 @@
|
||||
|
||||
<script src="https://embed.twentyuno.net/js/app.js"></script>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- FOOTER --}}
|
||||
<livewire:frontend.footer/>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user