generated from dwd/boilarplate-astro-tailwind
add meta data in all pages
This commit is contained in:
@@ -15,7 +15,22 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
|
||||
const items = data.data[idx];
|
||||
// console.log(data.data[idx])
|
||||
---
|
||||
<Layout title={items.title}>
|
||||
<Layout title={items.title}
|
||||
metaTitle={items.title}
|
||||
description={items.heading}
|
||||
ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
|
||||
tiwtterCard='summary_large_image'
|
||||
tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
|
||||
tiwtterTitle={items.title}
|
||||
tiwtterDesc={items.heading}
|
||||
tiwtterURL=`https://barta-india.in/technology/${items.slug}`
|
||||
artPubTime={items.date_created}
|
||||
ogSiteName=`https://barta-india.in/technology/${items.slug}`
|
||||
ogType='News'
|
||||
ogTitle={items.title}
|
||||
ogDesc={items.heading}
|
||||
ogURL=`https://barta-india.in/technology/${items.slug}`
|
||||
>
|
||||
<main>
|
||||
<section class="container mx-auto px-4 mt-16">
|
||||
<div class="flex flex-col justify-center">
|
||||
@@ -29,7 +44,7 @@ const items = data.data[idx];
|
||||
<p class="text-xl font-bold text-[#780a0a]">Share on: </p>
|
||||
<a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/technology/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt=""/></a>
|
||||
<a href=`https://www.facebook.com/share.php?u=https://barta-india.in/technology/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a>
|
||||
<a href=`http://www.twitter.com/share?url=https://barta-india.in/technology/${items.slug}%3Fbar%3D123%26baz%3D456&text=Your%20${items.title}%20here` target="_blank"><img src="/img/x.svg" alt=""/></a>
|
||||
<a href=`http://www.twitter.com/share?url=https://barta-india.in/technology/${items.slug}%3Fbar%3D123%26baz%3D456&text=%20${items.title}%20` target="_blank"><img src="/img/x.svg" alt=""/></a>
|
||||
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/technology/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt=""/></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -3,12 +3,29 @@ import Layout from '../../layouts/Layout.astro';
|
||||
const fetchData = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=technology&sort=-date_created&filter[lang][_eq]=english');
|
||||
const dataJSON = await fetchData.json();
|
||||
const data = dataJSON.data;
|
||||
const fetchMeta = await fetch('https://api7.siliconpin.com/items/meta_data?filter[status][_eq]=published&filter[domain][_eq]=barta&filter[pages][_eq]=technology_en');
|
||||
const metaJSON = await fetchMeta.json();
|
||||
const items = metaJSON.data[0];
|
||||
// const imageData = data.image;
|
||||
// const data = fetchDataJSON.data;
|
||||
// console.log()
|
||||
// console.log(items.img)
|
||||
---
|
||||
|
||||
<Layout title="Barta News">
|
||||
<Layout title={items.title}
|
||||
metaTitle={items.title}
|
||||
description={items.description}
|
||||
ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
|
||||
tiwtterCard='summary_large_image'
|
||||
tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
|
||||
tiwtterTitle={items.title}
|
||||
tiwtterDesc={items.description}
|
||||
tiwtterURL=`https://barta-india.in/technology/`
|
||||
ogSiteName=`https://barta-india.in/technology/`
|
||||
ogType={items.og_type}
|
||||
ogTitle={items.title}
|
||||
ogDesc={items.description}
|
||||
ogURL=`https://barta-india.in/technology/`
|
||||
>
|
||||
<main>
|
||||
<section class="container mx-auto px-4">
|
||||
<div class="my-16">
|
||||
|
||||
Reference in New Issue
Block a user