Profile: SASS refactor

src/app.rb

@@ -68,6 +68,15 @@ get "/profile" do
 	end
 end
 
+# Posts
+get "/profile/:id/posts" do
+	serve :"user/posts", {user: User.find_by_id(params[:id].to_i)}
+end
+
+# Reputation
+get "/profile/:id/rep" do
+	serve :"user/rep", {user: User.find_by_id(params[:id].to_i)}
+end
 
 # API stuff
 post "/register" do

src/views/stylesheets/style.sass

@@ -30,7 +30,7 @@ html
 
 .content-container
   display: flex
-  flex-direction: row
+  flex-direction: column
   justify-content: center
   width: auto 
   height: 90% 
@@ -207,6 +207,7 @@ ul.button-container
   max-width: 70rem
   padding: 2rem
   padding-bottom: 0
+  margin: 0 auto
 
   .card-container
     padding: 0 1rem

src/views/user/posts.slim

@@ -0,0 +1,2 @@
+h1 = "#{user.name}'s posts"
+h2 Not implemented yet.

src/views/user/profile.slim

@@ -1,5 +1,4 @@
 #profile-container
-
   aside
     #userinfo.card.card-container
       h2 = user.name
@@ -11,7 +10,7 @@
       ul.button-container
         a.button href="mailto:#{user.email}"
           li Message
-        a.button href="/profile/#{user.id}/reputation"
+        a.button href="/profile/#{user.id}/rep"
           li Rep
         a.button href="/profile/#{user.id}/posts"
           li Posts 

src/views/user/rep.slim

@@ -0,0 +1,13 @@
+div
+  h1 = "#{user.name}'s reputation reviews"
+  h2 Not implemented yet.
+
+#profile-container
+  aside
+    #reputation.card
+      h2 Reputation
+      - unless user.has_bad_rep?
+        h3.green = user.reputation_text
+      - else
+        h3.red = user.reputation_text
+      h4 Based on user reviews