Merge pull request #6921 from FreeCodeCamp/feature/faq

Add FAQ to About page and make About page look much better
This commit is contained in:
Berkeley Martinez
2016-02-11 22:00:38 -08:00
2 changed files with 213 additions and 169 deletions

View File

@ -16,7 +16,7 @@
"jquery": "~2.1.4", "jquery": "~2.1.4",
"cal-heatmap": "~3.5.2", "cal-heatmap": "~3.5.2",
"bootstrap": "~3.3.4", "bootstrap": "~3.3.4",
"font-awesome": "~4.3.0", "font-awesome": "~4.5.0",
"moment": "~2.10.2", "moment": "~2.10.2",
"moment-timezone": "~0.5.0", "moment-timezone": "~0.5.0",
"jshint": "~2.9.0", "jshint": "~2.9.0",

View File

@ -1,171 +1,215 @@
extends ../layout extends ../layout
block content block content
.col-xs-12 .row
h2.text-center We're an open source community of people .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
br h2.text-center Statistics
| who learn to code and help nonprofits. hr
.spacer ul.population-table
.row li
.col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3 span.tag Established:	
ul.population-table span.text-primary #{daysRunning}
li | days ago
span.tag Established:	 li
span.text-primary #{daysRunning} span.tag Population:	
| days ago span.text-primary #{camperCount}
li | campers
span.tag Population:	 li
span.text-primary #{camperCount} span.tag Completed:	
| campers span.text-primary #{globalCompletedCount}
li | challenges
span.tag Completed:	 .spacer
span.text-primary #{globalCompletedCount} .row
| challenges .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
h2.text-center Links
.spacer hr
.row table.table.link-table
.col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3 tr
h2 Free Code Camp around the web: td.text-center
table.table.link-table i.fa.fa-medium
tr td
td.text-right a(href='//medium.freecodecamp.com', target='_blank') Our Medium Publication
.ion-speakerphone tr
td td.text-center
a(href='//medium.freecodecamp.com', target='_blank') Medium Publication i.fa.fa-github
tr td
td.text-right a(href="//github.com/freecodecamp", target='_blank') Our GitHub Repository
.ion-social-github tr
td td.text-center
a(href="//github.com/freecodecamp", target='_blank') GitHub Repository i.fa.fa-reddit
tr td
td.text-right a(href="//www.reddit.com/r/freecodecamp", target='_blank') Our Subreddit
.ion-social-reddit tr
td td.text-center
a(href="//www.reddit.com/r/freecodecamp", target='_blank') Subreddit i.fa.fa-linkedin
tr td
td.text-right a(href="//www.linkedin.com/edu/school?id=166029", target='_blank') Our LinkedIn University Page
.ion-social-linkedin tr
td td.text-center
a(href="//www.linkedin.com/edu/school?id=166029", target='_blank') LinkedIn University Page i.fa.fa-twitter
tr td
td.text-right a(href="//twitter.com/freecodecamp", target='_blank') Our Twitter Feed
.ion-social-twitter tr
td td.text-center
a(href="//twitter.com/freecodecamp", target='_blank') Twitter Feed i.fa.fa-twitch
tr td
td.text-right a(href="//twitch.tv/freecodecamp", target='_blank') Our Twitch.tv Channel
.ion-social-facebook tr
td td.text-center
a(href="//facebook.com/freecodecamp") Facebook Page i.fa.fa-facebook
tr td
td.text-right a(href="//facebook.com/freecodecamp") Our Facebook Page
.ion-social-twitch-outline tr
td td.text-center
a(href="//twitch.tv/freecodecamp", target='_blank') Twitch.tv Channel i.fa.fa-lock
.spacer td
a(href="/privacy") Our privacy policy
tr
td.text-center
i.fa.fa-balance-scale
td
a(href="/code-of-conduct") Our code of conduct
tr
td.text-center
i.fa.fa-book
td
a(href="/terms") Our terms of service
tr
td.text-center
i.fa.fa-flask
td
a(href="/labs") Extra-curricular apps built by campers
tr
td.text-center
i.fa.fa-comment
td
a(href="/stories") Stories from campers who've become professional developers
.spacer
.row
.col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
h2.text-center Frequently Asked Questions
hr
html
<h4>What is Free Code Camp?</h4>
<p class="negative-15">Were an open source community that helps you learn to code.</p>
<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>
<h4>Can Free Code Camp help me get a job as a software engineer?</h4>
<p class="negative-15">Yes. Hundreds of people have gotten software engineering jobs after completing our coding challenges.</p>
<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>
<h4>Is Free Code Camp really free?</h4>
<p class="negative-15">Yes. Our curriculum, nonprofit projects, and verified certifications 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>
<p class="negative-15">Once you finish the first three certifications, youll get to build a series of solutions for nonprofits. Youll 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>
<p class="negative-15">Our community has done nearly 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>
<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>
<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. Were 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>
<p class="negative-15">No. Please dont drop out of college just to pursue Free Code Camp. You can pursue both concurrently. Even though you dont need a 4-year degree to work as a software engineer, it still helps a lot.</p>
<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>
<h4>Should I complete all of these challenges in order?</h4>
<p class="negative-15">Weve put a lot of thought into how we introduce concepts. But youre free to jump around.</p>
<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>
<h4>When will you release the additional React, Sass, and D3 challenges?</h4>
<p class="negative-15">Well release these in Spring 2016. In the meantime, other people have completed our React/Sass and D3 projects by referencing their official documentation.</p>
<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 Larson</a> started our open source community in 2014. He is now just one of many active contributors.</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">alumni network</a>.</p>
<h4>Can my company advertise on Free Code Camp?</h4>
<p class="negative-15">We dont show ads.</p>
<h4>Can I invest in Free Code Camp?</h4>
<p class="negative-15">We're self-funded and don't want outside investment.</p>
<h4>Can I donate to Free Code Camp?</h4>
<p class="negative-15">We dont accept donations. Instead, you should <a href="/shop">support us through our shop</a>.</p>
h2 Other useful links: .spacer
table.table.link-table .row
tr .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
td.text-right h2.text-center Whom to contact for what
.ion-erlenmeyer-flask table.table.table-stripe
td tr
a(href="/labs") Extra-curricular apps built by campers td Support (
tr a(href='mailto:team@freecodecamp.com') team@freecodecamp.com
td.text-right | )
.ion-chatbox td
td a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
a(href="/stories") Stories from campers who've become professional developers tr
tr td Facebook page
td.text-right td
.ion-locked a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
td tr
a(href="/privacy") Our privacy policy td Twitter feed
tr td
td.text-right a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
.ion-happy-outline tr
td td Medium publication
a(href="/code-of-conduct") Our code of conduct td
tr a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
td.text-right tr
.ion-document-text td Media inquiries
td td
a(href="/terms") Our terms of service a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
.spacer tr
h2 Which camper to contact for: td Open source codebase contributions
table.table.table-stripe td
tr a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue
td Support (team@freecodecamp.com) tr
td td Server problems
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson td
tr a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue
td Facebook page tr
td td Nonprofit projects
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson td
tr a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
td Twitter feed tr
td td Volunteer agile project managers
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson td
tr a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
td Medium publication tr
td td Commit program
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson td
tr a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
td Media inquiries tr
td td Video challenge curriculum
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson td
tr a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie
td Open source codebase contributions tr
td td Twitch.tv channel
a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue td
tr a(href='https://gitter.im/Septimus' target='_blank') @Septimus
td Server problems tr
td td Youtube channel
a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue td
tr a(href='https://gitter.im/Septimus' target='_blank') @Septimus
td Nonprofit projects tr
td td JavaScript curriculum
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit td
tr a(href='https://gitter.im/SaintPeter' target='_blank') @SaintPeter
td Volunteer agile project managers tr
td td Data Science and Open Data
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit td
tr a(href='https://gitter.im/Evaristoc' target='_blank') @Evaristoc
td Commit program tr
td td CamperBot
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit td
tr a(href='https://gitter.im/LTegman' target='_blank') @LTegman
td Video challenge curriculum tr
td td Translation and Internationalization
a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie td
tr a(href='https://gitter.im/Vtamara' target='_blank') @Vtamara
td Twitch.tv channel tr
td td Wiki
a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie td
tr a(href='https://gitter.im/Rafase282' target='_blank') @Rafase282
td Youtube channel tr
td td Campsites
a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie td
tr a(href='https://gitter.im/Hallaathrad' target='_blank') @Hallaathrad
td JavaScript curriculum
td
a(href='https://gitter.im/SaintPeter' target='_blank') @SaintPeter
tr
td Data Science and Open Data
td
a(href='https://gitter.im/Evaristoc' target='_blank') @Evaristoc
tr
td CamperBot
td
a(href='https://gitter.im/LTegman' target='_blank') @LTegman
tr
td Translation and Internationalization
td
a(href='https://gitter.im/Vtamara' target='_blank') @Vtamara
tr
td Wiki
td
a(href='https://gitter.im/Rafase282' target='_blank') @Rafase282
tr
td Campsites
td
a(href='https://gitter.im/Hallaathrad' target='_blank') @Hallaathrad