greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/server/views/map/show.jade

125 lines
9.4 KiB
Plaintext
Raw Normal View History

Update
2016-01-11 05:49:09 +00:00
extends ../layout-wide
build a functional challenge map and change navbar links
2015-04-04 03:05:53 +00:00
block content
make map header fixed to top of page again
2016-01-21 02:28:02 +00:00
.text-center.map-fixed-header
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
p Required challenges are marked with a *
.row
.col-xs-10.col-xs-offset-1.col-sm-6.col-sm-offset-3.col-md-4.col-md-offset-4
Add the filter button and fix superblock's position
2016-01-19 06:59:05 +00:00
.row
.col-xs-12.col-sm-8.col-sm-offset-2.col-md-6.col-md-offset-3
.btn.btn-sm.btn-block.btn-primary.active#manipAll Show incomplete challenges
.btn.btn-sm.btn-block.btn-primary.active#showAll Collapse all
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
hr
Add the filter button and fix superblock's position
2016-01-19 06:59:05 +00:00
#accordion.map-accordion
make map header fixed to top of page again
2016-01-21 02:28:02 +00:00
.button-spacer
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
for superBlock, index in superBlocks
h2
a(data-toggle='collapse', data-parent='#accordion', href='#collapse'+superBlock.name.split(' ').join('-'))
make map carets clickable, add full stack and interview prep sections
2016-01-21 02:03:26 +00:00
span.no-link-underline
i.fa.fa-caret-down  
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
| #{superBlock.name}
div.margin-left-10(id = 'collapse'+superBlock.name.split(' ').join('-') class = "collapse in map-collapse no-transition")
#nested
for challengeBlock in superBlock.blocks
h3
a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse'+challengeBlock.name.replace(/(\W)/gi, '').split(' ').join('-'))
make map carets clickable, add full stack and interview prep sections
2016-01-21 02:03:26 +00:00
span.no-link-underline
i.fa.fa-caret-down  
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
| #{challengeBlock.name} (#{challengeBlock.time})
div.margin-left-10(id = "nested-collapse"+challengeBlock.name.replace(/\W/gi, '').split(' ').join('-') class = "collapse in map-collapse no-transition")
.button-spacer
for challenge in challengeBlock.challenges
if challenge.completed
make map carets clickable, add full stack and interview prep sections
2016-01-21 02:03:26 +00:00
p.slightly-faded.text-primary.ion-checkmark-circled.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
a(href="/challenges/#{challenge.dashedName}" target='_parent')
= challenge.title
span.sr-only= " Complete"
else if challenge.isRequired
make map carets clickable, add full stack and interview prep sections
2016-01-21 02:03:26 +00:00
p.ion-ios-circle-outline.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
a(name="#{challenge.dashedName}" target='_parent' href="/challenges/#{challenge.dashedName}" class=challenge.isComingSoon ? 'disabled' : '')
span= challenge.title
span.sr-only= " Incomplete"
if challenge.markNew
Change New and Coming Soon to text-info
2016-01-19 01:52:51 +00:00
span.text-info.small    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
strong
em New
if challengeBlock.isComingSoon
Change New and Coming Soon to text-info
2016-01-19 01:52:51 +00:00
span.text-info.small    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
strong
em Coming Soon
span.text-primary    
strong *
else
make map carets clickable, add full stack and interview prep sections
2016-01-21 02:03:26 +00:00
p.ion-ios-circle-outline.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
a(name="#{challenge.dashedName}" target='_parent' href="/challenges/#{challenge.dashedName}" class=challenge.isComingSoon ? 'disabled' : '')
span= challenge.title
span.sr-only= " Incomplete"
if challenge.markNew
Change New and Coming Soon to text-info
2016-01-19 01:52:51 +00:00
span.text-info.small    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
strong
em New
if challengeBlock.isComingSoon
Change New and Coming Soon to text-info
2016-01-19 01:52:51 +00:00
span.text-info.small    
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
strong
em Coming Soon
make map carets clickable, add full stack and interview prep sections
2016-01-21 02:03:26 +00:00
h2
a(data-toggle='collapse', data-parent='#accordion', href='#collapse-full-stack-development-certification')
span.no-link-underline
i.fa.fa-caret-down  
| Full Stack Development Certification
div.margin-left-10(id = 'collapse-full-stack-development-certification' class = "collapse in map-collapse no-transition")
#nested
h3
a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse-nonprofit-projects')
span.no-link-underline
i.fa.fa-caret-down  
| Nonprofit Projects (800 hours)
div.margin-left-10(id = "nested-collapse-nonprofit-projects" class = "collapse in map-collapse no-transition")
.button-spacer
p To qualify for these nonprofit projects, you must first earn all three foundational certifications: Front End, Data Visualization, and Back End
.button-spacer
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Greenfield Nonprofit Project #1")     Greenfield Nonprofit Project #1
span.text-primary    
strong *
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Greenfield Nonprofit Project #2")     Greenfield Nonprofit Project #2
span.text-primary    
strong *
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Legacy Code Nonprofit Project #1")     Legacy Code Nonprofit Project #1
span.text-primary    
strong *
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Legacy Code Nonprofit Project #2")     Legacy Code Nonprofit Project #2
span.text-primary    
strong *
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Claim your Full Stack Development Certification")     Claim your Full Stack Development Certification
h2
a(data-toggle='collapse', data-parent='#accordion', href='#collapse-coding-interview-preparation')
span.no-link-underline
i.fa.fa-caret-down  
| Coding Interview Preparation
div.margin-left-10(id = 'collapse-coding-interview-preparation' class = "collapse in map-collapse no-transition")
#nested
h3
a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse-coding-interview-training')
span.no-link-underline
i.fa.fa-caret-down  
| Coding Interview Training (70 hours)
div.margin-left-10(id = "nested-collapse-coding-interview-training" class = "collapse in map-collapse no-transition")
.button-spacer
p To qualify for this coding interview training, you must first earn all four certifications: Front End, Data Visualization, Back End, and Full Stack
.button-spacer
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Soft Skill Training")     Soft Skill Training
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Critical Thinking Training")     Critical Thinking Training
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Whiteboard Coding Training")     Whiteboard Coding Training
h3
a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse-mock-interviews')
span.no-link-underline
i.fa.fa-caret-down  
| Mock Interviews (10 hours)
div.margin-left-10(id = "nested-collapse-mock-interviews" class = "collapse in map-collapse no-transition")
.button-spacer
p To qualify for these mock interviews, you must first earn all four certifications: Front End, Data Visualization, Back End, and Full Stack
.button-spacer
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Mock Interview #1")     Mock Interview #1
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Mock Interview #2")     Mock Interview #2
p.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Mock Interview #3")     Mock Interview #3
Make map header area fixed with flex layout and overflow scroll. This commit makes the map header with the collapse button fixed by using flex and overflow. This commit implements the behavior on both the aside and map (mobile) page. closes #6276
2016-01-18 17:43:37 +00:00
.spacer