feat(pages): import about page to subdirectory
This commit is contained in:
Mrugesh Mohapatra
committed by
Stuart Taylor
Stuart Taylor
parent
d2c017d821
commit
19e8aa52fe
@ -59,7 +59,7 @@ function Footer() {
|
|||||||
<p>
|
<p>
|
||||||
Donations to freeCodeCamp go toward our education initiatives, and
|
Donations to freeCodeCamp go toward our education initiatives, and
|
||||||
help pay for servers, services, and staff. You can
|
help pay for servers, services, and staff. You can
|
||||||
<Link className='inline' to='https://donate.freecodecamp.org'>
|
<Link className='inline' external='true' to='/donate'>
|
||||||
make a tax-deductible donation here
|
make a tax-deductible donation here
|
||||||
</Link>
|
</Link>
|
||||||
.
|
.
|
||||||
@ -67,8 +67,8 @@ function Footer() {
|
|||||||
</Col>
|
</Col>
|
||||||
<Col sm={2} xs={6}>
|
<Col sm={2} xs={6}>
|
||||||
<ColHeader>Our Nonprofit</ColHeader>
|
<ColHeader>Our Nonprofit</ColHeader>
|
||||||
<Link to='https://about.freecodecamp.org'>About</Link>
|
<Link to='/about'>About</Link>
|
||||||
<Link to='https://donate.freecodecamp.org'>Donate</Link>
|
<Link to='/donate'>Donate</Link>
|
||||||
<Link to='https://shop.freecodecamp.org'>Shop</Link>
|
<Link to='https://shop.freecodecamp.org'>Shop</Link>
|
||||||
<Link to='https://sponsors.freecodecamp.org'>Sponsors</Link>
|
<Link to='https://sponsors.freecodecamp.org'>Sponsors</Link>
|
||||||
<Link to='mailto:team@freecodecamp.org'>Email Us</Link>
|
<Link to='mailto:team@freecodecamp.org'>Email Us</Link>
|
||||||
|
|||||||
@ -471,7 +471,7 @@ hr {
|
|||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
margin-bottom: calc(1.45rem - 1px);
|
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;
|
border: none;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
}
|
}
|
||||||
|
|||||||
14
client/src/pages/about.css
Normal file
14
client/src/pages/about.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
421
client/src/pages/about.js
Normal file
421
client/src/pages/about.js
Normal file
@ -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 (
|
||||||
|
<Fragment>
|
||||||
|
<Helmet title='About the freeCodeCamp community | freeCodeCamp.org' />
|
||||||
|
<Spacer />
|
||||||
|
<Grid className='container'>
|
||||||
|
<Row>
|
||||||
|
<Col
|
||||||
|
className='questions'
|
||||||
|
md={6}
|
||||||
|
mdOffset={3}
|
||||||
|
sm={10}
|
||||||
|
smOffset={1}
|
||||||
|
xs={12}
|
||||||
|
>
|
||||||
|
<h2 className='text-center'>Frequently Asked Questions</h2>
|
||||||
|
<hr />
|
||||||
|
<h4>What is freeCodeCamp?</h4>
|
||||||
|
<p>
|
||||||
|
We’re a community that helps you learn to code, then get
|
||||||
|
experience by contributing to open source projects used by
|
||||||
|
nonprofits.
|
||||||
|
</p>
|
||||||
|
<h4>How can you help me learn to code?</h4>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<h4>Is freeCodeCamp really free?</h4>
|
||||||
|
<p>Yes. Every aspect of freeCodeCamp is 100% free.</p>
|
||||||
|
<h4>
|
||||||
|
Can freeCodeCamp help me get a job as a software developer?
|
||||||
|
</h4>
|
||||||
|
<p>
|
||||||
|
Yes. Every year, thousands of people who join the freeCodeCamp
|
||||||
|
community get their first software developer job. If you're
|
||||||
|
curious, you can{' '}
|
||||||
|
<a
|
||||||
|
href='https://www.linkedin.com/school/4831032/alumni/'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
browse our alumni network on LinkedIn here
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
<h4>How big is the freeCodeCamp community?</h4>
|
||||||
|
<p>
|
||||||
|
If you add up all the people who use our learning platform, read
|
||||||
|
our{' '}
|
||||||
|
<a
|
||||||
|
href='https://medium.freecodecamp.org'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
Medium publication
|
||||||
|
</a>
|
||||||
|
, watch our{' '}
|
||||||
|
<a
|
||||||
|
href='https://youtube.com/freecodecamp'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
YouTube channel
|
||||||
|
</a>
|
||||||
|
, and post on <Link to='/forum'>our forum</Link>, each month we
|
||||||
|
help millions of people learn about coding and technology.
|
||||||
|
</p>
|
||||||
|
<h4>Is freeCodeCamp a nonprofit?</h4>
|
||||||
|
<p>
|
||||||
|
Yes, we are a 501(c)(3){' '}
|
||||||
|
<Link to='/donate'>donor-supported public charity</Link>. You
|
||||||
|
can{' '}
|
||||||
|
<a
|
||||||
|
href='https://s3.amazonaws.com/freecodecamp/Free+Code+Camp+Inc+IRS+Determination+Letter.pdf'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
download our IRS Determination Letter here
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
<h4>
|
||||||
|
Does freeCodeCamp accept donations in Bitcoin or other crypto
|
||||||
|
currencies?
|
||||||
|
</h4>
|
||||||
|
<p>
|
||||||
|
Yes. Our cryptographically signed wallet details are{' '}
|
||||||
|
<a href='https://twitter.com/freeCodeCamp/status/939512108449959936'>
|
||||||
|
here
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
<h4>
|
||||||
|
How long will it take me to finish each of freeCodeCamp's
|
||||||
|
certifications?
|
||||||
|
</h4>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<h4>Is freeCodeCamp a coding bootcamp?</h4>
|
||||||
|
<p>
|
||||||
|
No. A lot of coding bootcamps use freeCodeCamp as part of their
|
||||||
|
curriculum, though.
|
||||||
|
</p>
|
||||||
|
<h4>Is freeCodeCamp a replacement for a 4-year degree?</h4>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<h4>Should I complete all of the coding challenges in order?</h4>
|
||||||
|
<p>
|
||||||
|
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>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<h4>How did freeCodeCamp get started?</h4>
|
||||||
|
<p>
|
||||||
|
<a
|
||||||
|
href='https://www.twitter.com/ossia'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
Quincy
|
||||||
|
</a>{' '}
|
||||||
|
started the freeCodeCamp community in 2014. He is now just one
|
||||||
|
of thousands of active contributors.
|
||||||
|
</p>
|
||||||
|
<h4>
|
||||||
|
I'm a teacher. Is freeCodeCamp an appropriate resource for my
|
||||||
|
className?
|
||||||
|
</h4>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<h4>
|
||||||
|
Can I live-stream myself working on freeCodeCamp challenges and
|
||||||
|
projects? Can I blog about how I solved them?
|
||||||
|
</h4>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<h4>
|
||||||
|
Can I create apps or tools based around the freeCodeCamp
|
||||||
|
community and platform?
|
||||||
|
</h4>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<h4>Does freeCodeCamp have a mobile app?</h4>
|
||||||
|
<p>
|
||||||
|
You can learn on the go by listening to the{' '}
|
||||||
|
<a
|
||||||
|
href='https://podcast.freecodecamp.org'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
freeCodeCamp Podcast
|
||||||
|
</a>{' '}
|
||||||
|
or watching{' '}
|
||||||
|
<a
|
||||||
|
href='https://youtube.com/freecodecamp'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
freeCodeCamp's YouTube channel
|
||||||
|
</a>
|
||||||
|
. 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{' '}
|
||||||
|
<a
|
||||||
|
href='https://itunes.apple.com/us/app/id1354133284'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
iOS
|
||||||
|
</a>{' '}
|
||||||
|
or{' '}
|
||||||
|
<a
|
||||||
|
href='https://play.google.com/store/apps/details?id=com.area120.grasshopper&hl=en'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
Android
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
<h4>Can I get a job at freeCodeCamp?</h4>
|
||||||
|
<p>
|
||||||
|
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{' '}
|
||||||
|
<a
|
||||||
|
href='https://www.linkedin.com/school/free-code-camp/alumni/'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
one of the hundreds of companies
|
||||||
|
</a>{' '}
|
||||||
|
where freeCodeCamp alumni work.
|
||||||
|
</p>
|
||||||
|
<h4>Can my company advertise on freeCodeCamp?</h4>
|
||||||
|
<p>We don’t show ads.</p>
|
||||||
|
<h4>How can I support the freeCodeCamp community?</h4>
|
||||||
|
<p>
|
||||||
|
You can{' '}
|
||||||
|
<Link to='/donate'>
|
||||||
|
set up a monthly donation to our nonprofit that you can afford
|
||||||
|
</Link>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
<h4>
|
||||||
|
Where can I get technical support for using the freeCodeCamp.org
|
||||||
|
platform?
|
||||||
|
</h4>
|
||||||
|
<p>
|
||||||
|
Here are{' '}
|
||||||
|
<Link to='/support'>
|
||||||
|
answers to common technical support questions
|
||||||
|
</Link>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
<Spacer size={2} />
|
||||||
|
<Row>
|
||||||
|
<Col
|
||||||
|
className='helpful-links'
|
||||||
|
md={6}
|
||||||
|
mdOffset={3}
|
||||||
|
sm={10}
|
||||||
|
smOffset={1}
|
||||||
|
xs={12}
|
||||||
|
>
|
||||||
|
<h2 className='text-center'>Helpful Links</h2>
|
||||||
|
<hr />
|
||||||
|
<Table>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td className='text-center'>
|
||||||
|
<FontAwesomeIcon icon={faYoutube} />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a
|
||||||
|
href='https://youtube.com/freecodecamp'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
Our YouTube channel
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className='text-center'>
|
||||||
|
<FontAwesomeIcon icon={faGithub} />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a
|
||||||
|
href='https://github.com/freecodecamp/'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
Our GitHub organization
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className='text-center'>
|
||||||
|
<FontAwesomeIcon icon={faLinkedin} />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a
|
||||||
|
href='https://www.linkedin.com/edu/school?id=166029'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
Our LinkedIn university page
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className='text-center'>
|
||||||
|
<FontAwesomeIcon icon={faMedium} />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a
|
||||||
|
href='https://medium.freecodecamp.org'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
Our Medium publication
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className='text-center'>
|
||||||
|
<FontAwesomeIcon icon={faTwitter} />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a
|
||||||
|
href='https://twitter.com/freecodecamp'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
Our Twitter feed
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className='text-center'>
|
||||||
|
<FontAwesomeIcon icon={faFacebook} />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a
|
||||||
|
href='https://facebook.com/freecodecamp'
|
||||||
|
rel='noopener noreferrer'
|
||||||
|
target='_blank'
|
||||||
|
>
|
||||||
|
Our Facebook page
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className='text-center'>
|
||||||
|
<FontAwesomeIcon icon={faLock} />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href='https://privacy-policy.freecodecamp.org'>
|
||||||
|
Our privacy policy
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className='text-center'>
|
||||||
|
<FontAwesomeIcon icon={faBalanceScale} />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href='https://code-of-conduct.freecodecamp.org'>
|
||||||
|
Our code of conduct
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className='text-center'>
|
||||||
|
<FontAwesomeIcon icon={faUniversity} />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href='https://www.freecodecamp.org/academic-honesty'>
|
||||||
|
Our academic honesty policy
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className='text-center'>
|
||||||
|
<FontAwesomeIcon icon={faBook} />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href='https://terms-of-service.freecodecamp.org'>
|
||||||
|
Our terms of service
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</Table>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
</Grid>
|
||||||
|
</Fragment>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
AboutPage.displayName = 'AboutPage';
|
||||||
|
|
||||||
|
export default AboutPage;
|
||||||
@ -90,11 +90,11 @@ class DonateOtherPage extends Component {
|
|||||||
<Fragment>
|
<Fragment>
|
||||||
<Helmet title='Other ways to donate | freeCodeCamp.org' />
|
<Helmet title='Other ways to donate | freeCodeCamp.org' />
|
||||||
<Spacer />
|
<Spacer />
|
||||||
<Grid className='container'>
|
<Grid>
|
||||||
<Row>
|
<Row>
|
||||||
<Col md={6} mdOffset={3} sm={10} smOffset={1} xs={12}>
|
<Col md={6} mdOffset={3} sm={10} smOffset={1} xs={12}>
|
||||||
<h2 className='text-center'>
|
<h2 className='text-center'>
|
||||||
Other ways you can support the freeCodeCamp.org nonprofit
|
Other ways you can support our nonprofit
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
freeCodeCamp is a small donor-supported 501(c)(3) public
|
freeCodeCamp is a small donor-supported 501(c)(3) public
|
||||||
|
|||||||
Reference in New Issue
Block a user