2023-01-11 18:48:06 +02:00
|
|
|
= paginate @members
|
2022-12-20 17:05:26 +02:00
|
|
|
|
2023-08-26 23:08:07 +03:00
|
|
|
.flex.justify-center.m-8.mx-5.md:mx-12.lg:mx-20
|
|
|
|
|
.flex.flex-col.text-center
|
|
|
|
|
%h1.text-4xl Current Volunteers at Hub Feenix
|
2023-11-28 10:54:06 +02:00
|
|
|
-if @private > 0
|
|
|
|
|
.text-gray-500
|
|
|
|
|
Not showing
|
|
|
|
|
= @private
|
|
|
|
|
private profiles
|
2023-08-26 23:08:07 +03:00
|
|
|
|
2023-01-26 00:47:27 +02:00
|
|
|
.mx-20.grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-3.2xl:grid-cols-4.gap-8.md:gap-12.lg:gap-16
|
2023-01-22 23:36:47 +02:00
|
|
|
- @members.each do |member|
|
2023-01-26 00:47:27 +02:00
|
|
|
.overflow-hidden.border.border-gray-100.shadow-sm
|
|
|
|
|
.h-0.overflow-hidden.relative{class: "pt-[125%]"}
|
|
|
|
|
=link_to member , class: "absolute h-60 top-0 left-0 w-full h-full" do
|
2023-01-28 16:00:36 +02:00
|
|
|
= picture_for( member , class: "object-cover")
|
2023-01-26 00:47:27 +02:00
|
|
|
%h3.pt-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
|
|
|
|
|
= member.name
|
|
|
|
|
.p-2.text-xs.bg-gray-50.text-black.font-bold.text-center
|
|
|
|
|
= stayed member
|
2023-01-22 23:36:47 +02:00
|
|
|
%div.h-full
|
|
|
|
|
.p-5.text-center
|
|
|
|
|
.m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }
|
2023-09-15 22:51:59 +03:00
|
|
|
= markdown shorten(member.bio)
|
