diff --git a/content/page/home/home.md b/content/page/home/home.md index 3a814f3bd..59df26e03 100644 --- a/content/page/home/home.md +++ b/content/page/home/home.md @@ -1,5 +1,8 @@ --- id: home +metaTitle: ThreeFold | Home +metaDesc: Welcome to the world’s largest peer-to-peer Internet, formed by people who want to make a difference, by people who care, by people just like you. +metaImg: ./home_header.png header_slogan: YOU header_title: ARE THE NEW INTERNET header_image: ./home_header.png diff --git a/content/page/token/token.md b/content/page/token/token.md index 98ac106f6..b28a9a32d 100644 --- a/content/page/token/token.md +++ b/content/page/token/token.md @@ -1,5 +1,8 @@ --- id: token +metaTitle: ThreeFold | Token (TFT) +metaDesc: The ThreeFold Token is the currency of the fastest growing P2P internet network on the planet. +metaImg: ./token_header.png header_slogan: WE ARE GROWING NOW header_title: YOU GROW WHEN THE THREEFOLD GRID GROWS header_image: ./token_header.png diff --git a/content/page/universe/universe.md b/content/page/universe/universe.md index 9f6eb02c9..517fdbc6b 100644 --- a/content/page/universe/universe.md +++ b/content/page/universe/universe.md @@ -1,7 +1,8 @@ --- id: universe +metaTitle: ThreeFold | Universe +metaDesc: Be part of a better tomorrow by expanding the peer-to-peer Internet and set yourself free from the centralized applications and services that exploit your data today. +metaImg: ./universe_header.png productsMain: product_page productData: [farming, cloud, marketplace, twin, tech, aci] --- - - diff --git a/content/page/universe/universe_header.png b/content/page/universe/universe_header.png new file mode 100644 index 000000000..4cfe66fd7 Binary files /dev/null and b/content/page/universe/universe_header.png differ diff --git a/content/page/why/why.md b/content/page/why/why.md index 49d448c24..65a380ca2 100644 --- a/content/page/why/why.md +++ b/content/page/why/why.md @@ -1,5 +1,8 @@ --- id: why +metaTitle: ThreeFold | Why +metaDesc: Our mission is to accelerate the transition of the data economy to a decentralized P2P model and make it possible for every person to learn, partake and succeed. +metaImg: ./why-home.jpg header_slogan: We need a way of achieving it header_title: We do not need a reason to want a better future header_image: ./why-home.jpg diff --git a/src/pages/Blog.vue b/src/pages/Blog.vue index b5b666354..5a5333742 100644 --- a/src/pages/Blog.vue +++ b/src/pages/Blog.vue @@ -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 = {}; diff --git a/src/pages/Index.vue b/src/pages/Index.vue index d13fc7fc7..06a7564f9 100644 --- a/src/pages/Index.vue +++ b/src/pages/Index.vue @@ -123,6 +123,9 @@ markdownPage(id: "home") { id path + metaTitle + metaDesc + metaImg header_slogan header_title header_image @@ -292,6 +295,13 @@ + + query { + metadata { + siteUrl + } + } + diff --git a/src/pages/News.vue b/src/pages/News.vue index af2b11940..b9c73caac 100644 --- a/src/pages/News.vue +++ b/src/pages/News.vue @@ -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; + }, }, }; diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue index b08d621d2..1686516cd 100644 --- a/src/templates/MarkdownPage.vue +++ b/src/templates/MarkdownPage.vue @@ -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); + }, };