From 78ebae1c86f6f4eb83aaa14ced1651f7d366e89b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Thu, 26 Mar 2015 12:41:02 +0100
Subject: [PATCH] Profile contacts

---
 app/partials/home/home-logged-in.jade         |  3 +-
 .../modules/profile/profile-contacts.jade     | 40 ++++++++++++
 .../modules/profile/profile-contacts.scss     | 62 +++++++++++++++++++
 3 files changed, 104 insertions(+), 1 deletion(-)
 create mode 100644 app/partials/includes/modules/profile/profile-contacts.jade
 create mode 100644 app/styles/modules/profile/profile-contacts.scss

diff --git a/app/partials/home/home-logged-in.jade b/app/partials/home/home-logged-in.jade
index 1104a300..fa21139b 100644
--- a/app/partials/home/home-logged-in.jade
+++ b/app/partials/home/home-logged-in.jade
@@ -7,5 +7,6 @@ div.profile.centered
         div.content-wrapper
             div.content
                 //include ../includes/modules/profile/profile-timeline
-                include ../includes/modules/profile/profile-projects
+                //include ../includes/modules/profile/profile-projects
+                include ../includes/modules/profile/profile-contacts
             include ../includes/modules/profile/profile-sidebar
diff --git a/app/partials/includes/modules/profile/profile-contacts.jade b/app/partials/includes/modules/profile/profile-contacts.jade
new file mode 100644
index 00000000..3939e29c
--- /dev/null
+++ b/app/partials/includes/modules/profile/profile-contacts.jade
@@ -0,0 +1,40 @@
+section.profile-contacts
+    - for (var x = 0; x < 3; x++)
+        div.profile-contact-single
+            picture
+                a(href="", title="See {{ user.nickname }} profile")
+                    img(src="https://s3.amazonaws.com/uifaces/faces/twitter/koridhandy/128.jpg", alt="{{ user.nickname }}")
+            div.profile-contact-data
+                h1
+                    a(href="", title="See {{ user.nickname}} profile") Sebastián Molina
+                    span.your-contact Your contact
+                p Chief GIF Officer at myamazingpage.com. Tweet me at @sebas
+                div.extra-info
+                    span.position Back-end developer & Stakeholder
+                    span.location Madrid
+            div.profile-project-stats
+                div.stat-comments(title="2 comments")
+                    span.icon.icon-project
+                    span.stat-num 2
+                div.stat-viewer(title="2 followers")
+                    span.icon.icon-open-eye
+                    span.stat-num 4
+
+        div.profile-contact-single
+            picture
+                a(href="", title="See {{ user.nickname }} profile")
+                    img(src="https://s3.amazonaws.com/uifaces/faces/twitter/marktimemedia/128.jpg", alt="{{ user.nickname }}")
+            div.profile-contact-data
+                h1
+                    a(href="", title="See {{ user.nickname}} profile") Ane Moreno
+                p Have some experience working with sock monkeys in Orlando, FL. Crossed the country licensing bongos in Miami, FL. What gets me going now is deploying catfish in Bethesda, MD. Prior to my current job I was selling dandruff in Minneapolis, MN. In 2009 I was marketing Elvis Presley in Hanford, CA.
+                div.extra-info
+                    span.position Monkey Socker & Deployer
+                    span.location Miami
+            div.profile-project-stats
+                div.stat-comments(title="2 comments")
+                    span.icon.icon-project
+                    span.stat-num 2
+                div.stat-viewer(title="2 followers")
+                    span.icon.icon-open-eye
+                    span.stat-num 4
diff --git a/app/styles/modules/profile/profile-contacts.scss b/app/styles/modules/profile/profile-contacts.scss
new file mode 100644
index 00000000..4f4d66de
--- /dev/null
+++ b/app/styles/modules/profile/profile-contacts.scss
@@ -0,0 +1,62 @@
+.profile-contacts {
+    border-top: 1px solid $whitish;
+}
+
+.profile-contact-single {
+    border-bottom: 1px solid $whitish;
+    display: flex;
+    flex-wrap: wrap;
+    padding: .8rem 1rem;
+    picture {
+        flex-grow: 0;
+        margin-right: 1rem;
+        max-width: 100px;
+        img {
+            width: 100%;
+        }
+    }
+    .profile-contact-data {
+        flex: 1;
+        h1 {
+            @extend %text;
+            @extend %xlarge;
+            align-items: center;
+            display: flex;
+            margin-bottom: 0;
+            text-transform: none;
+            span {
+                @extend %text;
+                @extend %small;
+                background: $whitish;
+                color: $gray;
+                margin-left: 1rem;
+                padding: .1rem .3rem;
+            }
+        }
+        p {
+            color: $gray;
+            margin-bottom: .3rem;
+        }
+        .extra-info {
+            color: $gray-light;
+        }
+        .position {
+            @extend %bold;
+            margin-right: .3rem;
+        }
+    }
+    .profile-project-stats {
+        display: flex;
+        flex-grow: 0;
+        margin-left: auto;
+        width: 100px;
+        div {
+            color: $gray-light;
+            margin-right: .5rem;
+            .icon {
+                margin-right: .2rem;
+                vertical-align: center;
+            }
+        }
+    }
+}