2015-04-04 03:05:53 +00:00
|
|
|
extends ../layout
|
|
|
|
block content
|
2015-04-29 05:29:59 +00:00
|
|
|
.panel.panel-info
|
|
|
|
.panel-heading.text-center
|
|
|
|
h1 Challenge Map
|
|
|
|
.panel-body
|
2015-06-05 06:50:59 +00:00
|
|
|
if (Math.random() > 0.999)
|
2015-04-29 05:29:59 +00:00
|
|
|
img.img-responsive.img-center.border-radius-5(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner-dino.png')
|
2015-06-05 06:50:59 +00:00
|
|
|
audio(autoplay src='https://s3.amazonaws.com/freecodecamp/t-rex-roar.mp3')
|
2015-04-29 05:29:59 +00:00
|
|
|
else
|
|
|
|
img.img-responsive.img-center.border-radius-5(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner.png')
|
2015-09-14 03:26:33 +00:00
|
|
|
.col-xs-12.col-md-8.col-md-offset-2
|
2015-10-31 06:39:11 +00:00
|
|
|
h2
|
|
|
|
table.population-table.img-center
|
|
|
|
tr
|
|
|
|
td Established: 
|
|
|
|
td
|
|
|
|
span.text-primary #{daysRunning} 
|
|
|
|
| days ago
|
|
|
|
tr
|
|
|
|
td Population: 
|
|
|
|
td
|
|
|
|
span.text-primary #{camperCount} 
|
|
|
|
| campers
|
|
|
|
tr
|
|
|
|
td Completed: 
|
|
|
|
td
|
|
|
|
span.text-primary #{globalCompletedCount} 
|
|
|
|
| challenges
|
|
|
|
|
|
|
|
|
|
|
|
|
2015-09-27 08:44:09 +00:00
|
|
|
.spacer
|
2015-10-31 06:39:11 +00:00
|
|
|
if (user && user.progressTimestamps.length > 100)
|
|
|
|
#map-notice.col-xs-12.col-md-8.col-md-offset-2.hidden
|
|
|
|
h2.text-center We have a subreddit
|
|
|
|
img.thumbnail.img-center.img-responsive(src="http://i.imgur.com/lyd0bfM.jpg")
|
|
|
|
h4.text-center We welcome you to come ask questions and share your thoughts with our entire open source community.
|
|
|
|
a.button.btn.btn-block.btn-primary(href="https://reddit.com/r/freecodecamp" target="_blank") Check it out
|
2015-10-07 06:11:13 +00:00
|
|
|
.button-spacer
|
2015-10-19 02:03:01 +00:00
|
|
|
.text-center
|
2015-10-31 06:39:11 +00:00
|
|
|
a#hide-map-notice-button(href='#') Hide this
|
2015-10-07 06:11:13 +00:00
|
|
|
.spacer
|
2015-05-31 18:27:16 +00:00
|
|
|
.row
|
|
|
|
.col-xs-12.col-sm-8.col-sm-offset-2
|
|
|
|
h3 800 Hours of Practice:
|
|
|
|
ol
|
2015-08-10 05:14:31 +00:00
|
|
|
for challengeBlock in blocks
|
2015-05-26 00:09:49 +00:00
|
|
|
.row
|
2015-06-02 06:27:33 +00:00
|
|
|
if (user)
|
2015-08-10 05:14:31 +00:00
|
|
|
if (challengeBlock.completed === 100)
|
2015-09-14 03:26:33 +00:00
|
|
|
.hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.map-p.negative-10
|
2015-06-02 06:34:14 +00:00
|
|
|
.col-xs-12.col-sm-9.col-md-10
|
2015-09-14 03:26:33 +00:00
|
|
|
li.map-p.faded.negative-10
|
2015-06-02 06:34:14 +00:00
|
|
|
a(href='#' + challengeBlock.dashedName)= challengeBlock.name
|
2015-06-02 06:27:33 +00:00
|
|
|
else
|
|
|
|
.hidden-xs.col-sm-3.col-md-2
|
|
|
|
.progress.progress-bar-padding.text-center.thin-progress-bar
|
2015-08-10 05:14:31 +00:00
|
|
|
.progress-bar(role='progressbar', aria-valuenow=(challengeBlock.completed), aria-valuemin='0', aria-valuemax='100', style='width: ' + challengeBlock.completed + '%;')
|
2015-06-02 06:34:14 +00:00
|
|
|
.col-xs-12.col-sm-9.col-md-10
|
2015-09-14 03:26:33 +00:00
|
|
|
li.map-p.negative-10
|
2015-06-02 06:34:14 +00:00
|
|
|
a(href='#' + challengeBlock.dashedName)= challengeBlock.name
|
2015-06-02 06:27:33 +00:00
|
|
|
else
|
2015-07-12 18:36:10 +00:00
|
|
|
.hidden-xs.col-sm-3.col-md-2
|
2015-06-02 06:27:33 +00:00
|
|
|
span.negative-10
|
2015-06-02 06:34:14 +00:00
|
|
|
.col-xs-12.col-sm-9.col-md-10
|
2015-09-14 03:26:33 +00:00
|
|
|
li.map-p.negative-10
|
2015-06-02 06:34:14 +00:00
|
|
|
a(href='#' + challengeBlock.dashedName)= challengeBlock.name
|
2015-05-31 18:27:16 +00:00
|
|
|
|
|
|
|
.row
|
|
|
|
.col-xs-12.col-sm-8.col-sm-offset-2.negative-28
|
|
|
|
h3 800 Hours of  
|
|
|
|
a(href="/nonprofits/directory") Real World Work Experience
|
|
|
|
| :
|
|
|
|
ol
|
|
|
|
.row
|
2015-09-14 03:26:33 +00:00
|
|
|
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
|
2015-05-31 18:27:16 +00:00
|
|
|
.col-xs-12.col-sm-9.col-md-10
|
2015-09-14 03:26:33 +00:00
|
|
|
li.map-p.negative-10 100-hour Nonprofit Project
|
2015-05-31 18:27:16 +00:00
|
|
|
.row
|
2015-09-14 03:26:33 +00:00
|
|
|
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
|
2015-05-31 18:27:16 +00:00
|
|
|
.col-xs-12.col-sm-9.col-md-10
|
2015-09-14 03:26:33 +00:00
|
|
|
li.map-p.negative-10 200-hour Nonprofit Project #1
|
2015-05-31 18:27:16 +00:00
|
|
|
.row
|
2015-09-14 03:26:33 +00:00
|
|
|
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
|
2015-05-31 18:27:16 +00:00
|
|
|
.col-xs-12.col-sm-9.col-md-10
|
2015-09-14 03:26:33 +00:00
|
|
|
li.map-p.negative-10 200-hour Nonprofit Project #2
|
2015-05-31 18:27:16 +00:00
|
|
|
.row
|
2015-09-14 03:26:33 +00:00
|
|
|
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
|
2015-05-31 18:27:16 +00:00
|
|
|
.col-xs-12.col-sm-9.col-md-10
|
2015-09-14 03:26:33 +00:00
|
|
|
li.map-p.negative-10 300-hour Nonprofit Project
|
2015-05-31 19:32:09 +00:00
|
|
|
hr
|
2015-04-04 03:50:27 +00:00
|
|
|
|
2015-08-10 05:14:31 +00:00
|
|
|
for challengeBlock in blocks
|
2015-05-31 09:01:55 +00:00
|
|
|
.row
|
2015-05-31 18:27:16 +00:00
|
|
|
a(href='#' name=challengeBlock.dashedName)
|
2015-05-31 09:01:55 +00:00
|
|
|
.spacer.negative-55
|
|
|
|
|
|
|
|
.row
|
2015-10-13 05:56:10 +00:00
|
|
|
.hidden-xs.col-sm-3.col-md-2
|
2015-10-13 06:02:24 +00:00
|
|
|
h3.text-primary.text-right.nowrap
|
2015-10-17 05:15:55 +00:00
|
|
|
i.fa.fa-clock-o
|
|
|
|
= challengeBlock.time
|
2015-10-13 05:56:10 +00:00
|
|
|
.col-xs-12.col-sm-9.col-md-10
|
|
|
|
h3 #{challengeBlock.name}  
|
2015-08-29 23:31:07 +00:00
|
|
|
|
2015-05-31 09:01:55 +00:00
|
|
|
|
2015-10-13 05:56:10 +00:00
|
|
|
.row
|
|
|
|
ol
|
|
|
|
for challenge in challengeBlock.challenges
|
|
|
|
if challenge.completed
|
|
|
|
.row
|
|
|
|
.hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.map-p.negative-10
|
|
|
|
.col-xs-12.col-sm-9.col-md-10
|
|
|
|
li.faded.map-p.negative-10
|
|
|
|
a(href="/challenges/#{challenge.dashedName}")
|
|
|
|
span.capitalize= challenge.type + ': '
|
|
|
|
span= challenge.title
|
|
|
|
span.sr-only= " Complete"
|
|
|
|
|
2015-04-24 06:46:58 +00:00
|
|
|
|
2015-10-13 05:56:10 +00:00
|
|
|
else
|
2015-09-22 20:17:48 +00:00
|
|
|
.row
|
2015-10-13 05:56:10 +00:00
|
|
|
.hidden-xs.col-sm-3.col-md-2
|
|
|
|
span.negative-10
|
|
|
|
.col-xs-12.col-sm-9.col-md-10
|
|
|
|
li.map-p.negative-10
|
|
|
|
a(href="/challenges/#{challenge.dashedName}")
|
|
|
|
span.capitalize= challenge.type + ': '
|
|
|
|
span= challenge.title
|
|
|
|
span.sr-only= " Incomplete"
|
2015-11-02 01:26:26 +00:00
|
|
|
if challenge.markNew
|
|
|
|
span.text-danger.small    
|
|
|
|
strong
|
|
|
|
em NEW
|
2015-10-13 05:56:10 +00:00
|
|
|
|
|
|
|
if (challengeBlock.completed === 100)
|
|
|
|
.button-spacer
|
|
|
|
.row
|
|
|
|
.col-xs-12.col-sm-8.col-md-6.col-sm-offset-3.col-md-offset-2.hidden
|
2015-10-20 04:55:29 +00:00
|
|
|
a.btn.btn-lg.btn-block.signup-btn.map-challenge-block-share Section complete. Share your code portfolio with your friends.
|
2015-10-13 05:56:10 +00:00
|
|
|
.hidden(id="#{challengeBlock.name}")
|
2015-09-29 02:04:44 +00:00
|
|
|
script.
|
2015-09-29 02:20:29 +00:00
|
|
|
var username = !{JSON.stringify(user && user.username || '')};
|
|
|
|
var lastCompleted = !{JSON.stringify(lastCompleted || false)}
|
2015-10-07 06:11:13 +00:00
|
|
|
$(document).ready(function () {
|
2015-10-31 06:39:11 +00:00
|
|
|
if (!localStorage || !localStorage.hideRedditNotice) {
|
|
|
|
$("#map-notice").removeClass("hidden");
|
2015-10-07 06:11:13 +00:00
|
|
|
}
|
2015-10-31 06:39:11 +00:00
|
|
|
$("#hide-map-notice-button").on("click", function() {
|
|
|
|
$("#map-notice").addClass('animated fadeOut');
|
2015-10-07 06:11:13 +00:00
|
|
|
setTimeout(function() {
|
2015-10-31 06:39:11 +00:00
|
|
|
$("#map-notice").hide();
|
2015-10-07 06:11:13 +00:00
|
|
|
}, 1000);
|
2015-10-31 06:39:11 +00:00
|
|
|
localStorage.hideRedditNotice = "true";
|
2015-10-07 06:11:13 +00:00
|
|
|
});
|
|
|
|
});
|