improve events

app/views/profiles/_form.html.haml

@@ -2,6 +2,7 @@
   = f.error_notification
 
   = f.input :name
+  = f.input :info , label: "Link to Homapage"
   = render "merged/form/editor" , object: @profile , field: :bio, form: f
   = f.input :kind, :as => :hidden
   .flex.h-16.mt-2

app/views/profiles/_profile.haml

@@ -12,3 +12,7 @@
         = profile.name
       .mb-8.text-gray-800
         .prose= markdown(profile.bio)
+      - unless profile.info.blank?
+        = link_to profile.info , target: :blank do
+          .mt-5.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400.bg-cyan-100.hover:bg-blue-300
+            Homepage

app/views/profiles/index.html.haml

@@ -1,14 +1,14 @@
-= paginate @profiles
-.flex.justify-center
 
-  .grid.grid-cols-4
-    - @profiles.each do |profile|
-      .fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
-        =link_to profile do
-          = image_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
-          .p-5.text-center
-            .m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }
-              = shorten markdown(profile.bio)
+.flex.justify-center
+  %h3.text-3xl.font-bold= @header
+.grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-4.gap-10.m-10
+  - @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")
+        %h3.py-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
+          = profile.name
+      %div.h-full
+        .p-5.text-center
+          .m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }
+            = shorten markdown(profile.bio)