Skip to content

Commit 99cb78c

Browse files
committed
Update links
1 parent 1f3ab04 commit 99cb78c

File tree

6 files changed

+62
-61
lines changed

6 files changed

+62
-61
lines changed

src/components/Footer/Footer.js

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import React from 'react';
2-
import Link from 'gatsby-link';
32

43
import styles from './Footer.module.css';
54

src/components/Header/Header.js

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ export function HeaderLink(props) {
1111
return (
1212
<ThemeConsumer>
1313
{theme => (
14-
<Link
14+
<a
1515
{...props}
1616
style={{ color: theme.Blue }}
1717
className={styles.HeaderLink}
1818
>
1919
{props.children}
20-
</Link>
20+
</a>
2121
)}
2222
</ThemeConsumer>
2323
);
@@ -45,8 +45,10 @@ export default function Header() {
4545
</div>
4646
</Link>
4747
<nav>
48-
<HeaderLink>RSS</HeaderLink>
49-
<HeaderLink>iTunes</HeaderLink>
48+
<HeaderLink href="https://rss.simplecast.com/podcasts/10278/rss">
49+
RSS
50+
</HeaderLink>
51+
{/* <HeaderLink href="">iTunes</HeaderLink> */}
5052
</nav>
5153
</div>
5254
</header>

src/components/HeroPost/HeroPost.js

Lines changed: 27 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -13,38 +13,39 @@ export default function HeroPost({ image, title, description, published }) {
1313
return (
1414
<ThemeConsumer>
1515
{theme => (
16-
<article className={styles.Post}>
17-
<Row>
18-
<Col xs={12} sm={3}>
19-
<img className={styles.PostImage} src={image} alt={title} />
20-
</Col>
21-
<Col xs>
22-
<div className={styles.PostContent}>
23-
<p style={{ color: theme.Dark }}>{published}</p>
24-
<Link
25-
style={{ textDecoration: 'none' }}
26-
to={slugify(title, { lower: true })}
27-
>
16+
<Link
17+
style={{ textDecoration: 'none' }}
18+
to={slugify(title, { lower: true })}
19+
>
20+
<article className={styles.Post}>
21+
<Row>
22+
<Col xs={12} sm={3}>
23+
<img className={styles.PostImage} src={image} alt={title} />
24+
</Col>
25+
<Col xs>
26+
<div className={styles.PostContent}>
27+
<p style={{ color: theme.Dark }}>{published}</p>
28+
2829
<h2
2930
className={`subtitle ${styles.PostTitle}`}
3031
style={{ color: theme.Darker }}
3132
>
3233
{title}
3334
</h2>
34-
</Link>
35-
<div
36-
style={{ color: theme.Dark }}
37-
dangerouslySetInnerHTML={{
38-
__html: linkifyHtml(description).replace(
39-
/(?:\r\n|\r|\n)/g,
40-
'<br />'
41-
),
42-
}}
43-
/>
44-
</div>
45-
</Col>
46-
</Row>
47-
</article>
35+
<div
36+
style={{ color: theme.Dark }}
37+
dangerouslySetInnerHTML={{
38+
__html: linkifyHtml(description).replace(
39+
/(?:\r\n|\r|\n)/g,
40+
'<br />'
41+
),
42+
}}
43+
/>
44+
</div>
45+
</Col>
46+
</Row>
47+
</article>
48+
</Link>
4849
)}
4950
</ThemeConsumer>
5051
);

src/components/Page/Page.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export default function Page({ children }) {
88
return (
99
<ThemeConsumer>
1010
{theme => (
11-
<div style={{ backgroundColor: theme.Light }} className={styles.Page}>
11+
<div style={{ backgroundColor: theme.Lighter }} className={styles.Page}>
1212
{children}
1313
</div>
1414
)}

src/components/Post/Post.js

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -13,38 +13,38 @@ export default function Post({ image, title, description, published }) {
1313
return (
1414
<ThemeConsumer>
1515
{theme => (
16-
<article className={styles.Post}>
17-
<Row>
18-
<Col xs={3}>
19-
<img className={styles.PostImage} src={image} alt={title} />
20-
</Col>
21-
<Col xs>
22-
<div>
23-
<p style={{ color: theme.Dark }}>{published}</p>
24-
<Link
25-
style={{ textDecoration: 'none' }}
26-
to={slugify(title, { lower: true })}
27-
>
16+
<Link
17+
style={{ textDecoration: 'none' }}
18+
to={slugify(title, { lower: true })}
19+
>
20+
<article className={styles.Post}>
21+
<Row>
22+
<Col xs={3}>
23+
<img className={styles.PostImage} src={image} alt={title} />
24+
</Col>
25+
<Col xs>
26+
<div>
27+
<p style={{ color: theme.Dark }}>{published}</p>
2828
<h2
2929
className={`subtitle ${styles.PostTitle}`}
3030
style={{ color: theme.Darker }}
3131
>
3232
{title}
3333
</h2>
34-
</Link>
35-
<div
36-
style={{ color: theme.Dark }}
37-
dangerouslySetInnerHTML={{
38-
__html: linkifyHtml(description).replace(
39-
/(?:\r\n|\r|\n)/g,
40-
'<br />'
41-
),
42-
}}
43-
/>
44-
</div>
45-
</Col>
46-
</Row>
47-
</article>
34+
<div
35+
style={{ color: theme.Dark }}
36+
dangerouslySetInnerHTML={{
37+
__html: linkifyHtml(description).replace(
38+
/(?:\r\n|\r|\n)/g,
39+
'<br />'
40+
),
41+
}}
42+
/>
43+
</div>
44+
</Col>
45+
</Row>
46+
</article>
47+
</Link>
4848
)}
4949
</ThemeConsumer>
5050
);

src/templates/post.js

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
11
import React, { Component } from 'react';
2-
import linkifyHtml from 'linkifyjs/html';
32
import ReactAudioPlayer from 'react-audio-player';
43

54
import { ThemeConsumer } from '../components/ThemeProvider';
65
import BaseLayout from '../layouts/BaseLayout';
7-
import Post from '../components/Post';
6+
import HeroPost from '../components/HeroPost';
87
import Grid from '../components/Grid';
98
import Row from '../components/Row';
109
import Col from '../components/Col';
@@ -22,7 +21,7 @@ class PostTemplate extends Component {
2221
<Grid>
2322
<Row>
2423
<Col xs>
25-
<Post
24+
<HeroPost
2625
published={post.edges[0].node.published}
2726
image={post.edges[0].node.image}
2827
title={post.edges[0].node.title}

0 commit comments

Comments
 (0)