gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #9452 from QuincyLarson/feature/improve-landing

Browse Source 
Improve landing page
This commit is contained in:
Jonathan
2016-07-01 08:19:45 +01:00
committed by GitHub
parent f229aad1b6 aa43aeafe4
commit 7d5b77eb03
2 changed files with 112 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
server/views/home.jade
View File

@ -1,40 +1,38 @@
extends layout extends layout
block content block content
.text-center .text-center
h1.landing-heading Learn to code and help nonprofits.
.spacer
.row .row
h1.landing-heading Learn to code and help nonprofits
.big-break .big-break
.big-break .big-break
.big-break .big-break
.col-xs-12.col-sm-12.col-md-3 .col-xs-12.col-sm-12.col-md-4
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_connect.svg', alt='Get great references and connections to start your software engineer career') img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_connect.svg', alt='Get great references and connections to start your software engineer career')
p.large-p Join a community of 400,000+ developers. p.large-p
.col-xs-12.col-sm-12.col-md-3 a(href='/map') 17,000,000+
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_learn.svg', alt='Learn to code and learn full stack JavaScript') |  coding challenges solved
p.large-p Work on coding challenges together. .col-xs-12.col-sm-12.col-md-4
.col-xs-12.col-sm-12.col-md-3 img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_nonprofits.svg', alt='Help nonprofits with bro bono code projects')
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_portfolio.svg', alt='Build a portfolio of apps for nonprofits') p.large-p
p.large-p Build a portfolio of apps that solve real problems. a(href='/nonprofits') $1,000,000+
.col-xs-12.col-sm-12.col-md-3 |  in donated development work
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_nonprofits.svg', alt='Empower nonprofits with code') .col-xs-12.col-sm-12.col-md-4
p.large-p Empower nonprofits with code. img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_portfolio.svg', alt='Get hired as a developer and start your software engineer career')
.big-break p.large-p
.big-break a(href='/stories') 2,000+
|  campers now have developer jobs
.big-break .big-break
.big-break .big-break
.row .row
.col-xs-12.col-sm-8.col-sm-offset-2 .col-xs-12.col-sm-8.col-sm-offset-2
a.btn.btn-cta.signup-btn.btn-block(href="/signin") Start coding (it's free) a.btn.btn-cta.signup-btn.btn-block(href="/signin") Start coding (it's free)
.button-spacer
a.btn.btn-lg.btn-primary.btn-primary-ghost.btn-block(href="/nonprofits") My nonprofit needs coding help
.spacer .spacer
h2 As featured in: h2 As featured in:
img.img-center.img-responsive(src='https://s3.amazonaws.com/freecodecamp/as-seen-on.png') img.img-center.img-responsive(src='https://s3.amazonaws.com/freecodecamp/as-seen-on.png')
.spacer .spacer
hr hr
.spacer .spacer
h2 Launch your career as a software engineer: h2 Launch your developer career
.spacer .spacer
.row .row
.col-xs-12.col-sm-12.col-md-4 .col-xs-12.col-sm-12.col-md-4
@ -50,14 +48,9 @@ block content
p.testimonial-copy I started Free Code Camp with zero knowledge of web development. 6 months later, I landed my first job as a back end engineer. p.testimonial-copy I started Free Code Camp with zero knowledge of web development. 6 months later, I landed my first job as a back end engineer.
h3 - Maxim Orlov h3 - Maxim Orlov
.spacer .spacer
.row
.col-xs-12.col-sm-8.col-sm-offset-2
a.btn.btn-lg.btn-primary.btn-primary-ghost.btn-block(href='/stories') Hear from more of our campers
.spacer
.spacer
hr hr
.spacer .spacer
h2 Skills you'll learn: h2 Learn powerful skills
.spacer .spacer
.row .row
.text-center.negative-35 .text-center.negative-35

190
server/views/resources/about.jade
View File

@ -23,7 +23,7 @@ block content
| to nonprofits | to nonprofits
.row .row
.col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3 .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
h2.text-center Certifications h2.text-center Certificates
hr hr
ul.population-table ul.population-table
li.nowrap li.nowrap
@ -117,7 +117,7 @@ block content
td.text-center td.text-center
i.fa.fa-comment i.fa.fa-comment
td td
a(href="/stories") Stories from campers who've become professional software engineers a(href="/stories") Stories from campers who've become professional software developers
.spacer .spacer
.row .row
.col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3 .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
@ -127,35 +127,31 @@ block content
<h4>What is Free Code Camp?</h4> <h4>What is Free Code Camp?</h4>
<p class="negative-15">We’re an open source community that helps you learn to code.</p> <p class="negative-15">We’re an open source community that helps you learn to code.</p>
<h4>How do you help me learn to code?</h4> <h4>How do you help me learn to code?</h4>
<p class="negative-15">You can work through our self-paced coding challenges, build projects, and earn certifications. We also connect you with people in your city so you can code together.</p> <p class="negative-15">You can work through our self-paced coding challenges, build projects, and earn certificates. We also connect you with people in your city so you can code together.</p>
<h4>Can Free Code Camp help me get a job as a software engineer?</h4> <h4>Can Free Code Camp help me get a job as a software developer?</h4>
<p class="negative-15">Yes. Hundreds of people have gotten software engineering jobs after completing our coding challenges.</p> <p class="negative-15">Yes. Thousands of people have gotten software developer jobs after joining our open source community.</p>
<h4>Is Free Code Camp a coding bootcamp?</h4> <h4>Is Free Code Camp a coding bootcamp?</h4>
<p class="negative-15">No. A lot of coding bootcamps use Free Code Camp as part of their curriculum, though.</p> <p class="negative-15">No. A lot of coding bootcamps use Free Code Camp as part of their curriculum, though.</p>
<h4>Is Free Code Camp really free?</h4> <h4>Is Free Code Camp really free?</h4>
<p class="negative-15">Yes. Our curriculum, nonprofit projects, and verified certifications are all free.</p> <p class="negative-15">Yes. Our curriculum, nonprofit projects, and verified certificates are all free.</p>
<h4>Which certifications does Free Code Camp offer?</h4>
<p class="negative-15">We offer four free verified certifications: front end development, back end development, data visualization, and full stack development.</p>
<h4>How can I help nonprofits through Free Code Camp?</h4> <h4>How can I help nonprofits through Free Code Camp?</h4>
<p class="negative-15">Once you finish the first three certifications, you’ll get to build a series of solutions for nonprofits. You’ll work in pairs, under the supervision of a volunteer project manager and a stakeholder from the nonprofit.</p> <p class="negative-15">Once you finish the first 1,200 hours of challenges, you’ll get to build a series of solutions for nonprofits. You’ll work in pairs, under the supervision of a volunteer project manager and a stakeholder from the nonprofit.</p>
<h4>How much money has Free Code Camp saved nonprofits?</h4> <h4>How much money has Free Code Camp saved nonprofits?</h4>
<p class="negative-15">Our community has done nearly a million dollars worth of pro-bono coding for nonprofits so far.</p> <p class="negative-15">Our community has donated more than a million dollars worth of pro-bono coding for nonprofits so far.</p>
<h4>Is there a way I can help nonprofits before I earn my certifications?</h4> <h4>Is there a way I can help nonprofits before I earn my certificates?</h4>
<p class="negative-15">Yes. You can <a href="/commit">pledge a monthly donation to a nonprofit of your choosing</a> while you learn.</p> <p class="negative-15">Yes. You can <a href="/commit">pledge a monthly donation</a> to a nonprofit of your choosing while you learn.</p>
<h4>How long does Free Code Camp take?</h4> <h4>How long does Free Code Camp take?</h4>
<p class="negative-15">It takes about 2,080 hours to earn all four of our certifications. This translates into one year of full-time coding. We’re completely self-paced though, so take as long as you need.</p> <p class="negative-15">It takes about 2,080 hours to complete our Full Stack Developer certificate. This translates into one year of full-time coding. We’re completely self-paced though, so take as long as you need.</p>
<h4>Is Free Code Camp a replacement for a 4-year degree?</h4> <h4>Is Free Code Camp a replacement for a 4-year degree?</h4>
<p class="negative-15">No. Please don’t drop out of college just to pursue Free Code Camp. You can pursue both concurrently. Even though you don’t need a 4-year degree to work as a software engineer, it still helps a lot.</p> <p class="negative-15">No. Please don’t drop out of college just to pursue Free Code Camp. You can pursue both concurrently. Even though you don’t need a 4-year degree to work as a software developer, it still helps a lot.</p>
<h4>I'm a teacher. Is Free Code Camp an appropriate resource for my class?</h4> <h4>I'm a teacher. Is Free Code Camp an appropriate resource for my class?</h4>
<p class="negative-15">Yes. Many high school, college, and adult ed programs incorporate Free Code Camp into their coursework. We're open source, so no licenses or special permission from us is necessary. We're even building special tools for teachers.</p> <p class="negative-15">Yes. Many high school, college, and adult ed programs incorporate Free Code Camp into their coursework. We're open source, so no license or special permission from us is necessary. We're even building special tools for teachers.</p>
<h4>Should I complete all of these challenges in order?</h4> <h4>Should I complete all of these challenges in order?</h4>
<p class="negative-15">We’ve put a lot of thought into how we introduce concepts. But you’re free to jump around.</p> <p class="negative-15">We’ve put a lot of thought into how we introduce concepts. But you’re free to jump around.</p>
<h4>Do I have to use CodePen for the front end projects?</h4> <h4>Do I have to use CodePen for the front end projects?</h4>
<p class="negative-15">As long as your code is publicly viewable, and you have a live demo, you can use whatever you want.</p> <p class="negative-15">As long as your code is publicly viewable, and you have a live demo, you can use whatever you want.</p>
<h4>When will you release the additional React, Sass, and D3 challenges?</h4> <h4>When will you release the additional React, Sass, and D3 challenges?</h4>
<p class="negative-15">We’ll release these in Summer 2016. In the meantime, other people have completed our React/Sass and D3 projects by referencing their official documentation.</p> <p class="negative-15">We’ll release these in Summer 2016. In the meantime, other people have completed our React/Sass and D3 projects by referencing their official documentation.</p>
<h4>How can I hire Free Code Camp alumni?</h4>
<p class="negative-15">You can reach out to them through our <a href="https://www.linkedin.com/edu/school?id=166029" target="_blank">alumni network</a>.</p>
<h4>How did Free Code Camp get started?</h4> <h4>How did Free Code Camp get started?</h4>
<p class="negative-15"><a href="https://www.quora.com/profile/Quincy-Larson" target="_blank">Quincy</a> started our open source community in 2014. He is now just one of many active contributors.</p> <p class="negative-15"><a href="https://www.quora.com/profile/Quincy-Larson" target="_blank">Quincy</a> started our open source community in 2014. He is now just one of many active contributors.</p>
<h4>How is Free Code Camp incorporated?</h4> <h4>How is Free Code Camp incorporated?</h4>
@ -170,81 +166,85 @@ block content
<p class="negative-15">We don’t accept donations. Instead, you should <a href="/shop" target="_blank">support us through our shop</a>.</p> <p class="negative-15">We don’t accept donations. Instead, you should <a href="/shop" target="_blank">support us through our shop</a>.</p>
.spacer .spacer
.row .row
.col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3 .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
h2.text-center Whom to contact for what h2.text-center Whom to contact for what
table.table.table-stripe table.table.table-stripe
tr tr
td Support ( td Support (
a(href='mailto:team@freecodecamp.com') team@freecodecamp.com a(href='mailto:team@freecodecamp.com') team@freecodecamp.com
| ) | )
td td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr tr
td Facebook page td Facebook page
td td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr tr
td Twitter feed td Twitter feed
td td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr tr
td Medium publication td Medium publication
td td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr tr
td Media inquiries td Media inquiries
td td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr tr
td Open source codebase contributions td Open source codebase contributions
td td
a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue
tr tr
td Server problems td Server problems
td td
a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue
tr tr
td Nonprofit projects td Nonprofit projects
td td
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
tr tr
td Volunteer agile project managers td Volunteer agile project managers
td td
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
tr tr
td Commit program td Commit program
td td
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
tr tr
td Video challenge curriculum td Video challenge curriculum
td td
a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie
tr tr
td Youtube channel td Youtube channel
td td
a(href='https://gitter.im/Septimus' target='_blank') @Septimus a(href='https://gitter.im/Septimus' target='_blank') @Septimus
tr tr
td JavaScript curriculum td JavaScript curriculum
td td
a(href='https://gitter.im/SaintPeter' target='_blank') @SaintPeter a(href='https://gitter.im/SaintPeter' target='_blank') @SaintPeter
tr tr
td Data Science and Open Data td Data Science and Open Data
td td
a(href='https://gitter.im/Evaristoc' target='_blank') @Evaristoc a(href='https://gitter.im/Evaristoc' target='_blank') @Evaristoc
tr tr
td CamperBot td CamperBot
td td
a(href='https://gitter.im/LTegman' target='_blank') @LTegman a(href='https://gitter.im/LTegman' target='_blank') @LTegman
tr tr
td Translation and Internationalization td Translation and Internationalization
td td
a(href='https://gitter.im/Vtamara' target='_blank') @Vtamara a(href='https://gitter.im/Vtamara' target='_blank') @Vtamara
tr tr
td Wiki td Wiki
td td
a(href='https://gitter.im/Rafase282' target='_blank') @Rafase282 a(href='https://gitter.im/Rafase282' target='_blank') @Rafase282
tr tr
td Local groups td Local groups
td td
a(href='https://gitter.im/Hallaathrad' target='_blank') @Hallaathrad a(href='https://gitter.im/Hallaathrad' target='_blank') @Hallaathrad
tr
td Forum
td
a(href='https://gitter.im/m-henderson' target='_blank') @m-henderson