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>
|
||||
Donations to freeCodeCamp go toward our education initiatives, and
|
||||
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
|
||||
</Link>
|
||||
.
|
||||
@ -67,8 +67,8 @@ function Footer() {
|
||||
</Col>
|
||||
<Col sm={2} xs={6}>
|
||||
<ColHeader>Our Nonprofit</ColHeader>
|
||||
<Link to='https://about.freecodecamp.org'>About</Link>
|
||||
<Link to='https://donate.freecodecamp.org'>Donate</Link>
|
||||
<Link to='/about'>About</Link>
|
||||
<Link to='/donate'>Donate</Link>
|
||||
<Link to='https://shop.freecodecamp.org'>Shop</Link>
|
||||
<Link to='https://sponsors.freecodecamp.org'>Sponsors</Link>
|
||||
<Link to='mailto:team@freecodecamp.org'>Email Us</Link>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
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>
|
||||
<Helmet title='Other ways to donate | freeCodeCamp.org' />
|
||||
<Spacer />
|
||||
<Grid className='container'>
|
||||
<Grid>
|
||||
<Row>
|
||||
<Col md={6} mdOffset={3} sm={10} smOffset={1} xs={12}>
|
||||
<h2 className='text-center'>
|
||||
Other ways you can support the freeCodeCamp.org nonprofit
|
||||
Other ways you can support our nonprofit
|
||||
</h2>
|
||||
<p>
|
||||
freeCodeCamp is a small donor-supported 501(c)(3) public
|
||||
|
||||
Reference in New Issue
Block a user