improving event

app/views/profiles/_profile.haml

@@ -0,0 +1,14 @@
+.px-4.py-16.mx-auto.sm:max-w-xl.md:max-w-full.lg:max-w-screen-xl.md:px-24.lg:px-8.lg:py-20
+  .flex.justify-center
+    .px-4.py-4.text-center
+      %h1.text-2xl.font-bold.tracking-tight.sm:text-4xl
+        = header
+  .flex.mt-6.py-4.flex-col.max-w-screen-lg.overflow-hidden.bg-white.border.rounded.shadow-sm.lg:flex-row.sm:mx-auto
+    .relative{:class => "lg:w-1/2"}
+      -if profile.picture_url
+        = image_tag profile.picture_url, class: "object-cover w-full lg:absolute h-80 lg:h-full"
+    .flex.flex-col.justify-center.p-8.lg:p-16.lg:pl-10{:class => "lg:w-1/2"}
+      %h5.mb-3.text-3xl.font-extrabold.leading-none.sm:text-4xl
+        = profile.name
+      .mb-8.text-gray-800
+        .prose= markdown(profile.bio)

app/views/profiles/show.html.haml

@@ -1,15 +1 @@
-.px-4.py-16.mx-auto.sm:max-w-xl.md:max-w-full.lg:max-w-screen-xl.md:px-24.lg:px-8.lg:py-20
-  .flex.justify-center
-    .px-4.py-4.text-center
-      %h1text-2xl.font-bold.tracking-tight.sm:text-4xl
-        = @profile.Kind
-        profile
-  .flex.py-4.flex-col.max-w-screen-lg.overflow-hidden.bg-white.border.rounded.shadow-sm.lg:flex-row.sm:mx-auto
-    .relative{:class => "lg:w-1/2"}
-      -if @profile.picture_url
-        = image_tag @profile.picture_url, class: "object-cover w-full lg:absolute h-80 lg:h-full"
-    .flex.flex-col.justify-center.p-8.lg:p-16.lg:pl-10{:class => "lg:w-1/2"}
-      %h5.mb-3.text-3xl.font-extrabold.leading-none.sm:text-4xl
-        = @profile.name
-      .mb-8.text-gray-800
-        .prose= markdown(@profile.bio)
+= render "profile" , profile: @profile , header: "#{@profile.Kind} profile"