diff --git a/client/src/components/Footer/index.js b/client/src/components/Footer/index.js index 7fc3bdd71c..0b098af7bd 100644 --- a/client/src/components/Footer/index.js +++ b/client/src/components/Footer/index.js @@ -59,7 +59,7 @@ function Footer() {

Donations to freeCodeCamp go toward our education initiatives, and help pay for servers, services, and staff. You can  - + make a tax-deductible donation here . @@ -67,8 +67,8 @@ function Footer() { Our Nonprofit - About - Donate + About + Donate Shop Sponsors Email Us diff --git a/client/src/components/layouts/layout.css b/client/src/components/layouts/layout.css index 87cb934c95..cacca62506 100644 --- a/client/src/components/layouts/layout.css +++ b/client/src/components/layouts/layout.css @@ -471,7 +471,7 @@ hr { padding-right: 0; padding-top: 0; margin-bottom: calc(1.45rem - 1px); - background: hsla(0, 0%, 0%, 0.2); + background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.75),rgba(0,0,0,0)); border: none; height: 1px; } diff --git a/client/src/pages/about.css b/client/src/pages/about.css new file mode 100644 index 0000000000..22d9c7a4c3 --- /dev/null +++ b/client/src/pages/about.css @@ -0,0 +1,14 @@ +.questions > h4 { + font-size: 1.25rem; +} + +.table>thead>tr>th, +.table>tbody>tr>th, +.table>tfoot>tr>th, +.table>thead>tr>td, +.table>tbody>tr>td, +.table>tfoot>tr>td { + border: none; + font-size: 1.25rem; + font-weight: bold; +} diff --git a/client/src/pages/about.js b/client/src/pages/about.js new file mode 100644 index 0000000000..957f6cb4f2 --- /dev/null +++ b/client/src/pages/about.js @@ -0,0 +1,421 @@ +/* eslint-disable max-len */ +import React, { Fragment } from 'react'; +import Helmet from 'react-helmet'; +import { Link } from 'gatsby'; +import { Grid, Col, Row, Table } from '@freecodecamp/react-bootstrap'; +import FontAwesomeIcon from '@fortawesome/react-fontawesome'; +import { + faLinkedin, + faGithub, + faTwitter, + faYoutube, + faMedium, + faFacebook +} from '@fortawesome/free-brands-svg-icons'; + +import { + faLock, + faBalanceScale, + faUniversity, + faBook +} from '@fortawesome/free-solid-svg-icons'; + +import Spacer from '../components/helpers/Spacer'; + +import './about.css'; + +const AboutPage = () => { + return ( + + + + + + +

Frequently Asked Questions

+
+

What is freeCodeCamp?

+

+ We’re a community that helps you learn to code, then get + experience by contributing to open source projects used by + nonprofits. +

+

How can you help me learn to code?

+

+ You'll learn to code by completing coding challenges and + building projects. You'll also earn verified certifications + along the way. We also encourage you to join a study group in + your city so you can code in-person with other people. +

+

Is freeCodeCamp really free?

+

Yes. Every aspect of freeCodeCamp is 100% free.

+

+ Can freeCodeCamp help me get a job as a software developer? +

+

+ Yes. Every year, thousands of people who join the freeCodeCamp + community get their first software developer job. If you're + curious, you can{' '} + + browse our alumni network on LinkedIn here + + . +

+

How big is the freeCodeCamp community?

+

+ If you add up all the people who use our learning platform, read + our{' '} + + Medium publication + + , watch our{' '} + + YouTube channel + + , and post on our forum, each month we + help millions of people learn about coding and technology. +

+

Is freeCodeCamp a nonprofit?

+

+ Yes, we are a 501(c)(3){' '} + donor-supported public charity. You + can{' '} + + download our IRS Determination Letter here + + . +

+

+ Does freeCodeCamp accept donations in Bitcoin or other crypto + currencies? +

+

+ Yes. Our cryptographically signed wallet details are{' '} + + here + + . +

+

+ How long will it take me to finish each of freeCodeCamp's + certifications? +

+

+ Each certification takes around 300 hours of dedicated learning. + Some people may take longer. These certifications are completely + self-paced, so take as long as you need. +

+

Is freeCodeCamp a coding bootcamp?

+

+ No. A lot of coding bootcamps use freeCodeCamp as part of their + curriculum, though. +

+

Is freeCodeCamp a replacement for a 4-year degree?

+

+ No. Please don’t drop out of college just to pursue + freeCodeCamp. 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. +

+

Should I complete all of the coding challenges in order?

+

+ We’ve put a lot of thought into how we introduce concepts. But + you’re free to jump around. +

+

Do I have to use CodePen for the front end projects?

+

+ As long as your code is publicly viewable somewhere on the + internet, and you have a live demo, you can use whatever tools + you want. +

+

How did freeCodeCamp get started?

+

+ + Quincy + {' '} + started the freeCodeCamp community in 2014. He is now just one + of thousands of active contributors. +

+

+ I'm a teacher. Is freeCodeCamp an appropriate resource for my + className? +

+

+ Yes. Many high school, college, and adult ed programs + incorporate freeCodeCamp 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. +

+

+ Can I live-stream myself working on freeCodeCamp challenges and + projects? Can I blog about how I solved them? +

+

+ Yes. We welcome this. Also, don't be shy about "spoiling" + projects or challenges. The solutions to all of these challenges + are already all over the internet. +

+

+ Can I create apps or tools based around the freeCodeCamp + community and platform? +

+

+ Yes. freeCodeCamp is open source (BSD-3 license), and most + non-sensitive freeCodeCamp data is publicly available. But you + must make it clear that you don't represent freeCodeCamp itself, + and that your project is not officially endorsed by + freeCodeCamp. +

+

Does freeCodeCamp have a mobile app?

+

+ You can learn on the go by listening to the{' '} + + freeCodeCamp Podcast + {' '} + or watching{' '} + + freeCodeCamp's YouTube channel + + . And if you want a mobile app designed specifically for + learning to code, we recommend Grasshopper. It's free and + designed by a freeCodeCamp contributor and her team. You can + download it on{' '} + + iOS + {' '} + or{' '} + + Android + + . +

+

Can I get a job at freeCodeCamp?

+

+ We're a small donor-supported nonprofit. We've hired several + prominent contributors from within the freeCodeCamp community, + but you're much more likely to get a job at{' '} + + one of the hundreds of companies + {' '} + where freeCodeCamp alumni work. +

+

Can my company advertise on freeCodeCamp?

+

We don’t show ads.

+

How can I support the freeCodeCamp community?

+

+ You can{' '} + + set up a monthly donation to our nonprofit that you can afford + + . +

+

+ Where can I get technical support for using the freeCodeCamp.org + platform? +

+

+ Here are{' '} + + answers to common technical support questions + + . +

+ + + + + +

Helpful Links

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + Our YouTube channel + +
+ + + + Our GitHub organization + +
+ + + + Our LinkedIn university page + +
+ + + + Our Medium publication + +
+ + + + Our Twitter feed + +
+ + + + Our Facebook page + +
+ + + + Our privacy policy + +
+ + + + Our code of conduct + +
+ + + + Our academic honesty policy + +
+ + + + Our terms of service + +
+ + + + + ); +}; + +AboutPage.displayName = 'AboutPage'; + +export default AboutPage; diff --git a/client/src/pages/donate-other.js b/client/src/pages/donate-other.js index 59e9cdd225..ee3bdfdf0c 100644 --- a/client/src/pages/donate-other.js +++ b/client/src/pages/donate-other.js @@ -90,11 +90,11 @@ class DonateOtherPage extends Component { - +

- Other ways you can support the freeCodeCamp.org nonprofit + Other ways you can support our nonprofit

freeCodeCamp is a small donor-supported 501(c)(3) public