2015-01-06 00:38:56 +00:00
|
|
|
extends ../layout
|
|
|
|
|
block content
|
2015-05-03 23:31:45 +00:00
|
|
|
script(src="/bower_components/cal-heatmap/cal-heatmap.min.js")
|
2015-02-22 05:45:25 +00:00
|
|
|
script.
|
|
|
|
|
var challengeName = 'Profile View';
|
2015-04-29 05:29:59 +00:00
|
|
|
.panel.panel-info
|
|
|
|
|
.panel-heading.text-center
|
|
|
|
|
h1 #{username}'s portfolio
|
|
|
|
|
.panel-body
|
2015-06-04 19:54:41 +00:00
|
|
|
if (user && user.username === username)
|
2015-04-29 05:29:59 +00:00
|
|
|
.row.text-center
|
|
|
|
|
.col-xs-12.col-sm-10.col-sm-offset-1
|
|
|
|
|
a.btn.btn-big.btn-primary.btn-block(href="/account") Update my portfolio page or manage my account
|
2015-05-03 07:34:46 +00:00
|
|
|
.button-spacer
|
2015-04-29 05:29:59 +00:00
|
|
|
.col-xs-12.col-sm-10.col-sm-offset-1
|
|
|
|
|
a.btn.btn-big.btn-success.btn-block(href="/signout") Sign out of Free Code Camp
|
|
|
|
|
.spacer
|
|
|
|
|
.row
|
|
|
|
|
.col-xs-12
|
|
|
|
|
.col-xs-12.col-sm-12.col-md-5
|
|
|
|
|
if picture
|
|
|
|
|
img.img-center.img-responsive.public-profile-img(src=picture)
|
|
|
|
|
else
|
|
|
|
|
img.img-center.img-responsive.public-profile-img(src='https://s3.amazonaws.com/freecodecamp/camper-image-placeholder.png')
|
2015-05-09 23:23:45 +00:00
|
|
|
h1.text-center.negative-5.profile-social-icons
|
2015-08-10 22:37:49 +00:00
|
|
|
if (twitter)
|
|
|
|
|
a.fa.fa-twitter-square.text-primary(title="@#{username}'s Twitter Profile", href=twitter, target='_blank')
|
|
|
|
|
if (github)
|
|
|
|
|
a.fa.fa-github-square.text-primary(title="@#{username}'s GitHub Profile", href=github, target='_blank')
|
|
|
|
|
if (linkedin)
|
|
|
|
|
a.fa.fa-linkedin-square.text-primary(title="@#{username}'s LinkedIn Profile", href=linkedin, target='_blank')
|
|
|
|
|
if (facebook)
|
|
|
|
|
a.fa.fa-facebook-square.text-primary(title="@#{username}'s Facebook Profile", href=facebook, target='_blank')
|
|
|
|
|
if (google)
|
|
|
|
|
a.fa.fa-google-square.text-primary(title="@#{username}'s Google Profile", href=google, target='_blank')
|
2015-04-29 05:29:59 +00:00
|
|
|
.visible-md.visible-lg
|
|
|
|
|
.col-xs-12.col-sm-12.col-md-4.text-justify
|
|
|
|
|
h1.flat-top.wrappable= name
|
|
|
|
|
h3.flat-top.bolded.wrappable= location
|
|
|
|
|
h4.flat-top.wrappable= bio
|
|
|
|
|
.visible-xs.visible-sm
|
|
|
|
|
.col-xs-12.col-sm-12.col-md-4.text-center
|
|
|
|
|
h1.flat-top.wrappable= name
|
|
|
|
|
h3.flat-top.bolded.wrappable= location
|
|
|
|
|
h4.flat-top.wrappable= bio
|
|
|
|
|
.col-xs-12.col-sm-12.col-md-3.text-center
|
|
|
|
|
.background-svg.img-center
|
|
|
|
|
.points-on-top
|
2015-05-12 06:46:38 +00:00
|
|
|
= "[ " + (progressTimestamps.length) + " ]"
|
2015-05-03 07:34:46 +00:00
|
|
|
.spacer
|
2015-05-05 23:41:28 +00:00
|
|
|
.hidden-xs.hidden-sm.col-md-12
|
|
|
|
|
#cal-heatmap.d3-centered
|
2015-04-29 05:29:59 +00:00
|
|
|
script.
|
2015-05-05 23:41:28 +00:00
|
|
|
$(document).ready(function () {
|
2015-06-21 02:52:37 +00:00
|
|
|
var cal = new CalHeatMap();
|
|
|
|
|
var calendar = !{JSON.stringify(calender)};
|
|
|
|
|
cal.init({
|
|
|
|
|
itemSelector: "#cal-heatmap",
|
|
|
|
|
domain: "month",
|
|
|
|
|
subDomain: "x_day",
|
|
|
|
|
domainGutter: 10,
|
|
|
|
|
data: calendar,
|
|
|
|
|
cellSize: 15,
|
|
|
|
|
align: 'center',
|
|
|
|
|
cellRadius: 3,
|
|
|
|
|
cellPadding: 2,
|
|
|
|
|
tooltip: true,
|
|
|
|
|
range: 6,
|
|
|
|
|
start: new Date().setDate(new Date().getDate() - 150),
|
|
|
|
|
legendColors: ["#cccccc", "#215f1e"],
|
|
|
|
|
legend: [1, 2, 3],
|
|
|
|
|
label: {
|
|
|
|
|
position: "top"
|
|
|
|
|
}
|
|
|
|
|
});
|
2015-04-29 05:29:59 +00:00
|
|
|
});
|
|
|
|
|
.row
|
|
|
|
|
.hidden-xs.col-sm-12.text-center
|
|
|
|
|
.row.text-primary
|
2015-08-07 20:31:48 +00:00
|
|
|
h4.col-sm-6.text-right Longest Streak: #{longestStreak + longestStreak === 1 ? ' day' : ' days'}
|
|
|
|
|
h4.col-sm-6.text-left Current Streak: #{currentStreak + currentStreak === 1 ? ' day' : ' days'}
|
2015-04-05 07:01:51 +00:00
|
|
|
|
2015-05-05 23:41:28 +00:00
|
|
|
|
2015-05-28 23:59:25 +00:00
|
|
|
if (challenges.length > 0)
|
2015-04-29 05:29:59 +00:00
|
|
|
.col-sm-12
|
|
|
|
|
table.table.table-striped
|
|
|
|
|
thead
|
|
|
|
|
tr
|
|
|
|
|
th.col-xs-4 Challenge
|
|
|
|
|
th.col-xs-2 Completed
|
|
|
|
|
th.col-xs-6 Link
|
|
|
|
|
for challenge in challenges
|
|
|
|
|
tr
|
2015-05-26 20:09:07 +00:00
|
|
|
td.col-xs-4
|
|
|
|
|
a(href='/challenges/' + challenge.name, target='_blank')= challenge.name
|
2015-04-29 05:29:59 +00:00
|
|
|
td.col-xs-2= moment(challenge.completedDate, 'x').format("MMM DD, YYYY")
|
|
|
|
|
td.col-xs-6
|
2015-05-26 20:09:07 +00:00
|
|
|
a(href=challenge.solution, target='_blank') View my solution
|
