filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-23 14:07:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #260 from filecoin-project/andrew/path-based-gateway

Browse Source 
Andrew/path based gateway
This commit is contained in:
CAKE 2020-09-11 21:55:43 -07:00 committed by GitHub
commit 815c7b3123
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
21 changed files with 115 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
common/constants.js
View File

@ -76,5 +76,5 @@ export const theme = {
};
export const gateways = {
ipfs: "ipfs.slate.textile.io",
ipfs: "https://slate.textile.io/ipfs",
};

2
common/strings.js
View File

@ -53,7 +53,7 @@ export const zeroPad = (num, places) => {
};
export const getCIDGatewayURL = (cid) => {
return `https://${cid}.${Constants.gateways.ipfs}`;
return `${Constants.gateways.ipfs}/${cid}`;
};
// SOURCE(jim):

18
common/styles/global.js
View File

@ -6,47 +6,47 @@ import { css } from "@emotion/react";
export const injectGlobalStyles = () => css`
@font-face {
font-family: 'mono';
src: url('https://bafkreialkhtjtpwocdadbmra3o7mii47bzgl3k2v2ossrpvhk3qqsbqtza.ipfs.slate.textile.io');
src: url('https://slate.textile.io/ipfs/bafkreialkhtjtpwocdadbmra3o7mii47bzgl3k2v2ossrpvhk3qqsbqtza');
}
@font-face {
font-family: 'mono-bold';
src: url('https://bafkreigaktonxehwl5bzah5ze4iruw272qybj22wpy32pgrcka3y4jvhc4.ipfs.slate.textile.io');
src: url('https://slate.textile.io/ipfs/bafkreigaktonxehwl5bzah5ze4iruw272qybj22wpy32pgrcka3y4jvhc4');
}
@font-face {
font-family: 'inter-regular';
src: url('https://bafkreic3hkcuwvrmf6trweqcjp62valsfjh3zvwacikoreynakgw67wrvy.ipfs.slate.textile.io');
src: url('https://slate.textile.io/ipfs/bafkreic3hkcuwvrmf6trweqcjp62valsfjh3zvwacikoreynakgw67wrvy');
}
@font-face {
font-family: 'inter-semi-bold';
src: url('https://bafkreiaezvuz6wawoqyntfl4gbprol3e7majovgof3uxvhilvd2pgk4w54.ipfs.slate.textile.io');
src: url('https://slate.textile.io/ipfs/bafkreiaezvuz6wawoqyntfl4gbprol3e7majovgof3uxvhilvd2pgk4w54');
}
@font-face {
font-family: 'inter-medium';
src: url('https://bafkreiapyxmqjwoowqpek2cjocouzxoalwlzwwbv3dscug3e5l2ok7xmqe.ipfs.slate.textile.io');
src: url('https://slate.textile.io/ipfs/bafkreiapyxmqjwoowqpek2cjocouzxoalwlzwwbv3dscug3e5l2ok7xmqe');
}
@font-face {
font-family: 'fira-code-regular';
src: url('https://bafkreibtxh3xdwh6rp2k2uhtjssialbm25girhsck7qks2psycnzwvmtke.ipfs.slate.textile.io');
src: url('https://slate.textile.io/ipfs/bafkreibtxh3xdwh6rp2k2uhtjssialbm25girhsck7qks2psycnzwvmtke');
}
@font-face {
font-family: 'fira-code-bold';
src: url('https://bafkreidyich64vyb4nqzvn6uvfcgsbegafe7dqd2ks4wjtcg5jwte6aetm.ipfs.slate.textile.io');
src: url('https://slate.textile.io/ipfs/bafkreidyich64vyb4nqzvn6uvfcgsbegafe7dqd2ks4wjtcg5jwte6aetm');
}
@font-face {
font-family: 'jet-brains-regular';
src: url('https://bafkreiabqv4534pnjhohcc2aclsgbp2twugldrlzg6wqdehajerrcwgu7e.ipfs.slate.textile.io');
src: url('https://slate.textile.io/ipfs/bafkreiabqv4534pnjhohcc2aclsgbp2twugldrlzg6wqdehajerrcwgu7e');
}
@font-face {
font-family: 'jet-brains-bold';
src: url('https://bafkreiejfxvbejf4a56x5tdo6w3n2kkrynwniv65rkkmrozxujroq6v4am.ipfs.slate.textile.io');
src: url('https://slate.textile.io/ipfs/bafkreiejfxvbejf4a56x5tdo6w3n2kkrynwniv65rkkmrozxujroq6v4am');
}
html, body, div, span, applet, object, iframe,

6
components/core/DataView.js
View File

@ -424,10 +424,10 @@ export default class DataView extends React.Component {
onClick={() => this._handleSelect(index)}
>
<SlateMediaObjectPreview
url={`https://${each.ipfs.replace(
url={`${Constants.gateways.ipfs}/${each.ipfs.replace(
"/ipfs/",
""
)}.ipfs.slate.textile.io`}
)}`}
title={each.file || each.name}
type={each.type || each.icon}
/>
@ -486,7 +486,7 @@ export default class DataView extends React.Component {
onClick: (e) =>
this._handleCopy(
e,
`https://${cid}.ipfs.slate.textile.io`
`${Constants.gateways.ipfs}/${cid}`
),
},
{

2
components/core/NewWebsitePrototypeFooter.js
View File

@ -76,7 +76,7 @@ export const NewWebsitePrototypeFooter = (props) => {
<img
css={STYLES_TRADEMARK}
width="20px"
src="https://bafkreigojwgoqkcpi4oyjoncmiuacg3zen7mlg75fkz27k5n32golvbkb4.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafkreigojwgoqkcpi4oyjoncmiuacg3zen7mlg75fkz27k5n32golvbkb4"
/>
</div>
<div>

2
components/core/WebsitePrototypeWrapper.js
View File

@ -7,7 +7,7 @@ import { GoogleScript } from "~/common/analytics";
export default class WebsitePrototypeWrapper extends React.Component {
static defaultProps = {
image:
"https://bafybeihtmqpx2lnlvaerfhq5imi2y3jzuf4jqspmmqbth3ebim4ebc2lqy.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeihtmqpx2lnlvaerfhq5imi2y3jzuf4jqspmmqbth3ebim4ebc2lqy",
};
render() {

4
components/system/SystemPage.js
View File

@ -142,7 +142,7 @@ export default class SystemPage extends React.Component {
<meta property="og:description" content={description} />
<meta
property="og:image"
content="https://bafkreifknnc7rs7u7qrwc72dzaazzk3f3r4dnp3m4cuzdnr5zfckaet3se.ipfs.slate.textile.io/"
content="https://slate.textile.io/ipfs/bafkreifknnc7rs7u7qrwc72dzaazzk3f3r4dnp3m4cuzdnr5zfckaet3se"
/>
<meta property="twitter:card" content="summary_large_image" />
@ -151,7 +151,7 @@ export default class SystemPage extends React.Component {
<meta property="twitter:description" content={description} />
<meta
property="twitter:image"
content="https://bafkreifknnc7rs7u7qrwc72dzaazzk3f3r4dnp3m4cuzdnr5zfckaet3se.ipfs.slate.textile.io/"
content="https://slate.textile.io/ipfs/bafkreifknnc7rs7u7qrwc72dzaazzk3f3r4dnp3m4cuzdnr5zfckaet3se"
/>
<link

2
components/system/modules/FriendsList.js
View File

@ -7,7 +7,7 @@ import { css } from "@emotion/react";
import { Table } from "~/components/system/components/Table";
import { StatUpload, StatDownload } from "~/components/system/components/Stat";
let genericImg = `https://bafybeiblly23jomdjjiq7ilth667npcfm5llqb5xfstodbbfa5pxtoek7u.${Constants.gateways.ipfs}`;
let genericImg = `${Constants.gateways.ipfs}/bafybeiblly23jomdjjiq7ilth667npcfm5llqb5xfstodbbfa5pxtoek7u`;
const STYLES_BUTTON = `
font-family: ${Constants.font.text};

2
node_common/constants.js
View File

@ -1,6 +1,6 @@
export const POLLING_RATE = 5000;
export const POWERGATE_HOST = "https://grpcweb.slate.textile.io";
export const IPFS_GATEWAY_DOMAIN = "ipfs.slate.textile.io";
export const IPFS_GATEWAY_URL = "https://slate.textile.io/ipfs";
export const FILE_STORAGE_URL = "./public/static/files/";
export const GITHUB_URL = "https://github.com/filecoin-project/slate";
export const ANALYTICS_URL = "https://slate-stats-dev.azurewebsites.net/";

20
pages/_/experiences/friends-list.js
View File

@ -14,13 +14,13 @@ const friendsList = {
id: 72572959238,
user: "@martina",
img:
"https://bafybeiguo2uhd63reslbqkkgsqedgeikhtuwn5lzqpnqzluoaa3rnkfcvi.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafybeiguo2uhd63reslbqkkgsqedgeikhtuwn5lzqpnqzluoaa3rnkfcvi",
},
{
id: 2572952030,
user: "@jim",
img:
"https://bafybeicuz5wrxonu7ud6eskrnshxb66ksg3ncu3ie776xuiydlxrkfuvmu.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafybeicuz5wrxonu7ud6eskrnshxb66ksg3ncu3ie776xuiydlxrkfuvmu",
},
],
friends: [
@ -41,7 +41,7 @@ const friendsList = {
id: 637838385993,
user: "@aaron",
img:
"https://bafkreicb2lookm56omsfjwuwuziwftizmdsj4oneveuqiqlu6k5hc7j5nq.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafkreicb2lookm56omsfjwuwuziwftizmdsj4oneveuqiqlu6k5hc7j5nq",
info: {
chainHead:
"bafyl5q5qo5wolfxsui4ciujfucqwf6gqso4lettcjwl2tyismgol7c4tngvoono5rmytuqotye7oosfjv6g7a",
@ -55,7 +55,7 @@ const friendsList = {
id: 982799203032,
user: "@colin",
img:
"https://bafybeigxb4arecl6iwsvjnwzi2lqpmmif6l2kgwptac7q3tzqmsimci2yq.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafybeigxb4arecl6iwsvjnwzi2lqpmmif6l2kgwptac7q3tzqmsimci2yq",
info: {
chainHead:
"t3ual5q5qo5wolfxsui4ciujfucqwf6gqso4lettcjwl2tyismgol7c4tngvoono5rmytuqotye7oosfjv6g7a",
@ -69,7 +69,7 @@ const friendsList = {
id: 673883729083,
user: "@jason",
img:
"https://bafybeicp3x3poprnrsxhnqscsiuobxejxsbcsu2t4yhte6qmcofjvjqbn4.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafybeicp3x3poprnrsxhnqscsiuobxejxsbcsu2t4yhte6qmcofjvjqbn4",
info: {
chainHead:
"t3solnyrrblqlmvi6gmzewzvu62vs7uqvkl22yemzr63bcylbaaqsg44mnipepuafg7efzzx4zwcsi66jgze3q",
@ -97,13 +97,13 @@ export default class SystemPagePeersList extends React.Component {
id: 72572959238,
user: "@martina",
img:
"https://bafybeiguo2uhd63reslbqkkgsqedgeikhtuwn5lzqpnqzluoaa3rnkfcvi.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafybeiguo2uhd63reslbqkkgsqedgeikhtuwn5lzqpnqzluoaa3rnkfcvi",
},
{
id: 2572952030,
user: "@jim",
img:
"https://bafybeicuz5wrxonu7ud6eskrnshxb66ksg3ncu3ie776xuiydlxrkfuvmu.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafybeicuz5wrxonu7ud6eskrnshxb66ksg3ncu3ie776xuiydlxrkfuvmu",
},
],
friends: [
@ -124,7 +124,7 @@ export default class SystemPagePeersList extends React.Component {
id: 637838385993,
user: "@aaron",
img:
"https://bafkreicb2lookm56omsfjwuwuziwftizmdsj4oneveuqiqlu6k5hc7j5nq.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafkreicb2lookm56omsfjwuwuziwftizmdsj4oneveuqiqlu6k5hc7j5nq",
info: {
chainHead:
"bafyl5q5qo5wolfxsui4ciujfucqwf6gqso4lettcjwl2tyismgol7c4tngvoono5rmytuqotye7oosfjv6g7a",
@ -138,7 +138,7 @@ export default class SystemPagePeersList extends React.Component {
id: 982799203032,
user: "@colin",
img:
"https://bafybeigxb4arecl6iwsvjnwzi2lqpmmif6l2kgwptac7q3tzqmsimci2yq.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafybeigxb4arecl6iwsvjnwzi2lqpmmif6l2kgwptac7q3tzqmsimci2yq",
info: {
chainHead:
"t3ual5q5qo5wolfxsui4ciujfucqwf6gqso4lettcjwl2tyismgol7c4tngvoono5rmytuqotye7oosfjv6g7a",
@ -152,7 +152,7 @@ export default class SystemPagePeersList extends React.Component {
id: 673883729083,
user: "@jason",
img:
"https://bafybeicp3x3poprnrsxhnqscsiuobxejxsbcsu2t4yhte6qmcofjvjqbn4.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafybeicp3x3poprnrsxhnqscsiuobxejxsbcsu2t4yhte6qmcofjvjqbn4",
info: {
chainHead:
"t3solnyrrblqlmvi6gmzewzvu62vs7uqvkl22yemzr63bcylbaaqsg44mnipepuafg7efzzx4zwcsi66jgze3q",

20
pages/_/marketing-candidate/community.js
View File

@ -247,7 +247,7 @@ export default class CommunityPage extends React.Component {
<div css={STYLES_TEXT_BLOCK}>
<img
css={STYLES_HEROIMG}
src="https://bafybeigtl3tjyozxxkabdvfdhopkep62ux4grgritlslwusgww6gdmm5da.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeigtl3tjyozxxkabdvfdhopkep62ux4grgritlslwusgww6gdmm5da"
alt="blocks evolving into different structures"
/>
<h1 css={STYLES_H1}>Community</h1>
@ -385,7 +385,7 @@ export default class CommunityPage extends React.Component {
<img
css={STYLES_IMG}
alt="Github Profile Photo for Pooja Shah"
src="https://bafkreifqrmwuvlky7urkmkxyswksyjjpxvk62jwqgol35bfdfshgmcjmba.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafkreifqrmwuvlky7urkmkxyswksyjjpxvk62jwqgol35bfdfshgmcjmba"
/>
<div css={STYLES_CARD_TEXT}>
<p css={STYLES_CARD_NAME}>Pooja Shah</p>
@ -402,7 +402,7 @@ export default class CommunityPage extends React.Component {
<img
css={STYLES_IMG}
alt="Github Profile Photo for Why"
src="https://bafkreiczwqnp5c6msa42pihhobagcbq6r5lkxuucmm3rmccb5lh46x3h7u.ipfs.slate.textile.io"
src="https://slate.textile.io/ipfs/bafkreiczwqnp5c6msa42pihhobagcbq6r5lkxuucmm3rmccb5lh46x3h7u"
/>
<div css={STYLES_CARD_TEXT}>
<p css={STYLES_CARD_NAME}>Why</p>
@ -419,7 +419,7 @@ export default class CommunityPage extends React.Component {
<img
css={STYLES_IMG}
alt="Github Profile Photo for Aaron Sutula"
src="https://bafkreihl4pll4esqivugvam7d7j6oxbms4kz6c3azq77vf2ittwuon2dy4.ipfs.slate.textile.io"
src="https://slate.textile.io/ipfs/bafkreihl4pll4esqivugvam7d7j6oxbms4kz6c3azq77vf2ittwuon2dy4"
/>
<div css={STYLES_CARD_TEXT}>
<p css={STYLES_CARD_NAME}>Aaron Sutula</p>
@ -436,7 +436,7 @@ export default class CommunityPage extends React.Component {
<img
css={STYLES_IMG}
alt="Github Profile Photo for Ignacio Hagopian"
src="https://bafkreieqpfn4bpqv3yrdr22surdngc3xyn574miybm3awjosfu6fcmbd6a.ipfs.slate.textile.io"
src="https://slate.textile.io/ipfs/bafkreieqpfn4bpqv3yrdr22surdngc3xyn574miybm3awjosfu6fcmbd6a"
/>
<div css={STYLES_CARD_TEXT}>
<p css={STYLES_CARD_NAME}>Ignacio Hagopian</p>
@ -453,7 +453,7 @@ export default class CommunityPage extends React.Component {
<img
css={STYLES_IMG}
alt="Github Profile Photo for Sander Pick"
src="https://bafkreial7bum4chyd2rubvxkyufis4qczvb7xerrzis7eg6gyshbf7ltci.ipfs.slate.textile.io"
src="https://slate.textile.io/ipfs/bafkreial7bum4chyd2rubvxkyufis4qczvb7xerrzis7eg6gyshbf7ltci"
/>
<div css={STYLES_CARD_TEXT}>
<p css={STYLES_CARD_NAME}>Sander Pick</p>
@ -470,7 +470,7 @@ export default class CommunityPage extends React.Component {
<img
css={STYLES_IMG}
alt="Github Profile Photo for Andrew Hill"
src="https://bafkreighz4m7bqjmt7cidgbbocbzp65f4liuzebwq6d64t27slhpe2cigm.ipfs.slate.textile.io"
src="https://slate.textile.io/ipfs/bafkreighz4m7bqjmt7cidgbbocbzp65f4liuzebwq6d64t27slhpe2cigm"
/>
<div css={STYLES_CARD_TEXT}>
<p css={STYLES_CARD_NAME}>Andrew Hill</p>
@ -489,7 +489,7 @@ export default class CommunityPage extends React.Component {
<img
css={STYLES_IMG}
alt="Github Profile Photo for Akuoko Daniel Jnr"
src="https://bafkreibpqkmnm6vijyxlkbcjyayoo7b6tnf4tzelzsi4wk3z6o7enhpbrm.ipfs.slate.textile.io"
src="https://slate.textile.io/ipfs/bafkreibpqkmnm6vijyxlkbcjyayoo7b6tnf4tzelzsi4wk3z6o7enhpbrm"
/>
<div css={STYLES_CARD_TEXT}>
<p css={STYLES_CARD_NAME}>Akuoko Daniel Jnr</p>
@ -507,7 +507,7 @@ export default class CommunityPage extends React.Component {
<img
css={STYLES_IMG}
alt="Github Profile Photo for Narative"
src="https://bafkreihgmyxi2rzp4gtkoxwkrajiwivrbttixfjrdfb6qz5fhpdaofrhoi.ipfs.slate.textile.io"
src="https://slate.textile.io/ipfs/bafkreihgmyxi2rzp4gtkoxwkrajiwivrbttixfjrdfb6qz5fhpdaofrhoi"
/>
<div css={STYLES_CARD_TEXT}>
<p css={STYLES_CARD_NAME}>Narative</p>
@ -524,7 +524,7 @@ export default class CommunityPage extends React.Component {
<img
css={STYLES_IMG}
alt="Github Profile Photo for Colin S. Mccaleb"
src="https://bafkreigxhplpm7adi3p77eljj3g66lcnnzig7m6ihpervxwqeti3tbqudi.ipfs.slate.textile.io"
src="https://slate.textile.io/ipfs/bafkreigxhplpm7adi3p77eljj3g66lcnnzig7m6ihpervxwqeti3tbqudi"
/>
<div css={STYLES_CARD_TEXT}>
<p css={STYLES_CARD_NAME}>Colin S. McCaleb</p>

2
pages/_/marketing-candidate/download.js
View File

@ -193,7 +193,7 @@ export default class IndexPage extends React.Component {
</p>
<img
css={STYLES_IMG}
src="https://bafybeibwppu23j5wgshqvm5qyqv3c6pmhp3y5irdwn3ivvnnrpexiguzbi.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeibwppu23j5wgshqvm5qyqv3c6pmhp3y5irdwn3ivvnnrpexiguzbi"
alt="Slate browser extension"
/>
</div>

2
pages/_/system/index.js
View File

@ -14,7 +14,7 @@ export default class SystemPageRoot extends React.Component {
url="https://slate.host/_/system"
>
<img
src="https://bafybeidu5v3ytcy3ynghrmu7zftfinpt3s5pghqmpytrohmpk57ba4suye.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeidu5v3ytcy3ynghrmu7zftfinpt3s5pghqmpytrohmpk57ba4suye"
style={{
display: "inline-flex",
width: "100%",

2
pages/api/slates/add-url.js
View File

@ -78,7 +78,7 @@ export default async (req, res) => {
name: req.body.data.name,
title: req.body.data.title,
type: req.body.data.type,
url: `https://${cid}.${Constants.IPFS_GATEWAY_DOMAIN}`,
url: `${Constants.IPFS_GATEWAY_URL}/${cid}`,
},
];

2
pages/api/users/create.js
View File

@ -56,7 +56,7 @@ export default async (req, res) => {
username: req.body.data.username.toLowerCase(),
data: {
photo:
"https://bafkreibf3hoiyuk2ywjyoy24ywaaclo4k5rz53flesvr5h4qjlyzxamozm.ipfs.slate.textile.io",
"https://slate.textile.io/ipfs/bafkreibf3hoiyuk2ywjyoy24ywaaclo4k5rz53flesvr5h4qjlyzxamozm",
body: "A user of Slate.",
settings_deals_auto_approve: false,
tokens: { api },

2
pages/api/v1/upload-data/[id].js
View File

@ -135,7 +135,7 @@ export default async (req, res) => {
}
const cid = updatedData.ipfs.replace("/ipfs/", "");
const url = `https://${cid}.${Constants.IPFS_GATEWAY_DOMAIN}`;
const url = `${Constants.IPFS_GATEWAY_URL}/${cid}`;
const newSlateObjectEntity = {
id: updatedData.id,
name: updatedData.name,

58
pages/index-t.js
View File

@ -413,7 +413,7 @@ const STYLES_SLATE_CARD_URBAN_GARDENS = css`
border-radius: 4px;
height: 100%;
:hover {
background-image: url(https://bafybeiff7y4kz4e2z4nfso4nsgdbkfsyroa62jvvldoxafuaf34m7lticu.ipfs.slate.textile.io/);
background-image: url(https://slate.textile.io/ipfs/bafybeiff7y4kz4e2z4nfso4nsgdbkfsyroa62jvvldoxafuaf34m7lticu);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -424,7 +424,7 @@ const STYLES_SLATE_CARD_SHAPES_LETTERS = css`
borderradius: 4px;
height: 100%;
:hover {
background-image: url(https://bafybeifgxtl7mq5djnorxedzi35hkizjmbjvdy3nnoitd3xvdnqpmruxbm.ipfs.slate.textile.io/);
background-image: url(https://slate.textile.io/ipfs/bafybeifgxtl7mq5djnorxedzi35hkizjmbjvdy3nnoitd3xvdnqpmruxbm);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -435,7 +435,7 @@ const STYLES_SLATE_CARD_MOUNTIANS = css`
border-radius: 4px;
height: 100%;
:hover {
background-image: url(https://bafkreies6uykgocrkunrsndxfubntyqvfqzo5wuwyos42vak6d4qnvtdn4.ipfs.slate.textile.io/);
background-image: url(https://slate.textile.io/ipfs/bafkreies6uykgocrkunrsndxfubntyqvfqzo5wuwyos42vak6d4qnvtdn4);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -446,7 +446,7 @@ const STYLES_SLATE_CARD_LOOM = css`
border-radius: 4px;
height: 100%;
:hover {
background-image: url(https://bafybeifl5xzy4vjctrsr3jywdlv5ceq3hpaadhcii2ekjx2gljyagveqna.ipfs.slate.textile.io/);
background-image: url(https://slate.textile.io/ipfs/bafybeifl5xzy4vjctrsr3jywdlv5ceq3hpaadhcii2ekjx2gljyagveqna);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -457,7 +457,7 @@ const STYLES_SLATE_CARD_BRAND = css`
border-radius: 4px;
height: 100%;
:hover {
background-image: url(https://bafybeiaerbu2nivrgncqtwgwom27caji25netswvjbo6tcmbka47ucmupa.ipfs.slate.textile.io/);
background-image: url(https://slate.textile.io/ipfs/bafybeiaerbu2nivrgncqtwgwom27caji25netswvjbo6tcmbka47ucmupa);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -468,7 +468,7 @@ const STYLES_SLATE_CARD_UNDERGROUND = css`
border-radius: 4px;
height: 100%;
:hover {
background-image: url(https://bafybeieblkyt6d7wg4xmltshvxm6w7tz4c3zjpjuu4yfhiak36debqccda.ipfs.slate.textile.io/);
background-image: url(https://slate.textile.io/ipfs/bafybeieblkyt6d7wg4xmltshvxm6w7tz4c3zjpjuu4yfhiak36debqccda);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -479,7 +479,7 @@ const STYLES_SLATE_CARD_MONET = css`
border-radius: 4px;
height: 100%;
:hover {
background-image: url(https://bafkreieb4yfiamtipapmhoihl547lxeod2vfku67dimrhmab5tcglr5bli.ipfs.slate.textile.io/);
background-image: url(https://slate.textile.io/ipfs/bafkreieb4yfiamtipapmhoihl547lxeod2vfku67dimrhmab5tcglr5bli);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -490,7 +490,7 @@ const STYLES_SLATE_CARD_BOOK_SHELF = css`
border-radius: 4px;
height: 100%;
:hover {
background-image: url(https://bafkreihe7ismqfyytekj6yvbv6mpbc5de3gozk6n7a47smodbcsnrhbpri.ipfs.slate.textile.io/);
background-image: url(https://slate.textile.io/ipfs/bafkreihe7ismqfyytekj6yvbv6mpbc5de3gozk6n7a47smodbcsnrhbpri);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -501,7 +501,7 @@ const STYLES_SLATE_CARD_PAPERS = css`
border-radius: 4px;
height: 100%;
:hover {
background-image: url(https://bafkreif7l2vxkvdyrydcjwjjrrmqq73id3tdrdkf3z54tp2fotc75wkdwm.ipfs.slate.textile.io/);
background-image: url(https://slate.textile.io/ipfs/bafkreif7l2vxkvdyrydcjwjjrrmqq73id3tdrdkf3z54tp2fotc75wkdwm);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -557,11 +557,11 @@ export default class IndexPage extends React.Component {
autoPlay
loop
muted
src="https://bafybeidfr2x5ftxzixjxtrgiqm6iuotzip25tlrpase226jog3tqenqd4a.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeidfr2x5ftxzixjxtrgiqm6iuotzip25tlrpase226jog3tqenqd4a"
type="video/m4v"
playsInline
style={{
backgroundImage: `url('https://bafybeict43te7wcy7pdw3v45dwwedwxw7yjthbytdsja6dpsiqkgil7iey.ipfs.slate.textile.io/')`,
backgroundImage: `url('https://slate.textile.io/ipfs/bafybeict43te7wcy7pdw3v45dwwedwxw7yjthbytdsja6dpsiqkgil7iey')`,
borderRadius: `4px`,
width: `100%`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`,
@ -647,11 +647,11 @@ export default class IndexPage extends React.Component {
loop
muted
css={STYLES_VIDEO_SMALL}
src="https://bafybeiawzns4vxqp3llkzmc4shvytzpurysh26yj3aljde4d4fsgf7wlze.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeiawzns4vxqp3llkzmc4shvytzpurysh26yj3aljde4d4fsgf7wlze"
type="video/mp4"
playsInline
style={{
backgroundImage: `url('https://bafybeihez3rtyqqftx7mkyktwozyqjkwdtk2kglxqjc4zspah26bva3yk4.ipfs.slate.textile.io/')`,
backgroundImage: `url('https://slate.textile.io/ipfs/bafybeihez3rtyqqftx7mkyktwozyqjkwdtk2kglxqjc4zspah26bva3yk4')`,
backgroundSize: `cover`,
borderRadius: `4px`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`
@ -664,11 +664,11 @@ export default class IndexPage extends React.Component {
loop
muted
css={STYLES_VIDEO_SMALL}
src="https://bafybeiczug4d6uyr4pkejdwirkeffbzkkzrbaprxvreid6iitw3pmjzq3q.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeiczug4d6uyr4pkejdwirkeffbzkkzrbaprxvreid6iitw3pmjzq3q"
type="video/mp4"
playsInline
style={{
backgroundImage: `url('https://bafybeidnt2l3lslxi7ofkxs5ffncsh4fw5h2ohbukxumngrqj5pdrooaou.ipfs.slate.textile.io/')`,
backgroundImage: `url('https://slate.textile.io/ipfs/bafybeidnt2l3lslxi7ofkxs5ffncsh4fw5h2ohbukxumngrqj5pdrooaou')`,
backgroundSize: `cover`,
borderRadius: `4px`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`
@ -683,11 +683,11 @@ export default class IndexPage extends React.Component {
loop
muted
css={STYLES_VIDEO_SMALL}
src="https://bafkreid7wl4443p764ozdlqtodh7dmsej6ffayp4tc3lr3hil2qkclrohi.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafkreid7wl4443p764ozdlqtodh7dmsej6ffayp4tc3lr3hil2qkclrohi"
type="video/mp4"
playsInline
style={{
backgroundImage: `url('https://bafkreibb3onijljnmonrbs7qguimjf5qwbnkx3m33pouxbtar2yb7hupti.ipfs.slate.textile.io/')`,
backgroundImage: `url('https://slate.textile.io/ipfs/bafkreibb3onijljnmonrbs7qguimjf5qwbnkx3m33pouxbtar2yb7hupti')`,
backgroundSize: `cover`,
borderRadius: `4px`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`
@ -700,11 +700,11 @@ export default class IndexPage extends React.Component {
loop
muted
css={STYLES_VIDEO_SMALL}
src="https://bafybeicjovnsnhvt7xwjw3igdwwpb4ms2m23fayoydj3oevrwyi7dzjtga.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeicjovnsnhvt7xwjw3igdwwpb4ms2m23fayoydj3oevrwyi7dzjtga"
type="video/mp4"
playsInline
style={{
backgroundImage: `url('https://bafkreihu7k46n6eixx6sxjv7aolou5bgvksvb7ryju3gbwie22t6r2dhli.ipfs.slate.textile.io/')`,
backgroundImage: `url('https://slate.textile.io/ipfs/bafkreihu7k46n6eixx6sxjv7aolou5bgvksvb7ryju3gbwie22t6r2dhli')`,
backgroundSize: `cover`,
borderRadius: `4px`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`
@ -730,7 +730,7 @@ export default class IndexPage extends React.Component {
<div>
<img
css={STYLES_MEDIA_LEFT}
src="https://bafybeig46uuyp3fkjpk2edeqlmt26r3rxdola52dy7kbgvjms6olyucjdu.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeig46uuyp3fkjpk2edeqlmt26r3rxdola52dy7kbgvjms6olyucjdu"
alt="Slate Web Clipper being used in chrome dropdown menu"
/>
</div>
@ -758,11 +758,11 @@ export default class IndexPage extends React.Component {
autoPlay
loop
muted
src="https://bafybeiagnzwfvdsqqxamlpru2fulmwzlgaqtg4ys4gs4wfnm5rq75c2cs4.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeiagnzwfvdsqqxamlpru2fulmwzlgaqtg4ys4gs4wfnm5rq75c2cs4"
type="video/mp4"
playsInline
style={{
backgroundImage: `url('https://bafybeicoaponp2nv3ikpsjgcgu7pio6aercflsvsiyxrpaonza7ncg73dq.ipfs.slate.textile.io/')`,
backgroundImage: `url('https://slate.textile.io/ipfs/bafybeicoaponp2nv3ikpsjgcgu7pio6aercflsvsiyxrpaonza7ncg73dq')`,
backgroundSize: `cover`,
borderRadius: `4px`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`
@ -776,11 +776,11 @@ export default class IndexPage extends React.Component {
autoPlay
loop
muted
src="https://bafybeigstyjfpzazdlmgkfuhw4yxrneux3opvbls7nmv6gq7dbnhmy6xwy.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeigstyjfpzazdlmgkfuhw4yxrneux3opvbls7nmv6gq7dbnhmy6xwy"
type="video/mp4"
playsInline
style={{
backgroundImage: `url('https://bafybeie4p45yfvbjdzc2rgw67e7crcltpu7o544xtugs3wyv3qh3t3oegi.ipfs.slate.textile.io/')`,
backgroundImage: `url('https://slate.textile.io/ipfs/bafybeie4p45yfvbjdzc2rgw67e7crcltpu7o544xtugs3wyv3qh3t3oegi')`,
backgroundSize: `cover`,
borderRadius: `4px`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`
@ -794,11 +794,11 @@ export default class IndexPage extends React.Component {
autoPlay
loop
muted
src="https://bafybeiampkmsxeihxnuz2hkgbhtzosgkwghslpwm7dsrxrzlqwa7tvzreq.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeiampkmsxeihxnuz2hkgbhtzosgkwghslpwm7dsrxrzlqwa7tvzreq"
type="video/mp4"
playsInline
style={{
backgroundImage: `url('https://bafkreiglefskwq7bpa3aazihegawd4qwxockl6shipnps7zlokrbnu4f7u.ipfs.slate.textile.io/')`,
backgroundImage: `url('https://slate.textile.io/ipfs/bafkreiglefskwq7bpa3aazihegawd4qwxockl6shipnps7zlokrbnu4f7u')`,
backgroundSize: `cover`,
borderRadius: `4px`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`
@ -828,11 +828,11 @@ export default class IndexPage extends React.Component {
autoPlay
loop
muted
src="https://bafybeih63zq5f7htbhkmrog447ybytyid2yi6fix4k6z3pbegxpcq2r2qa.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeih63zq5f7htbhkmrog447ybytyid2yi6fix4k6z3pbegxpcq2r2qa"
type="video/mp4"
playsInline
style={{
backgroundImage: `url('https://bafkreiagwjqvmisseb6voj7cwd3lhjudigkel63hqg6efpqjmhlfv5ucj4.ipfs.slate.textile.io/')`,
backgroundImage: `url('https://slate.textile.io/ipfs/bafkreiagwjqvmisseb6voj7cwd3lhjudigkel63hqg6efpqjmhlfv5ucj4')`,
backgroundSize: `cover`,
borderRadius: `4px`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`
@ -869,7 +869,7 @@ export default class IndexPage extends React.Component {
<div>
<img
css={STYLES_MEDIA_RIGHT_OVERLAP}
src="https://bafybeiaex6rorqtumulc4x3u4sbl5pdbn5sx45mvm6uvbebu4cxgk3okjy.ipfs.slate.textile.io/"
src="https://slate.textile.io/ipfs/bafybeiaex6rorqtumulc4x3u4sbl5pdbn5sx45mvm6uvbebu4cxgk3okjy"
alt="Slate logo in frosted cube"
/>
</div>

58
pages/index.js
View File

@ -15,103 +15,103 @@ const USER_SLATES = [
url: "https://slate.host/gndclouds/urban-gardens",
username: "gndclouds",
preview:
"https://bafybeiff7y4kz4e2z4nfso4nsgdbkfsyroa62jvvldoxafuaf34m7lticu.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeiff7y4kz4e2z4nfso4nsgdbkfsyroa62jvvldoxafuaf34m7lticu",
},
{
name: "Shapes and Letters",
url: "https://slate.host/haris/shapes-and-letters",
username: "haris",
preview:
"https://bafybeifgxtl7mq5djnorxedzi35hkizjmbjvdy3nnoitd3xvdnqpmruxbm.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeifgxtl7mq5djnorxedzi35hkizjmbjvdy3nnoitd3xvdnqpmruxbm",
},
{
name: "Mountains",
url: "https://slate.host/jason/mountains",
username: "jason",
preview:
"https://bafkreies6uykgocrkunrsndxfubntyqvfqzo5wuwyos42vak6d4qnvtdn4.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafkreies6uykgocrkunrsndxfubntyqvfqzo5wuwyos42vak6d4qnvtdn4",
},
{
name: "Loom",
url: "https://slate.host/tara/loom",
username: "tara",
preview:
"https://bafybeifl5xzy4vjctrsr3jywdlv5ceq3hpaadhcii2ekjx2gljyagveqna.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeifl5xzy4vjctrsr3jywdlv5ceq3hpaadhcii2ekjx2gljyagveqna",
},
{
name: "Brand",
url: "https://slate.host/slate/brand",
username: "slate",
preview:
"https://bafybeiaerbu2nivrgncqtwgwom27caji25netswvjbo6tcmbka47ucmupa.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeiaerbu2nivrgncqtwgwom27caji25netswvjbo6tcmbka47ucmupa",
},
{
name: "Montreal underground",
url: "https://slate.host/tcosta/montreal-underground",
username: "tcosta",
preview:
"https://bafybeieblkyt6d7wg4xmltshvxm6w7tz4c3zjpjuu4yfhiak36debqccda.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeieblkyt6d7wg4xmltshvxm6w7tz4c3zjpjuu4yfhiak36debqccda",
},
{
name: "Monet",
url: "https://slate.host/slate/monet",
username: "slate",
preview:
"https://bafkreieb4yfiamtipapmhoihl547lxeod2vfku67dimrhmab5tcglr5bli.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafkreieb4yfiamtipapmhoihl547lxeod2vfku67dimrhmab5tcglr5bli",
},
{
name: "Books",
url: "https://slate.host/haris/books",
username: "haris",
preview:
"https://bafkreihe7ismqfyytekj6yvbv6mpbc5de3gozk6n7a47smodbcsnrhbpri.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafkreihe7ismqfyytekj6yvbv6mpbc5de3gozk6n7a47smodbcsnrhbpri",
},
{
name: "Papers",
url: "https://slate.host/slate/papers",
username: "slate",
preview:
"https://bafkreif7l2vxkvdyrydcjwjjrrmqq73id3tdrdkf3z54tp2fotc75wkdwm.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafkreif7l2vxkvdyrydcjwjjrrmqq73id3tdrdkf3z54tp2fotc75wkdwm",
},
];
const ASSET_HERO = {
src:
"https://bafybeidfr2x5ftxzixjxtrgiqm6iuotzip25tlrpase226jog3tqenqd4a.ipfs.slate.textile.io/",
backgroundImage: `https://bafybeict43te7wcy7pdw3v45dwwedwxw7yjthbytdsja6dpsiqkgil7iey.ipfs.slate.textile.io/`,
"https://slate.textile.io/ipfs/bafybeidfr2x5ftxzixjxtrgiqm6iuotzip25tlrpase226jog3tqenqd4a",
backgroundImage: `https://slate.textile.io/ipfs/bafybeict43te7wcy7pdw3v45dwwedwxw7yjthbytdsja6dpsiqkgil7iey`,
};
const ASSET_HERO_COLLABORATE = {
src:
"https://bafybeih63zq5f7htbhkmrog447ybytyid2yi6fix4k6z3pbegxpcq2r2qa.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeih63zq5f7htbhkmrog447ybytyid2yi6fix4k6z3pbegxpcq2r2qa",
backgroundImage:
"https://bafkreiagwjqvmisseb6voj7cwd3lhjudigkel63hqg6efpqjmhlfv5ucj4.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafkreiagwjqvmisseb6voj7cwd3lhjudigkel63hqg6efpqjmhlfv5ucj4",
};
const ASSETS_SMALL = [
{
src:
"https://bafybeiawzns4vxqp3llkzmc4shvytzpurysh26yj3aljde4d4fsgf7wlze.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeiawzns4vxqp3llkzmc4shvytzpurysh26yj3aljde4d4fsgf7wlze",
backgroundImage:
"https://bafybeihez3rtyqqftx7mkyktwozyqjkwdtk2kglxqjc4zspah26bva3yk4.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeihez3rtyqqftx7mkyktwozyqjkwdtk2kglxqjc4zspah26bva3yk4",
},
{
src:
"https://bafybeiczug4d6uyr4pkejdwirkeffbzkkzrbaprxvreid6iitw3pmjzq3q.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeiczug4d6uyr4pkejdwirkeffbzkkzrbaprxvreid6iitw3pmjzq3q",
backgroundImage:
"https://bafybeidnt2l3lslxi7ofkxs5ffncsh4fw5h2ohbukxumngrqj5pdrooaou.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeidnt2l3lslxi7ofkxs5ffncsh4fw5h2ohbukxumngrqj5pdrooaou",
},
{
src:
"https://bafkreid7wl4443p764ozdlqtodh7dmsej6ffayp4tc3lr3hil2qkclrohi.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafkreid7wl4443p764ozdlqtodh7dmsej6ffayp4tc3lr3hil2qkclrohi",
backgroundImage:
"https://bafkreibb3onijljnmonrbs7qguimjf5qwbnkx3m33pouxbtar2yb7hupti.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafkreibb3onijljnmonrbs7qguimjf5qwbnkx3m33pouxbtar2yb7hupti",
},
{
src:
"https://bafybeicjovnsnhvt7xwjw3igdwwpb4ms2m23fayoydj3oevrwyi7dzjtga.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeicjovnsnhvt7xwjw3igdwwpb4ms2m23fayoydj3oevrwyi7dzjtga",
backgroundImage:
"https://bafkreiefuyyk6dcjhyk3hl2httqvdlnl3mo6wrfzgmponexrc75jop757y.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafkreiefuyyk6dcjhyk3hl2httqvdlnl3mo6wrfzgmponexrc75jop757y",
},
];
@ -119,33 +119,33 @@ const ASSETS_MEDIUM = [
{
title: "Create moodboards",
src:
"https://bafybeib46kplzcylnzviaojgbogua52wyrzbvnj6uulvo4zwrxm4hnxeqe.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeib46kplzcylnzviaojgbogua52wyrzbvnj6uulvo4zwrxm4hnxeqe",
backgroundImage:
"https://bafybeicoaponp2nv3ikpsjgcgu7pio6aercflsvsiyxrpaonza7ncg73dq.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeicoaponp2nv3ikpsjgcgu7pio6aercflsvsiyxrpaonza7ncg73dq",
},
{
title: "Organize research",
src:
"https://bafybeigstyjfpzazdlmgkfuhw4yxrneux3opvbls7nmv6gq7dbnhmy6xwy.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeigstyjfpzazdlmgkfuhw4yxrneux3opvbls7nmv6gq7dbnhmy6xwy",
backgroundImage:
"https://bafybeie4p45yfvbjdzc2rgw67e7crcltpu7o544xtugs3wyv3qh3t3oegi.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeie4p45yfvbjdzc2rgw67e7crcltpu7o544xtugs3wyv3qh3t3oegi",
},
{
title: "Share presentations",
src:
"https://bafybeiampkmsxeihxnuz2hkgbhtzosgkwghslpwm7dsrxrzlqwa7tvzreq.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafybeiampkmsxeihxnuz2hkgbhtzosgkwghslpwm7dsrxrzlqwa7tvzreq",
backgroundImage:
"https://bafkreiglefskwq7bpa3aazihegawd4qwxockl6shipnps7zlokrbnu4f7u.ipfs.slate.textile.io/",
"https://slate.textile.io/ipfs/bafkreiglefskwq7bpa3aazihegawd4qwxockl6shipnps7zlokrbnu4f7u",
},
];
const ASSET_CHROME_EXTENSION =
"https://bafybeibwppu23j5wgshqvm5qyqv3c6pmhp3y5irdwn3ivvnnrpexiguzbi.ipfs.slate.textile.io/";
"https://slate.textile.io/ipfs/bafybeibwppu23j5wgshqvm5qyqv3c6pmhp3y5irdwn3ivvnnrpexiguzbi";
const ASSET_SLATE_CUBE =
"https://bafybeiaex6rorqtumulc4x3u4sbl5pdbn5sx45mvm6uvbebu4cxgk3okjy.ipfs.slate.textile.io/";
"https://slate.textile.io/ipfs/bafybeiaex6rorqtumulc4x3u4sbl5pdbn5sx45mvm6uvbebu4cxgk3okjy";
const STYLES_ROOT = css`
display: flex;

4
scenes/SceneHome.js
View File

@ -157,11 +157,11 @@ export default class SceneHome extends React.Component {
autoPlay
loop
muted
src="https://bafybeienjmql6lbtsaz3ycon3ttliohcl7qbquwvny43lhcodky54z65cy.ipfs.slate.textile.io"
src="https://slate.textile.io/ipfs/bafybeienjmql6lbtsaz3ycon3ttliohcl7qbquwvny43lhcodky54z65cy"
type="video/m4v"
playsInline
style={{
backgroundImage: `url('https://bafybeienjmql6lbtsaz3ycon3ttliohcl7qbquwvny43lhcodky54z65cy.ipfs.slate.textile.io')`,
backgroundImage: `url('https://slate.textile.io/ipfs/bafybeienjmql6lbtsaz3ycon3ttliohcl7qbquwvny43lhcodky54z65cy')`,
borderRadius: `4px`,
width: `100%`,
boxShadow: `0px 10px 50px 20px rgba(0, 0, 0, 0.1)`,

2
scenes/SceneSignIn.js
View File

@ -267,7 +267,7 @@ export default class SceneSignIn extends React.Component {
<Avatar
size={112}
url={
"https://bafkreibf3hoiyuk2ywjyoy24ywaaclo4k5rz53flesvr5h4qjlyzxamozm.ipfs.slate.textile.io/"
"https://slate.textile.io/ipfs/bafkreibf3hoiyuk2ywjyoy24ywaaclo4k5rz53flesvr5h4qjlyzxamozm"
}
style={{ margin: "48px auto 64px auto", display: "block" }}
/>

14
scenes/SceneSlate.js
View File

@ -250,11 +250,15 @@ export default class SceneSlate extends React.Component {
// This is a hack to catch this undefined case I don't want to track down yet.
const url = each.url.replace("https://undefined", "https://");
// NOTE
// regex here performs https://{cid}.ipfs.slate.textile.io => [https://{cid}, {cid}]
let cid = url.match(
/(?:http[s]*\:\/\/)*(.*?)\.(?=[^\/]*\..{2,5})/i
)[1];
// NOTE(andrew)
const cid = url.includes('/ipfs/') ?
// pull cid from a path format gateway
url.split('/ipfs/')[1] :
// pull cid from a subdomain format gateway
url.match(
// regex here performs https://{cid}.ipfs.slate.textile.io => [https://{cid}, {cid}]
/(?:http[s]*\:\/\/)*(.*?)\.(?=[^\/]*\..{2,5})/i
)[1];
const data = { ...each, cid, url };
return {