diff --git a/app/views/members/edit.html.haml b/app/views/members/edit.html.haml
index 41ffc96..15230ee 100644
--- a/app/views/members/edit.html.haml
+++ b/app/views/members/edit.html.haml
@@ -10,7 +10,7 @@
.grid.grid-cols-3.gap-10.mx-20
= f.input :name
- = f.input :public
+ = f.input :public , label: "Public: (Click box below)"
= f.input :picture , as: :file
.preview.prose
%b.text-2xl Preview
@@ -25,9 +25,10 @@
-else
No Picture
.flex.justify-center.actions.m-10
- = f.button :button, "Get started", class: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
- .ml-20= link_to 'Back', member_path(@member)
-
+ = f.button :button, "Update", class: "flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+ = link_to member_path(@member) do
+ %button.ml-20.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400{type: :submit}
+ Back
:ruby2js
class Mark < Vue
options el: '.grid'
diff --git a/app/views/members/show.html.haml b/app/views/members/show.html.haml
index d17d1c2..22fc1e4 100644
--- a/app/views/members/show.html.haml
+++ b/app/views/members/show.html.haml
@@ -1,16 +1,26 @@
-.grid.grid-cols-2.m-20.gap-10
- %div
- %b Name:
- = @member.name
- %div
- %b Public:
- = @member.public
- -if @member.picture_url
- %div.overflow-hidden.items-align-right
- = image_tag @member.picture_url, class: "object-contain h-80"
- %div.prose= markdown(@member.bio)
+.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.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"}
+ = image_tag @member.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"}
+ %div
+ %p.inline-block.px-3.py-px.mb-4.text-xs.font-semibold.tracking-wider.text-teal-900.uppercase.rounded-full.bg-teal-accent-400
+ Role ?
+ %h5.mb-3.text-3xl.font-extrabold.leading-none.sm:text-4xl
+ = @member.name
+ .mb-8.text-gray-800
+ .prose= markdown(@member.bio)
+ .flex.items-center
+ %a.inline-flex.items-center.font-semibold.transition-colors.duration-200.text-deep-purple-accent-400.hover:text-deep-purple-800{"aria-label" => "", :href => "/"}
+ Learn More
+ %svg.inline-block.w-3.ml-2{:fill => "currentColor", :viewbox => "0 0 12 12"}
+ %path{:d => "M9.707,5.293l-5-5A1,1,0,0,0,3.293,1.707L7.586,6,3.293,10.293a1,1,0,1,0,1.414,1.414l5-5A1,1,0,0,0,9.707,5.293Z"}
+
+.flex.justify-around
+ = link_to edit_member_path(@member) do
+ %button.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
+ Edit
- = link_to 'Edit', edit_member_path(@member)
= form_tag( destroy_member_session_path , {method: :delete } ) do
%button.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400{type: :submit}
Sign out
diff --git a/public/uploads/member/picture/1/exception.jpg b/public/uploads/member/picture/1/exception.jpg
deleted file mode 100644
index db9f500..0000000
Binary files a/public/uploads/member/picture/1/exception.jpg and /dev/null differ