Skip to content

Commit d3e14c4

Browse files
committed
add bluesky
1 parent 9f78779 commit d3e14c4

File tree

13 files changed

+77
-29
lines changed

13 files changed

+77
-29
lines changed

blog/src/pages/about.js

+6-8
Original file line numberDiff line numberDiff line change
@@ -123,6 +123,12 @@ const Contact = props => {
123123
Email: hello <AlternateEmailIcon fontSize="inherit" />{' '}
124124
rpsychologist.com,{' '}
125125
</li>
126+
<li>
127+
Bluesky{' '}
128+
<MuiLink href="https://bsky.app/profile/rpsychologist.com">
129+
@rpsychologist.com
130+
</MuiLink>
131+
</li>
126132
<li>
127133
Mastodon{' '}
128134
<MuiLink href="https://mastodon.rpsychologist.com/@kristoffer">
@@ -141,14 +147,6 @@ const Contact = props => {
141147
</li>
142148
</ul>
143149
</Typography>
144-
<Typography variant="body1" paragraph>
145-
You can also come hang out and chat with me on the open science
146-
discord{' '}
147-
<MuiLink href="https://discord.gg/8DZmg2g">
148-
Git Gud Science
149-
</MuiLink>
150-
.
151-
</Typography>
152150
</Grid>
153151

154152
<Grid item xs={12} sm={4}>

blog/src/pages/viz.js

+2-6
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@ import MoreViz from 'gatsby-theme-rpsych/src/components/MoreViz'
1010
import Posters from 'gatsby-theme-rpsych/src/components/Posters'
1111
import SocialShare from 'gatsby-theme-rpsych/src/components/SocialShare'
1212
import License from '../License'
13-
import Webmentions from 'gatsby-theme-rpsych/src/components/Webmentions'
1413
import BuyMeACoffee from 'gatsby-theme-rpsych-viz/src/components/BuyMeACoffee'
1514
import GitHubSponsors from 'gatsby-theme-rpsych-viz/src/components/GitHubSponsors'
1615

@@ -30,6 +29,7 @@ const Viz = ({ data, pageContext }) => {
3029
<SocialShare
3130
slug="viz"
3231
title="Check out @krstoffr's interactive statistical visualizations"
32+
via={true}
3333
/>
3434
<Typography variant="body1" paragraph>
3535
Since 2014 I've tried to illustrate various statistical concepts using
@@ -89,17 +89,14 @@ const Viz = ({ data, pageContext }) => {
8989
<BuyMeACoffee />
9090
</Grid>
9191
</Container>
92-
<Container maxWidth="sm" style={{ paddingBottom: '2em' }}>
93-
<Webmentions data={data} />
94-
</Container>
9592
</Layout>
9693
)
9794
}
9895

9996
export default Viz
10097

10198
export const imgQuery = graphql`
102-
query($permalinkRegEx: String) {
99+
query {
103100
image: file(absolutePath: { regex: "/viz-card.png/" }) {
104101
childImageSharp {
105102
resize(width: 1200) {
@@ -109,6 +106,5 @@ export const imgQuery = graphql`
109106
}
110107
}
111108
}
112-
...webmentionQuery
113109
}
114110
`

blog/src/templates/blog-post.js

+2
Original file line numberDiff line numberDiff line change
@@ -288,6 +288,7 @@ const BlogPostTemplate = ({ data, pageContext, location }) => {
288288
<Social
289289
slug={post.frontmatter.slug}
290290
title={post.frontmatter.title}
291+
via={true}
291292
/>
292293
</Grid>
293294
</Grid>
@@ -317,6 +318,7 @@ const BlogPostTemplate = ({ data, pageContext, location }) => {
317318
<Social
318319
slug={post.frontmatter.slug}
319320
title={post.frontmatter.title}
321+
via={true}
320322
/>
321323
</div>
322324
<Tags tags={post.frontmatter.tags} />

gatsby-theme-rpsych/gatsby-config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
require("dotenv").config({
2-
path: '/home/kris/rpsychologist-blog/.env',
2+
path: '../.env',
33
})
44
module.exports = {
55
flags: {

gatsby-theme-rpsych/i18n/react-i18next/en/blog.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
"Saving failed": "Something went wrong, saving failed",
2424
"Settings cleared": "Settings cleared",
2525
"Clear": "Clear",
26-
"authorBio": "Written by <strong>Kristoffer Magnusson</strong>, a researcher in clinical psychology. <4>You should follow him on Twitter</4> and come hang out on the open science discord <8>Git Gud Science</8>.",
26+
"authorBio": "Written by <strong>Kristoffer Magnusson</strong>, a researcher in clinical psychology. <4>You should follow him on Bluesky</4> or on <6>Twitter</6>.",
2727
"Translated by": "Translated by",
2828
"Contribute/Donate": "Contribute/Donate",
2929
"Sponsors": "Sponsors",

gatsby-theme-rpsych/src/components/Bio.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -29,11 +29,11 @@ const Bio = () => {
2929
<Trans t={t} i18nKey="authorBio">
3030
Written by <strong>Kristoffer Magnusson</strong>, a researcher in
3131
clinical psychology.{" "}
32-
<MuiLink href={`https://twitter.com/${social.twitter}`}>
33-
You should follow him on Twitter
34-
</MuiLink>{" "}
35-
and come hang out on the open science discord{" "}
36-
<MuiLink href="https://discord.gg/8DZmg2g">Git Gud Science</MuiLink>
32+
<MuiLink href="https://bsky.app/profile/rpsychologist.com">
33+
You should follow him on Bluesky
34+
</MuiLink> or on <MuiLink href={`https://twitter.com/${social.twitter}`}>
35+
Twitter
36+
</MuiLink>
3737
.
3838
</Trans>
3939
</Typography>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import React from "react";
2+
import SvgIcon from "@material-ui/core/SvgIcon";
3+
4+
const BlueskyIcon = (props) => {
5+
return (
6+
<SvgIcon {...props} viewBox="0 0 600 530" >
7+
<path d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z" fill="currentColor" />
8+
</SvgIcon>
9+
);
10+
};
11+
export default BlueskyIcon;

gatsby-theme-rpsych/src/components/Footer.js

+12-6
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import ListItem from "@material-ui/core/ListItem";
77
import ListItemIcon from "@material-ui/core/ListItemIcon";
88
import ListItemText from "@material-ui/core/ListItemText";
99
import TwitterIcon from "@material-ui/icons/Twitter";
10+
import BlueskyIcon from "./BlueskyIcon";
1011
import LinkedInIcon from "@material-ui/icons/LinkedIn";
1112
import FavoriteIcon from "@material-ui/icons/Favorite";
1213
import ChatIcon from "@material-ui/icons/Chat";
@@ -74,6 +75,17 @@ const Footer = React.memo(({ blogPost, license }) => {
7475
{t("Connect")}
7576
</Typography>
7677
<List component="nav" aria-label="connect">
78+
<ListItem
79+
button
80+
component="a"
81+
href="https://bsky.app/profile/rpsychologist.com"
82+
rel="me"
83+
>
84+
<ListItemIcon>
85+
<BlueskyIcon className={classes.icon} />
86+
</ListItemIcon>
87+
<ListItemText primary="Bluesky" />
88+
</ListItem>
7789
<ListItem
7890
button
7991
component="a"
@@ -122,12 +134,6 @@ const Footer = React.memo(({ blogPost, license }) => {
122134
</ListItemIcon>
123135
<ListItemText primary="Blog" />
124136
</ListItem>
125-
<ListItem button component="a" href="https://discord.gg/8DZmg2g">
126-
<ListItemIcon>
127-
<ChatIcon className={classes.icon} />
128-
</ListItemIcon>
129-
<ListItemText primary="Discord" />
130-
</ListItem>
131137
</List>
132138
<Typography variant="h6" align="left" gutterBottom>
133139
{t("Donate")}

gatsby-theme-rpsych/src/components/Social.js

+16
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import { Grid, makeStyles } from '@material-ui/core'
33
import TwitterIcon from '@material-ui/icons/Twitter'
44
import FacebookIcon from '@material-ui/icons/Facebook'
55
import IconButton from '@material-ui/core/IconButton'
6+
import BlueskyIcon from './BlueskyIcon'
67

78
const useStyles = makeStyles(() => ({}))
89

@@ -13,8 +14,23 @@ const Social = ({ slug, title, via }) => {
1314
const twitterText =
1415
title.length > 242 ? `${title.substring(0, 239)}...` : title
1516
const twitterVia = via ? '&via=krstoffr' : ''
17+
const blueskyVia = via ? "@rpsychologist.com" : ''
1618
return (
1719
<>
20+
<IconButton
21+
href={`https://bsky.app/intent/compose?text=${encodeURIComponent(
22+
`
23+
${twitterText.replace("@krstoffr", "@rpsychologist.com")}
24+
25+
${url}
26+
27+
${blueskyVia}`
28+
)}`}
29+
target="_blank"
30+
rel="noopener"
31+
>
32+
<BlueskyIcon />
33+
</IconButton>
1834
<IconButton
1935
href={`https://twitter.com/intent/tweet?text=${twitterText}&url=${url}${twitterVia}`}
2036
target="_blank"

gatsby-theme-rpsych/src/components/navigation/HeaderAppBar.js

+9
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ import TwitterIcon from "@material-ui/icons/Twitter";
1313
import GitHubIcon from "@material-ui/icons/GitHub";
1414
import RssFeedIcon from "@material-ui/icons/RssFeed";
1515
import MastodonIcon from "../MastodonIcon";
16+
import BlueskyIcon from "../BlueskyIcon";
1617
import DarkModeToggle from "../DarkModeToggle";
1718
import Logo from "./Logo";
1819
import TranslateIcon from "@material-ui/icons/Translate";
@@ -187,6 +188,14 @@ const MenuList = ({ langCode, originalPath }) => {
187188
>
188189
Visualizations
189190
</Button>
191+
<IconButton
192+
color="inherit"
193+
aria-label="Kristoffer's Bluesky profile"
194+
href="https://bsky.app/profile/rpsychologist.com"
195+
>
196+
<BlueskyIcon />
197+
</IconButton>
198+
190199
<IconButton
191200
color="inherit"
192201
aria-label="Kristoffer's Mastodon"

gatsby-theme-rpsych/src/components/start/Hero.js

+4
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ import RssFeedIcon from "@material-ui/icons/RssFeed";
1515
import LinkedInIcon from "@material-ui/icons/LinkedIn";
1616
import IconButton from "@material-ui/core/IconButton";
1717
import MastodonIcon from "../MastodonIcon";
18+
import BlueskyIcon from "../BlueskyIcon";
1819

1920
const useStyles = makeStyles((theme) => ({
2021
root: {
@@ -76,6 +77,9 @@ const Hero = (props) => {
7677
direction="row"
7778
justify="flex-start"
7879
>
80+
<IconButton href="https://bsky.app/profile/rpsychologist.com">
81+
<BlueskyIcon />
82+
</IconButton>
7983
<IconButton href={`https://twitter.com/${social.twitter}`}>
8084
<TwitterIcon />
8185
</IconButton>

package.json

+3-2
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@
2222
"gatsby-theme-rpsych-therapist-effects"
2323
],
2424
"dependencies": {
25-
"netlify-cli": "^3.10.0"
25+
"netlify-cli": "^3.10.0",
26+
"yarn": "^1.22.22"
2627
}
27-
}
28+
}

yarn.lock

+5
Original file line numberDiff line numberDiff line change
@@ -22421,6 +22421,11 @@ yarn@^1.21.1:
2242122421
resolved "https://registry.yarnpkg.com/yarn/-/yarn-1.22.10.tgz#c99daa06257c80f8fa2c3f1490724e394c26b18c"
2242222422
integrity sha512-IanQGI9RRPAN87VGTF7zs2uxkSyQSrSPsju0COgbsKQOOXr5LtcVPeyXWgwVa0ywG3d8dg6kSYKGBuYK021qeA==
2242322423

22424+
yarn@^1.22.22:
22425+
version "1.22.22"
22426+
resolved "https://registry.yarnpkg.com/yarn/-/yarn-1.22.22.tgz#ac34549e6aa8e7ead463a7407e1c7390f61a6610"
22427+
integrity sha512-prL3kGtyG7o9Z9Sv8IPfBNrWTDmXB4Qbes8A9rEzt6wkJV8mUvoirjU0Mp3GGAU06Y0XQyA3/2/RQFVuK7MTfg==
22428+
2242422429
yauzl@^2.4.2:
2242522430
version "2.10.0"
2242622431
resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"

0 commit comments

Comments
 (0)