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; + } + } + } +}