taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Profile contacts

stable
Xavier Julián 2015-03-26 12:41:02 +01:00 committed by Juanfran
parent d506c09099
commit 78ebae1c86
3 changed files with 104 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/partials/home/home-logged-in.jade
View File

@ -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

40
app/partials/includes/modules/profile/profile-contacts.jade Normal file
View File

@ -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

62
app/styles/modules/profile/profile-contacts.scss Normal file
View File

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