From b8af0bf52429bfde46ae870fe7b3d2f03fbbca32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Tue, 24 Mar 2015 14:08:18 +0100
Subject: [PATCH] Logged in profile sidebar

---
 app/images/quote.png                          | Bin 0 -> 402 bytes
 app/partials/home/home-logged-in.jade         |   2 +-
 .../includes/modules/profile/profile-bar.jade |  38 ++++++++++++++++++
 app/styles/components/buttons.scss            |   2 +
 app/styles/layout/profile.scss                |   4 +-
 5 files changed, 43 insertions(+), 3 deletions(-)
 create mode 100644 app/images/quote.png
 create mode 100644 app/partials/includes/modules/profile/profile-bar.jade

diff --git a/app/images/quote.png b/app/images/quote.png
new file mode 100644
index 0000000000000000000000000000000000000000..884fdd8ee3703223887f1c1e8a912c98f39d0263
GIT binary patch
literal 402
zcmV;D0d4+?P)<h;3K|Lk000e1NJLTq0027x001fo1^@s64X-1O00004b3#c}2nYxW
zd<bNS00009a7bBm000fw000fw0YWI7cmMzZ8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10S`$;K~!jg?U=i6gfI{Q$1k1u|8J$R@UmA$N^yXf1S#6=w6<jr
zV<<@Lx+)Lzdc7#69FB_!z4xb&L4JIPKSaoSC1kx4vR(;UuY{~uLe?uG>y?o8O2~R8
zWW5ryUinwDNkmLP$;TLsF-)5*%R)-&a9mYUwf(E_y_?qLoT)j_$5mBC#B``y>!~O}
zO6hXWcSOYea9V4&Ydpp<Z&GVD&7Wc0Hq-o^Go_SySyeS(-&!k{n=^xmu<yHRO=}G>
ze4y@B{o3R=xmy(`W$#wCyoWRVq$*6xdZ-E$vR<mfgshjUa3SldDqP5VstPBv-m1ch
wthcIgAnUOz9LRdC3Lj*>R)r6;UaJDU0hQ9oDIDkE#{d8T07*qoM6N<$g7aIbi~s-t

literal 0
HcmV?d00001

diff --git a/app/partials/home/home-logged-in.jade b/app/partials/home/home-logged-in.jade
index 89b347d1..017a5dd6 100644
--- a/app/partials/home/home-logged-in.jade
+++ b/app/partials/home/home-logged-in.jade
@@ -1,6 +1,6 @@
 include ../includes/components/beta
 div.profile.centered
-    div.profile-bar User bar
+    include ../includes/modules/profile/profile-bar
     div.main
         div.hero
         div.content-wrapper
diff --git a/app/partials/includes/modules/profile/profile-bar.jade b/app/partials/includes/modules/profile/profile-bar.jade
new file mode 100644
index 00000000..ae397850
--- /dev/null
+++ b/app/partials/includes/modules/profile/profile-bar.jade
@@ -0,0 +1,38 @@
+div.profile-bar
+    img.profile-img(src="http://i.imgur.com/gPiHzHN.jpg", alt="{{ user.nickname }}")
+    a.button-green
+        span Follow
+    h1 Silvia Rodríguez
+    // If user has no defined role in its profile use all its project defined roles followed by an &
+    h2 Backend Developer & Stackeholder
+    div.location
+        // span.icon.icon-location
+        span Madrid
+    // These values in profile stats are not defined yet in UX. Please ask
+    div.profile-stats
+        div.stat
+            span.stat-number 3
+            span.stat-name projects
+        div.stat
+            span.stat-number 67
+            span.stat-name us done
+        div.stat
+            span.stat-number 34
+            span.stat-name contacts
+    // These badges are not defined yet in UX. Please ask
+    div.profile-badges
+        div.badge
+        div.badge
+        div.badge
+        div.badge
+
+    div.profile-organizations
+        h3 Organizations
+        div.profile-organizations-wrapper
+            div.organization
+            div.organization
+            div.organization
+            div.organization
+
+    div.profile-quote
+        span "Small minds talk about people, average minds discuss events, great minds discuss ideas"
diff --git a/app/styles/components/buttons.scss b/app/styles/components/buttons.scss
index e961ce8f..52fb1402 100755
--- a/app/styles/components/buttons.scss
+++ b/app/styles/components/buttons.scss
@@ -5,8 +5,10 @@
     background: transparent;
     border: 0;
     color: $white;
+    cursor: pointer;
     display: inline-block;
     padding: .4rem 2.5rem;
+    text-align: center;
     text-transform: uppercase;
     transition: all .3s linear;
     vertical-align: middle;
diff --git a/app/styles/layout/profile.scss b/app/styles/layout/profile.scss
index 6bdccd15..dc0fdde3 100644
--- a/app/styles/layout/profile.scss
+++ b/app/styles/layout/profile.scss
@@ -3,8 +3,8 @@
     min-height: 100vh;
     padding: 2rem 0;
     .profile-bar {
-        background: #f0f;
-        flex: 1;
+        margin-right: 1rem;
+        width: 200px;
     }
     .main {
         background: #00f;