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
hr
table.table.link-table
tr
td.text-center
i.fa.fa-medium
td
a(href='//medium.freecodecamp.com', target='_blank') Our Medium Publication
tr
td.text-center
i.fa.fa-github
td
a(href="//github.com/freecodecamp", target='_blank') Our GitHub Repository
tr
td.text-center
i.fa.fa-reddit
td
a(href="//www.reddit.com/r/freecodecamp", target='_blank') Our Subreddit
tr
td.text-center
i.fa.fa-linkedin
td
a(href="//www.linkedin.com/edu/school?id=166029", target='_blank') Our LinkedIn University Page
tr
td.text-center
i.fa.fa-twitter
td
a(href="//twitter.com/freecodecamp", target='_blank') Our Twitter Feed
tr
td.text-center
i.fa.fa-twitch
td
a(href="//twitch.tv/freecodecamp", target='_blank') Our Twitch.tv Channel
tr
td.text-center
i.fa.fa-facebook
td
a(href="//facebook.com/freecodecamp") Our Facebook Page
tr
td.text-center
i.fa.fa-lock
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>
.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 Free Code Camp around the web: h2.text-center Whom to contact for what
table.table.link-table table.table.table-stripe
tr tr
td.text-right td Support (
.ion-speakerphone a(href='mailto:team@freecodecamp.com') team@freecodecamp.com
td | )
a(href='//medium.freecodecamp.com', target='_blank') Medium Publication td
tr a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
td.text-right tr
.ion-social-github td Facebook page
td td
a(href="//github.com/freecodecamp", target='_blank') GitHub Repository a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr tr
td.text-right td Twitter feed
.ion-social-reddit td
td a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
a(href="//www.reddit.com/r/freecodecamp", target='_blank') Subreddit tr
tr td Medium publication
td.text-right td
.ion-social-linkedin a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
td tr
a(href="//www.linkedin.com/edu/school?id=166029", target='_blank') LinkedIn University Page td Media inquiries
tr td
td.text-right a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
.ion-social-twitter tr
td td Open source codebase contributions
a(href="//twitter.com/freecodecamp", target='_blank') Twitter Feed td
tr a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue
td.text-right tr
.ion-social-facebook td Server problems
td td
a(href="//facebook.com/freecodecamp") Facebook Page a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue
tr tr
td.text-right td Nonprofit projects
.ion-social-twitch-outline td
td a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
a(href="//twitch.tv/freecodecamp", target='_blank') Twitch.tv Channel tr
.spacer td Volunteer agile project managers
td
h2 Other useful links: a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
table.table.link-table tr
tr td Commit program
td.text-right td
.ion-erlenmeyer-flask a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
td tr
a(href="/labs") Extra-curricular apps built by campers td Video challenge curriculum
tr td
td.text-right a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie
.ion-chatbox tr
td td Twitch.tv channel
a(href="/stories") Stories from campers who've become professional developers td
tr a(href='https://gitter.im/Septimus' target='_blank') @Septimus
td.text-right tr
.ion-locked td Youtube channel
td td
a(href="/privacy") Our privacy policy a(href='https://gitter.im/Septimus' target='_blank') @Septimus
tr tr
td.text-right td JavaScript curriculum
.ion-happy-outline td
td a(href='https://gitter.im/SaintPeter' target='_blank') @SaintPeter
a(href="/code-of-conduct") Our code of conduct tr
tr td Data Science and Open Data
td.text-right td
.ion-document-text a(href='https://gitter.im/Evaristoc' target='_blank') @Evaristoc
td tr
a(href="/terms") Our terms of service td CamperBot
.spacer td
h2 Which camper to contact for: a(href='https://gitter.im/LTegman' target='_blank') @LTegman
table.table.table-stripe tr
tr td Translation and Internationalization
td Support (team@freecodecamp.com) td
td a(href='https://gitter.im/Vtamara' target='_blank') @Vtamara
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson tr
tr td Wiki
td Facebook page td
td a(href='https://gitter.im/Rafase282' target='_blank') @Rafase282
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson tr
tr td Campsites
td Twitter feed td
td a(href='https://gitter.im/Hallaathrad' target='_blank') @Hallaathrad
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr
td Medium publication
td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr
td Media inquiries
td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr
td Open source codebase contributions
td
a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue
tr
td Server problems
td
a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue
tr
td Nonprofit projects
td
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
tr
td Volunteer agile project managers
td
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
tr
td Commit program
td
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
tr
td Video challenge curriculum
td
a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie
tr
td Twitch.tv channel
td
a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie
tr
td Youtube channel
td
a(href='https://gitter.im/BrianaMarie' target='_blank') @BrianaMarie
tr
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