ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add metadata

Browse Source
This commit is contained in:
samaradel
2021-04-19 14:03:09 +02:00
parent 2430ceb0a4
commit 70050dbcac
11 changed files with 352 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/pages/Blog.vue
View File

@@ -71,6 +71,11 @@ query($page: Int){
}
}
markdownPage(id: "home") {
id
metaImg
}
topics: allBlogTag {
edges{
node{
@@ -119,8 +124,51 @@ export default {
};
},
metaInfo: {
title: "Blog",
metaInfo() {
return {
title: "",
titleTemplate: "ThreeFold | Blog",
meta: [
{
key: "description",
name: "description",
content:
"A collection of posts from the ThreeFold Foundation team about our products, our technology, our ecosystem, our why, and more.",
},
{
key: "og:title",
property: "og:title",
content: "ThreeFold | Blog",
},
{
key: "og:description",
property: "og:description",
content:
"A collection of posts from the ThreeFold Foundation team about our products, our technology, our ecosystem, our why, and more.",
},
{
key: "og:image",
property: "og:image",
content: this.getImg,
},
{
key: "twitter:description",
name: "twitter:description",
content:
"A collection of posts from the ThreeFold Foundation team about our products, our technology, our ecosystem, our why, and more.",
},
{
key: "twitter:image",
property: "twitter:image",
content: this.getImg,
},
{
key: "twitter:title",
property: "twitter:title",
content: "ThreeFold | Blog",
},
],
};
},
components: {
PostListItem,
@@ -198,6 +246,13 @@ export default {
return window.innerHeight - 100;
}
},
getImg() {
let img = "";
if (process.isClient) {
img = `${window.location.origin}${this.$page.markdownPage.metaImg.src}`;
}
return img;
},
blogs() {
var res = {};

64
src/pages/Index.vue
View File

@@ -123,6 +123,9 @@
markdownPage(id: "home") {
id
path
metaTitle
metaDesc
metaImg
header_slogan
header_title
header_image
@@ -292,6 +295,13 @@
</page-query>
<static-query>
query {
metadata {
siteUrl
}
}
</static-query>
<script>
import Header from "~/components/marketing/sections/cta-sections/Header.vue";
import SolutionsHeader from "~/components/custom/sections/header/HeaderSection.vue";
@@ -323,9 +333,57 @@ export default {
InTheNews,
SignUp,
},
metaInfo: {
title: "",
titleTemplate: "ThreeFold | Welcome",
computed: {
getImg() {
let img = "";
if (process.isClient) {
img = `${window.location.origin}${this.$page.markdownPage.metaImg.src}`;
}
return img;
},
},
metaInfo() {
return {
title: "",
titleTemplate: "ThreeFold | Welcome",
meta: [
{
key: "description",
name: "description",
content: this.$page.markdownPage.metaDesc,
},
{
key: "og:title",
property: "og:title",
content: this.$page.markdownPage.metaTitle,
},
{
key: "og:description",
property: "og:description",
content: this.$page.markdownPage.metaDesc,
},
{
key: "og:image",
property: "og:image",
content: this.getImg,
},
{
key: "twitter:description",
name: "twitter:description",
content: this.$page.markdownPage.metaDesc,
},
{
key: "twitter:image",
property: "twitter:image",
content: this.getImg,
},
{
key: "twitter:title",
property: "twitter:title",
content: this.$page.markdownPage.metaTitle,
},
],
};
},
};
</script>

55
src/pages/News.vue
View File

@@ -65,6 +65,10 @@ query($page: Int){
}
}
}
markdownPage(id: "home") {
id
metaImg
}
topics: allNewsTag(filter: { title: {in: ["blockchain", "experience", "technology", "farming", "community", "infrastructure", "impact"]}}) {
edges{
@@ -115,8 +119,48 @@ export default {
};
},
metaInfo: {
title: "Newsroom",
metaInfo() {
return {
title: "",
titleTemplate: "ThreeFold | News",
meta: [
{
key: "description",
name: "description",
content: "Updates and announcements from the ThreeFold Foundation.",
},
{
key: "og:title",
property: "og:title",
content: "ThreeFold | News",
},
{
key: "og:description",
property: "og:description",
content: "Updates and announcements from the ThreeFold Foundation.",
},
{
key: "og:image",
property: "og:image",
content: this.getImg,
},
{
key: "twitter:description",
name: "twitter:description",
content: "Updates and announcements from the ThreeFold Foundation.",
},
{
key: "twitter:image",
property: "twitter:image",
content: this.getImg,
},
{
key: "twitter:title",
property: "twitter:title",
content: "ThreeFold | News",
},
],
};
},
components: {
PostListItem,
@@ -255,6 +299,13 @@ export default {
return window.innerHeight - 570;
}
},
getImg() {
let img = "";
if (process.isClient) {
img = `${window.location.origin}${this.$page.markdownPage.metaImg.src}`;
}
return img;
},
},
};
</script>

62
src/templates/MarkdownPage.vue
View File

@@ -107,6 +107,9 @@
id
path
excerpt
metaTitle
metaDesc
metaImg
header_excerpt
header_altImg
header_title
@@ -257,19 +260,66 @@ export default {
AppListItem,
Partenerships,
},
metaInfo() {
return {
title: this.pageName,
};
},
computed: {
getImg() {
let img = "";
if (process.isClient) {
img = `${window.location.origin}${this.$page.markdownPage.metaImg.src}`;
}
return img;
},
pageName() {
let path = this.$route.path.substring(1);
let name = path[0].toUpperCase() + path.slice(1);
return name;
},
},
metaInfo() {
return {
title: "",
titleTemplate: this.$page.markdownPage.metaTitle,
meta: [
{
key: "description",
name: "description",
content: this.$page.markdownPage.metaDesc,
},
{
key: "og:title",
property: "og:title",
content: this.$page.markdownPage.metaTitle,
},
{
key: "og:description",
property: "og:description",
content: this.$page.markdownPage.metaDesc,
},
{
key: "og:image",
property: "og:image",
content: this.getImg,
},
{
key: "twitter:description",
name: "twitter:description",
content: this.$page.markdownPage.metaDesc,
},
{
key: "twitter:image",
property: "twitter:image",
content: this.getImg,
},
{
key: "twitter:title",
property: "twitter:title",
content: this.$page.markdownPage.metaTitle,
},
],
};
},
mounted() {
console.log(this.getImg);
},
};
</script>
<style scoped>

58
src/templates/Partners.vue
View File

@@ -49,6 +49,11 @@ query ($private: Int){
}
}
}
markdownPage(id: "home") {
id
metaImg
}
tags: allProjectTag (filter: { title: {in: ["blockchain", "experience", "technology", "farming", "community", "infrastructure", "impact"]}}) {
edges{
@@ -79,6 +84,59 @@ export default {
);
return res;
},
getImg() {
let img = "";
if (process.isClient) {
img = `${window.location.origin}${this.$page.markdownPage.metaImg.src}`;
}
return img;
},
},
metaInfo() {
return {
title: "",
titleTemplate: "ThreeFold | Partners",
meta: [
{
key: "description",
name: "description",
content:
"Meet the incredible organizations co-creating the peer-to-peer alongside the ThreeFold Foundation.",
},
{
key: "og:title",
property: "og:title",
content: "ThreeFold | Partners",
},
{
key: "og:description",
property: "og:description",
content:
"Meet the incredible organizations co-creating the peer-to-peer alongside the ThreeFold Foundation.",
},
{
key: "og:image",
property: "og:image",
content: this.getImg,
},
{
key: "twitter:description",
name: "twitter:description",
content:
"Meet the incredible organizations co-creating the peer-to-peer alongside the ThreeFold Foundation.",
},
{
key: "twitter:image",
property: "twitter:image",
content: this.getImg,
},
{
key: "twitter:title",
property: "twitter:title",
content: "ThreeFold | Partners",
},
],
};
},
};
</script>

55
src/templates/People.vue
View File

@@ -45,6 +45,11 @@ query ($private: Int){
}
}
markdownPage(id: "home") {
id
metaImg
}
memberships: allMembership(filter: {title: {in: ["cofounders", "tech", "foundation", "ambassadors", "matchmakers", "farmers", "aci_members", "partners", "wisdom_council", "technology_council", "grid_guardians"]}}){
edges{
node{
@@ -66,6 +71,49 @@ export default {
PostListItem,
TagFilterHeader,
},
metaInfo() {
return {
title: "",
titleTemplate: "ThreeFold | People",
meta: [
{
key: "description",
name: "description",
content: "Meet the wide range of passionate and dedicated individuals involved in the ThreeFold movement.",
},
{
key: "og:title",
property: "og:title",
content: "ThreeFold | People",
},
{
key: "og:description",
property: "og:description",
content: "Meet the wide range of passionate and dedicated individuals involved in the ThreeFold movement.",
},
{
key: "og:image",
property: "og:image",
content: this.getImg,
},
{
key: "twitter:description",
name: "twitter:description",
content: "Meet the wide range of passionate and dedicated individuals involved in the ThreeFold movement.",
},
{
key: "twitter:image",
property: "twitter:image",
content: this.getImg,
},
{
key: "twitter:title",
property: "twitter:title",
content: "ThreeFold | People",
},
],
};
},
computed: {
memberships() {
var res = [{ title: "All", path: "/people" }];
@@ -74,6 +122,13 @@ export default {
);
return res;
},
getImg() {
let img = "";
if (process.isClient) {
img = `${window.location.origin}${this.$page.markdownPage.metaImg.src}`;
}
return img;
},
},
};
</script>