residency/app/views/stories/_pic.haml

14 lines
555 B
Plaintext

%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
ago pic
.mt-3{ prose_classes }
= markdown(story.text)