Skip to content

Commit dd85de9

Browse files
PRbsasPRbsas
committed
Refactor md layout to render dot link, and not colored layout
1 parent 0bd26af commit dd85de9

11 files changed

+38
-83
lines changed

‎components/Dot.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ const Dot = styled.div`
55
width: 80px;
66
height: 80px;
77
border-radius: 50%;
8-
background: ${props => props.theme.cr};
8+
background: ${props => props.theme.cr || '#000'};
99
color: ${props => props.theme.bg};
1010
margin-top: 8%;
1111
margin-left: 5%;

‎components/MarkdownLayout.js

+10-10
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
import styled from 'styled-components'
22
import { media } from '../utils/styleUtils'
33
import { MDXProvider } from '@mdx-js/tag'
4-
import { Container, Provider as RebassProvider } from 'rebass'
4+
import { Provider as RebassProvider } from 'rebass'
5+
import Dot from './Dot'
56

67
import components from '../components/mdx'
78

@@ -29,13 +30,12 @@ const MarkdownLayout = styled.div`
2930
`
3031

3132
export default ({ children }) => (
32-
<MarkdownLayout>
33-
<MDXProvider components={components}>
34-
<RebassProvider>
35-
<Container>
36-
{ children }
37-
</Container>
38-
</RebassProvider>
39-
</MDXProvider>
40-
</MarkdownLayout>
33+
<MDXProvider components={components}>
34+
<RebassProvider>
35+
<Dot to='/thoughts' />
36+
<MarkdownLayout>
37+
{ children }
38+
</MarkdownLayout>
39+
</RebassProvider>
40+
</MDXProvider>
4141
)

‎pages/thoughts/acts-as-votable-gem-for-rails-apps.js

+3-8
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
1-
import Layout from '../../components/Layout'
21
import MarkdownLayout from '../../components/MarkdownLayout'
3-
import Dot from '../../components/Dot'
42
import Markdown from './acts-as-votable-gem-for-rails-apps.md'
53

64
export default () => (
7-
<Layout>
8-
<Dot to='/thoughts' />
9-
<MarkdownLayout>
10-
<Markdown />
11-
</MarkdownLayout>
12-
</Layout>
5+
<MarkdownLayout>
6+
<Markdown />
7+
</MarkdownLayout>
138
)

‎pages/thoughts/behind-the-scenes-a-sinatra-application.js

+3-8
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
1-
import Layout from '../../components/Layout'
21
import MarkdownLayout from '../../components/MarkdownLayout'
3-
import Dot from '../../components/Dot'
42
import Markdown from './behind-the-scenes-a-sinatra-application.md'
53

64
export default () => (
7-
<Layout>
8-
<Dot to='/thoughts' />
9-
<MarkdownLayout>
10-
<Markdown />
11-
</MarkdownLayout>
12-
</Layout>
5+
<MarkdownLayout>
6+
<Markdown />
7+
</MarkdownLayout>
138
)

‎pages/thoughts/devise-and-omniauth-authentication-with-rails.js

+3-8
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
1-
import Layout from '../../components/Layout'
21
import MarkdownLayout from '../../components/MarkdownLayout'
3-
import Dot from '../../components/Dot'
42
import Markdown from './devise-and-omniauth-authentication-with-rails.md'
53

64
export default () => (
7-
<Layout>
8-
<Dot to='/thoughts' />
9-
<MarkdownLayout>
10-
<Markdown />
11-
</MarkdownLayout>
12-
</Layout>
5+
<MarkdownLayout>
6+
<Markdown />
7+
</MarkdownLayout>
138
)

‎pages/thoughts/devit-on-rails.js

+3-8
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
1-
import Layout from '../../components/Layout'
21
import MarkdownLayout from '../../components/MarkdownLayout'
3-
import Dot from '../../components/Dot'
42
import Markdown from './devit-on-rails.md'
53

64
export default () => (
7-
<Layout>
8-
<Dot to='/thoughts' />
9-
<MarkdownLayout>
10-
<Markdown />
11-
</MarkdownLayout>
12-
</Layout>
5+
<MarkdownLayout>
6+
<Markdown />
7+
</MarkdownLayout>
138
)

‎pages/thoughts/friendly-urls-for-your-rails-app-with-friendlyId.js

+3-8
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
1-
import Layout from '../../components/Layout'
21
import MarkdownLayout from '../../components/MarkdownLayout'
3-
import Dot from '../../components/Dot'
42
import Markdown from './friendly-urls-for-your-rails-app-with-friendlyId.md'
53

64
export default () => (
7-
<Layout>
8-
<Dot to='/thoughts' />
9-
<MarkdownLayout>
10-
<Markdown />
11-
</MarkdownLayout>
12-
</Layout>
5+
<MarkdownLayout>
6+
<Markdown />
7+
</MarkdownLayout>
138
)

‎pages/thoughts/how-to-start-a-project.js

+3-8
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
1-
import Layout from '../../components/Layout'
21
import MarkdownLayout from '../../components/MarkdownLayout'
3-
import Dot from '../../components/Dot'
42
import Markdown from './how-to-start-a-project.md'
53

64
export default () => (
7-
<Layout>
8-
<Dot to='/thoughts' />
9-
<MarkdownLayout>
10-
<Markdown />
11-
</MarkdownLayout>
12-
</Layout>
5+
<MarkdownLayout>
6+
<Markdown />
7+
</MarkdownLayout>
138
)

‎pages/thoughts/rails-api-and-javascript.js

+3-8
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
1-
import Layout from '../../components/Layout'
21
import MarkdownLayout from '../../components/MarkdownLayout'
3-
import Dot from '../../components/Dot'
42
import Markdown from './rails-api-and-javascript.md'
53

64
export default () => (
7-
<Layout>
8-
<Dot to='/thoughts' />
9-
<MarkdownLayout>
10-
<Markdown />
11-
</MarkdownLayout>
12-
</Layout>
5+
<MarkdownLayout>
6+
<Markdown />
7+
</MarkdownLayout>
138
)

‎pages/thoughts/react-redux-and-rails-api.js

+3-8
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
1-
import Layout from '../../components/Layout'
21
import MarkdownLayout from '../../components/MarkdownLayout'
3-
import Dot from '../../components/Dot'
42
import Markdown from './react-redux-and-rails-api.md'
53

64
export default () => (
7-
<Layout>
8-
<Dot to='/thoughts' />
9-
<MarkdownLayout>
10-
<Markdown />
11-
</MarkdownLayout>
12-
</Layout>
5+
<MarkdownLayout>
6+
<Markdown />
7+
</MarkdownLayout>
138
)

‎pages/thoughts/why-programming.js

+3-8
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
1-
import Layout from '../../components/Layout'
21
import MarkdownLayout from '../../components/MarkdownLayout'
3-
import Dot from '../../components/Dot'
42
import Markdown from './why-programming.md'
53

64
export default () => (
7-
<Layout>
8-
<Dot to='/thoughts' />
9-
<MarkdownLayout>
10-
<Markdown />
11-
</MarkdownLayout>
12-
</Layout>
5+
<MarkdownLayout>
6+
<Markdown />
7+
</MarkdownLayout>
138
)

0 commit comments

Comments
 (0)