create and display upcoming event section
This commit is contained in:
BIN
app/assets/images/merged/section_preview/section_events.jpg
Normal file
BIN
app/assets/images/merged/section_preview/section_events.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 534 KiB |
@ -19,7 +19,7 @@ module ApplicationHelper
|
||||
"mr-3 inline-block rounded-lg px-3 py-2 text-md font-medium border border-gray-500"
|
||||
end
|
||||
|
||||
def image_for(someone , classes = "")
|
||||
def picture_for(someone , classes = "")
|
||||
if someone.picture.blank?
|
||||
image = asset_url("no_image.png")
|
||||
else
|
||||
|
@ -1,6 +1,6 @@
|
||||
%section.overflow-hidden.grid.grid-cols-1.m-5.md:m-12.lg:m-20.md:grid-cols-2
|
||||
%div
|
||||
= image_for( event , "h-56 w-full object-cover sm:h-full")
|
||||
= picture_for( event , "h-56 w-full object-cover sm:h-full")
|
||||
.p-8.md:p-12.lg:px-16.lg:py-24
|
||||
.mx-auto.max-w-xl.text-center
|
||||
%h2.text-2xl.font-bold.md:text-4xl
|
||||
|
@ -1,6 +1,6 @@
|
||||
.fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
|
||||
=link_to event do
|
||||
= image_for( event , class: "h-60 w-full object-cover")
|
||||
.flex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
|
||||
=link_to main_app.event_path(event) do
|
||||
= picture_for( event , class: "h-60 w-full object-cover")
|
||||
%div
|
||||
%h3.pt-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
|
||||
= event.name
|
||||
|
@ -1,3 +1,5 @@
|
||||
.flex.justify-center
|
||||
%h3.text-3xl.font-bold Upcoming Events
|
||||
.flex.justify-center
|
||||
.grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-4
|
||||
- @events.each do |event|
|
||||
|
@ -5,7 +5,7 @@
|
||||
- @members.each do |member|
|
||||
.fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
|
||||
=link_to member do
|
||||
= image_for( member , class: "h-60 w-full object-cover")
|
||||
= picture_for( member , class: "h-60 w-full object-cover")
|
||||
%h3.pt-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
|
||||
= member.name
|
||||
%div.h-full
|
||||
|
10
app/views/merged/view/_section_events.haml
Normal file
10
app/views/merged/view/_section_events.haml
Normal file
@ -0,0 +1,10 @@
|
||||
.flex.justify-around.mt-5.md:mt-12.lg:mt-20
|
||||
%h3.text-3xl.font-bold
|
||||
= link_to "See all events" , "/events" , class: :underline
|
||||
.flex.justify-center
|
||||
.grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-4
|
||||
- one, two , three, four = *Event.where("start_date > ? " , Date.today - 3.days).limit(4)
|
||||
%div= render( "events/event_small" , event: one) if one
|
||||
.hidden.md:block= render( "events/event_small" , event: two) if two
|
||||
.hidden.lg:block= render( "events/event_small" , event: three) if three
|
||||
.hidden.lg:block= render( "events/event_small" , event: four) if four
|
@ -5,7 +5,7 @@
|
||||
- @profiles.each do |profile|
|
||||
.fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm
|
||||
=link_to profile do
|
||||
= image_for( profile , class: "h-60 w-full object-cover")
|
||||
= picture_for( profile , class: "h-60 w-full object-cover")
|
||||
%h3.py-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
|
||||
= profile.name
|
||||
%div.h-full
|
||||
|
Reference in New Issue
Block a user