LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

Open graph #132

Merged
bones7242 merged 14 commits from open-graph into master 2017-08-08 07:09:36 +02:00
Conversation 0 Commits 14 Files changed 10 +31 -10
3 changed files with 31 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 0881e60774 - Show all commits

BIN
public/assets/img/content-freedom-large.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

40
speech.js
View file

@ -49,15 +49,35 @@ const hbs = expressHandlebars.create({
); );
}, },
addOpenGraph (title, url, type, source, mimeType) { addOpenGraph (title, url, type, source, mimeType) {
return new Handlebars.SafeString( if (type === 'image') {
`<meta property="og:title" content="${title}"/> return new Handlebars.SafeString(
<meta property="og:url" content="${url}" /> `<meta property="og:title" content="${title}"/>
<meta property="og:site_name" content="spee.ch" /> <meta property="og:url" content="${url}" />
<meta property="og:type" content="${type}" /> <meta property="og:site_name" content="Spee.ch" />
<meta property="og:description" content="${title} published via spee.ch" /> <meta property="og:description" content="Spee.ch: open-source, decentralized content hosting." />
<meta property="og:${type}" content="${source}" /> <meta property="og:image" content="${source}" />
<meta property="og:${type}:type" content="${mimeType}" />` <meta property="og:image:type" content="${mimeType}" />
); <meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
<meta property="og:type" content="article" />
<meta property="author" content="Spee.ch" />
<meta property="article:author" content="Spee.ch" />`
);
} else if (type === 'video') {
return new Handlebars.SafeString(
`<meta property="og:title" content="${title}"/>
<meta property="og:url" content="${url}" />
<meta property="og:site_name" content="Spee.ch" />
<meta property="og:description" content="Spee.ch: open-source, decentralized content hosting." />
<meta property="og:image" content="https://spee.ch/assets/img/content-freedom-large.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
<meta property="og:type" content="video" />
<meta property="og:video" content="${source}" />
<meta property="og:video:type" content="${mimeType}" />`
);
}
}, },
addTwitterCard (assetType, source) { addTwitterCard (assetType, source) {
if (assetType === 'image') { if (assetType === 'image') {
@ -71,7 +91,7 @@ const hbs = expressHandlebars.create({
return new Handlebars.SafeString( return new Handlebars.SafeString(
`<meta name="twitter:card" content="player" /> `<meta name="twitter:card" content="player" />
<meta name="twitter:site" content="@lbryio" /> <meta name="twitter:site" content="@lbryio" />
<meta name="twitter:image" content="https://spee.ch/assets/img/content-freedom-64px.png" /> <meta name="twitter:image" content="https://spee.ch/assets/img/content-freedom-large.png" />
<meta name="twitter:player" content="https://yoursite.com/container.html"/ > <meta name="twitter:player" content="https://yoursite.com/container.html"/ >
<meta name="twitter:player:width" content="480" /> <meta name="twitter:player:width" content="480" />
<meta name="twitter:player:height" content="480" /> <meta name="twitter:player:height" content="480" />

1
views/layouts/show.handlebars
View file

@ -7,6 +7,7 @@
<title>Spee.ch</title> <title>Spee.ch</title>
<link rel="stylesheet" href="/assets/css/generalStyle.css" type="text/css"> <link rel="stylesheet" href="/assets/css/generalStyle.css" type="text/css">
<link rel="stylesheet" href="/assets/css/componentStyle.css" type="text/css"> <link rel="stylesheet" href="/assets/css/componentStyle.css" type="text/css">
<meta property="fb:app_id" content="1371961932852223">
{{{addTwitterCard openGraphInfo.type openGraphInfo.source}}} {{{addTwitterCard openGraphInfo.type openGraphInfo.source}}}
{{{addOpenGraph fileInfo.name openGraphInfo.showUrl openGraphInfo.type openGraphInfo.source fileInfo.fileType }}} {{{addOpenGraph fileInfo.name openGraphInfo.showUrl openGraphInfo.type openGraphInfo.source fileInfo.fileType }}}
</head> </head>