improving event

app/views/events/index.html.haml

@@ -1,31 +1,12 @@
-%h1 Listing events
-
-%table
-  %thead
-    %tr
-      %th Name
-      %th Text
-      %th Start date
-      %th End date
-      %th Profile
-      %th Picture
-      %th
-      %th
-      %th
-
-  %tbody
+.flex.justify-center
+  .grid.grid-cols-4
     - @events.each do |event|
-      %tr
-        %td= event.name
-        %td= event.text
-        %td= event.start_date
-        %td= event.end_date
-        %td= event.profile
-        %td= event.picture
-        %td= link_to 'Show', event
-        %td= link_to 'Edit', edit_event_path(event)
-        %td= link_to 'Destroy', event, method: :delete, data: { confirm: 'Are you sure?' }
-
-%br
-
-= link_to 'New Event', new_event_path
+      .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")
+          %h3.py-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
+            = event.name
+        %div.h-full
+          .p-5.text-center
+            .m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }
+              = shorten markdown(event.text)