github
/
developer-roadmap
mirror of https://github.com/kamranahmedse/developer-roadmap.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix - Page styles not being applied

Browse Source
pull/1331/head
Kamran Ahmed 5 years ago
parent 9c70c85356
commit 1a2cd75e5d
15 changed files with 109 additions and 118 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 33
      components/faq-list/index.js
  2. 17
      components/faq-list/style.js
  3. 6
      components/featured-content/index.js
  4. 4
      components/featured-content/style.js
  5. 7
      components/tos-page/index.js
  6. 16
      pages/about.js
  7. 42
      pages/about/index.js
  8. 16
      pages/about/style.js
  9. 16
      pages/home.js
  10. 20
      pages/home/index.js
  11. 5
      pages/home/style.js
  12. 2
      pages/index.js
  13. 12
      pages/privacy.js
  14. 17
      pages/privacy/style.js
  15. 14
      pages/terms.js

33
components/faq-list/index.js
Unescape View File

@ -0,0 +1,33 @@
import { FaqContainer, FaqItem } from './style';
const FaqList = () => (
<FaqContainer className='border-top border-bottom bg-light'>
<FaqItem>
<div className="container container-small">
<h4 className='font-weight-bolder'>What is roadmap.sh?</h4>
<p>Roadmap.sh is the community curated roadmaps and paths for the budding developers. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda iure maiores nemo nihil odio perspiciatis recusandae repellendus sed vero. Adipisci consectetur esse explicabo illum natus neque perferendis quis ullam.</p>
<p>If you really want to Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab asperiores commodi consequatur, culpa cumque dolorum, eos hic illo obcaecati odit quam quod reiciendis, rem reprehenderit saepe sed tempore tenetur vitae!</p>
</div>
</FaqItem>
<FaqItem>
<div className="container container-small">
<h4 className="font-weight-bolder">What are the plans for roadmap.sh?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore eaque eius esse, facere id ipsum, minima nam, nisi quos reprehenderit saepe tempora vitae voluptate. Atque deleniti dolores eos laboriosam repellat.</p>
</div>
</FaqItem>
<FaqItem>
<div className="container container-small">
<h4 className="font-weight-bolder">What is the source of revenue?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur, harum impedit numquam porro quod unde! Aperiam dolorum ducimus expedita fugiat, impedit nesciunt, quaerat qui recusandae repellendus tenetur ut voluptatibus!</p>
</div>
</FaqItem>
<FaqItem>
<div className="container container-small">
<h4 className="font-weight-bolder">Can I contribute?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur, harum impedit numquam porro quod unde! Aperiam dolorum ducimus expedita fugiat, impedit nesciunt, quaerat qui recusandae repellendus tenetur ut voluptatibus!</p>
</div>
</FaqItem>
</FaqContainer>
);
export default FaqList;

17
components/faq-list/style.js
Unescape View File

@ -0,0 +1,17 @@
import styled from 'styled-components';
export const FaqContainer = styled.div`
padding: 40px 0;
`;
export const FaqItem = styled.div`
padding: 20px 20px;
p {
color: #333;
}
p:last-child {
margin-bottom: 0;
}
`;

6
components/featured-content/index.js
Unescape View File

@ -1,7 +1,7 @@
import { FeaturedContentWrap } from './style';
import { FeaturedContentWrap, FeaturedWrap } from './style';
const FeaturedContent = (props) => (
<>
<FeaturedWrap className="border-top border-bottom bg-light">
<FeaturedContentWrap className="featured-content-wrap">
<div className="container">
<div className="featured-head">
@ -131,7 +131,7 @@ const FeaturedContent = (props) => (
</div>
</div>
</FeaturedContentWrap>
</>
</FeaturedWrap>
);
FeaturedContent.defaultProps = {

4
components/featured-content/style.js
Unescape View File

@ -1,5 +1,9 @@
import styled from 'styled-components';
export const FeaturedWrap = styled.div`
padding: 50px 0;
`;
export const FeaturedContentWrap = styled.div`
.featured-head {
text-align: center;

7
pages/terms/style.js → components/tos-page/index.js
Unescape View File

@ -1,6 +1,11 @@
import styled from 'styled-components';
export const TermsWrap = styled.div`
export const TosPage = styled.div`
h2 {
font-weight: 700;
margin-bottom: 16px;
}
h4 {
margin-top: 25px;
margin-bottom: 10px;

16
pages/about.js
Unescape View File

@ -0,0 +1,16 @@
import AboutHeader from '../components/about-header/index';
import PageFooter from '../components/page-footer/index';
import PageHeader from '../components/page-header/index';
import DefaultLayout from '../layouts/default/index';
import FaqList from '../components/faq-list/index';
const About = () => (
<DefaultLayout>
<PageHeader />
<AboutHeader />
<FaqList />
<PageFooter />
</DefaultLayout>
);
export default About;

42
pages/about/index.js
Unescape View File

@ -1,42 +0,0 @@
import AboutHeader from '../../components/about-header';
import PageFooter from '../../components/page-footer';
import PageHeader from '../../components/page-header';
import { FaqContainer } from './style';
import DefaultLayout from '../../layouts/default';
const About = () => (
<DefaultLayout>
<PageHeader />
<AboutHeader />
<FaqContainer className='border-top border-bottom bg-light'>
<div className="faq-item">
<div className="container container-small">
<h4 className='font-weight-bolder'>What is roadmap.sh?</h4>
<p>Roadmap.sh is the community curated roadmaps and paths for the budding developers. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda iure maiores nemo nihil odio perspiciatis recusandae repellendus sed vero. Adipisci consectetur esse explicabo illum natus neque perferendis quis ullam.</p>
<p>If you really want to Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab asperiores commodi consequatur, culpa cumque dolorum, eos hic illo obcaecati odit quam quod reiciendis, rem reprehenderit saepe sed tempore tenetur vitae!</p>
</div>
</div>
<div className="faq-item">
<div className="container container-small">
<h4 className="font-weight-bolder">What are the plans for roadmap.sh?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore eaque eius esse, facere id ipsum, minima nam, nisi quos reprehenderit saepe tempora vitae voluptate. Atque deleniti dolores eos laboriosam repellat.</p>
</div>
</div>
<div className="faq-item">
<div className="container container-small">
<h4 className="font-weight-bolder">What is the source of revenue?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur, harum impedit numquam porro quod unde! Aperiam dolorum ducimus expedita fugiat, impedit nesciunt, quaerat qui recusandae repellendus tenetur ut voluptatibus!</p>
</div>
</div>
<div className="faq-item">
<div className="container container-small">
<h4 className="font-weight-bolder">Can I contribute?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur, harum impedit numquam porro quod unde! Aperiam dolorum ducimus expedita fugiat, impedit nesciunt, quaerat qui recusandae repellendus tenetur ut voluptatibus!</p>
</div>
</div>
</FaqContainer>
<PageFooter />
</DefaultLayout>
);
export default About;

16
pages/about/style.js
Unescape View File

@ -1,16 +0,0 @@
import styled from 'styled-components';
export const FaqContainer = styled.div`
padding: 40px 0;
.faq-item {
padding: 20px 20px;
p {
color: #333;
}
p:last-child {
margin-bottom: 0;
}
}
`;

16
pages/home.js
Unescape View File

@ -0,0 +1,16 @@
import FeaturedContent from '../components/featured-content/index';
import HeroSection from '../components/hero-section/index';
import PageFooter from '../components/page-footer/index';
import PageHeader from '../components/page-header/index';
import DefaultLayout from '../layouts/default/index';
const Home = (props) => (
<DefaultLayout>
<PageHeader />
<HeroSection />
<FeaturedContent />
<PageFooter />
</DefaultLayout>
);
export default Home;

20
pages/home/index.js
Unescape View File

@ -1,20 +0,0 @@
import FeaturedContent from '../../components/featured-content';
import HeroSection from '../../components/hero-section';
import PageFooter from '../../components/page-footer';
import PageHeader from '../../components/page-header';
import DefaultLayout from '../../layouts/default';
import { FeaturedWrap } from './style';
const Home = (props) => (
<DefaultLayout>
<PageHeader />
<HeroSection />
<FeaturedWrap className="border-top border-bottom bg-light">
<FeaturedContent />
</FeaturedWrap>
<PageFooter />
</DefaultLayout>
);
export default Home;

5
pages/home/style.js
Unescape View File

@ -1,5 +0,0 @@
import styled from 'styled-components';
export const FeaturedWrap = styled.div`
padding: 50px 0;
`;

2
pages/index.js
Unescape View File

@ -1,4 +1,4 @@
import Home from './home/index';
import Home from './home';
import DefaultLayout from '../layouts/default';
const Index = () => (

12
pages/privacy/index.js → pages/privacy.js
Unescape View File

@ -1,11 +1,11 @@
import PageHeader from '../../components/page-header';
import PageFooter from '../../components/page-footer';
import DefaultLayout from '../../layouts/default';
import { PrivacyWrap } from './style';
import PageHeader from '../components/page-header/index';
import PageFooter from '../components/page-footer/index';
import { TosPage } from '../components/tos-page/index';
import DefaultLayout from '../layouts/default/index';
const Privacy = () => (
<DefaultLayout>
<PrivacyWrap>
<TosPage>
<PageHeader />
<div className="bg-light border-top border-bottom privacy-wrap">
<div className="container pt-5 pb-5">
@ -105,7 +105,7 @@ const Privacy = () => (
</div>
</div>
<PageFooter />
</PrivacyWrap>
</TosPage>
</DefaultLayout>
);

17
pages/privacy/style.js
Unescape View File

@ -1,17 +0,0 @@
import styled from 'styled-components';
export const PrivacyWrap = styled.div`
h4 {
margin-top: 25px;
margin-bottom: 10px;
font-weight: 600;
}
p {
color: #999;
}
a {
color: #333;
}
`;

14
pages/terms/index.js → pages/terms.js
Unescape View File

@ -1,15 +1,15 @@
import PageFooter from '../../components/page-footer';
import PageHeader from '../../components/page-header';
import DefaultLayout from '../../layouts/default';
import { TermsWrap } from './style';
import PageFooter from '../components/page-footer/index';
import PageHeader from '../components/page-header/index';
import { TosPage } from '../components/tos-page/index';
import DefaultLayout from '../layouts/default/index';
const Terms = () => (
<DefaultLayout>
<TermsWrap>
<TosPage>
<PageHeader />
<div className="bg-light border-top border-bottom tos-wrap">
<div className="container pt-5 pb-5">
<h2 className='font-weight-bold mb-3'>Terms of Service</h2>
<h2>Terms of Service</h2>
<p className='text-uppercase'>Please note that your use of and access to our services (defined below) are subject to the following terms; if you do not agree to all of the following, you may not use or access the services in any manner.</p>
@ -158,7 +158,7 @@ const Terms = () => (
</div>
</div>
<PageFooter />
</TermsWrap>
</TosPage>
</DefaultLayout>
);
Write Preview
Loading…
Cancel
Save