dwd-projects/barta-india.in
1
0
Fork 0
generated from dwd/boilarplate-astro-tailwind
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add meta data in all pages

Browse Source
This commit is contained in:
dev sp
2024-01-12 15:49:21 +00:00
parent 98e7021d7c
commit 5af60161c5
25 changed files with 358 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/bn/national/index.astro
View File

@@ -3,12 +3,29 @@ import LayoutBN from '../../../layouts/LayoutBN.astro';
const fetchData = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=national&sort=-date_created&filter[lang][_eq]=bengali');
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]=national_bn');
const metaJSON = await fetchMeta.json();
const items = metaJSON.data[0];
// const imageData = data.image;
// const data = fetchDataJSON.data;
// console.log()
---
<LayoutBN title="Barta News">
<LayoutBN title={items.title}
metaTitle={items.title}
description={items.description}
ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
tiwtterCard={`https://api7.siliconpin.com/assets/${items.img}`}
tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
tiwtterTitle={items.title}
tiwtterDesc={items.description}
tiwtterURL=`https://barta-india.in/bn/national/`
ogSiteName=`https://barta-india.in/bn/national/`
ogType={items.og_type}
ogTitle={items.title}
ogDesc={items.description}
ogURL=`https://barta-india.in/bn/national/`
>
<main>
<section class="container mx-auto px-4">
<div class="my-16">
@@ -19,7 +36,7 @@ const data = dataJSON.data;
{data.map((items: {heading: string | undefined; img: string | undefined; title : string | undefined; content : string | undefined; slug : string | undefined;}) =>
<div class="flex flex-col border-2 border-[#780a0a] gap-6 p-6 place-content-between rounded-lg">
<div class="flex flex-col">
<a href={`/bn/${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
<a href={`/bn/national/${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
<h2 class="text-lg line-clamp-1">{items.title}</h2>
<img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
<div class="h-[100px] overflow-y-hidden">