generated from dwd/boilarplate-astro-tailwind
61 lines
3.4 KiB
Plaintext
61 lines
3.4 KiB
Plaintext
---
|
|
import LayoutBN from '../../../layouts/LayoutBN.astro';
|
|
export async function getStaticPaths() {
|
|
const response = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=technology&filter[lang][_eq]=bengali');
|
|
const data = await response.json();
|
|
const finalData = data.data.map((n: { slug: string | undefined; })=>{
|
|
return {params: {id:n.slug}}
|
|
})
|
|
return finalData;
|
|
}
|
|
const response = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=technology&filter[lang][_eq]=bengali');
|
|
const data = await response.json();
|
|
const { id } = Astro.params;
|
|
const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===id);
|
|
const items = data.data[idx];
|
|
// console.log(data.data[idx])
|
|
---
|
|
<LayoutBN 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/bn/technology/${items.slug}`
|
|
artPubTime={items.date_created}
|
|
ogSiteName=`https://barta-india.in/bn/technology/${items.slug}`
|
|
ogType='News'
|
|
ogTitle={items.title}
|
|
ogDesc={items.heading}
|
|
ogURL=`https://barta-india.in/bn/technology/${items.slug}`
|
|
>
|
|
<main>
|
|
<section class="container mx-auto px-4 mt-16">
|
|
<div class="flex flex-col justify-center">
|
|
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
|
|
<h2 class="text-xl py-2">{items.title}</h2>
|
|
<div class="flex flex-col place-items-center">
|
|
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" />
|
|
</div>
|
|
<div class="flex flex-row justify-center md:justify-end mt-2">
|
|
<div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
|
|
<p class="text-xl font-bold text-[#780a0a]">Share on: </p>
|
|
<a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/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/bn/technology/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a>
|
|
<a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/technology/${items.slug}&text=Your%20${items.title}` target="_blank"><img src="/img/x.svg" alt=""/></a>
|
|
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/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>
|
|
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</LayoutBN>
|
|
<style>
|
|
section > div > p > p {
|
|
text-align: justify;
|
|
}
|
|
</style>
|