2023-01-11 20:14:36 +01:00
|
|
|
%section.flex.justify-center.p-8.flex-col.md:flex-row.m-20
|
|
|
|
.flex.items-center.h-40.md:h-60.lg:h-96.w-full.overflow-hidden{class: "lg:w-2/3"}
|
|
|
|
= image_for(story ,"object-cover")
|
|
|
|
.flex.items-center.w-full.max-w.px-6.mt-6.mx-auto{:class => "lg:w-1/3"}
|
|
|
|
.flex-1
|
|
|
|
.text-center
|
|
|
|
%h2.text-4xl.font-bold.text-center.mb-4.lg:mb-8
|
|
|
|
= story.header
|
|
|
|
%h4.text-xl.mt-4.lg:mt-8.md:text-2xl
|
|
|
|
= distance_of_time_in_words_to_now story.happened
|
2023-01-22 14:37:39 +01:00
|
|
|
ago
|
2023-01-11 20:14:36 +01:00
|
|
|
.mt-3{ prose_classes }
|
|
|
|
= markdown(story.text)
|