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

Merge pull request 'b2' (#4) from b2 into master 

Reviewed-on: #4
master
Subhodip Ghosh 2024-01-13 08:29:57 +00:00
parent 4a528ac9f4 3d1a486912
commit 8fd1f94629
25 changed files with 513 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/layouts/Layout.astro
View File

@ -1,12 +1,11 @@
--- ---
import MainHeader from '../components/MainHeader.astro'; import MainHeader from '../components/MainHeader.astro';
import TopHeader from '../components/TopHeader.astro';
import Footer from '../components/Footer.astro'; import Footer from '../components/Footer.astro';
export interface Props { export interface Props {
title: string; title: string; metaTitle: string; description: string; ogImg: string; tiwtterCard: string; tiwtterImage: string; tiwtterTitle: string; tiwtterDesc: string; tiwtterURL: string; artPubTime: string; artUpdtTime: string; ogSiteName: string; ogType: string; ogTitle: string; ogDesc: string; ogURL: string; canonical: string;
} }
const { title } = Astro.props; const { title, metaTitle, description, ogImg, tiwtterCard, tiwtterImage, tiwtterTitle, tiwtterDesc, tiwtterURL, artPubTime, artUpdtTime, ogSiteName, ogType, ogTitle, ogDesc, ogURL, canonical} = Astro.props;
--- ---
<!DOCTYPE html> <!DOCTYPE html>
@ -15,8 +14,44 @@ const { title } = Astro.props;
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/ico+xml" href="/favicon.ico" /> <link rel="icon" type="image/ico+xml" href="/favicon.ico" />
<meta name="generator" content={Astro.generator} /> <link rel="canonical" href={canonical} />
<meta name="generator" content="barta-india.in html generator" />
<title>{title}</title> <title>{title}</title>
<meta name="title" content={metaTitle}>
<meta name="description" content={description}>
<meta name="twitter:card" content={tiwtterCard}>
<meta name="twitter:image" itemprop="image" content={tiwtterImage}>
<meta name="twitter:title" content={tiwtterTitle}>
<meta name="twitter:description" content={tiwtterDesc}>
<meta name="twitter:url" content={tiwtterURL}>
<meta name="article:published_time" content={artPubTime}>
<meta name="article:updated_time" content={artUpdtTime}>
<link rel="shortcut icon" href="">
<meta property="og:site_name" content={ogSiteName}>
<meta property="og:type" content={ogType}>
<meta property="og:image" itemprop="image" content={ogImg}>
<meta property="og:title" content={ogTitle}>
<meta property="og:description" content={ogDesc}>
<meta property="og:url" content={ogURL}>
<meta property="og:image:width" content="526" />
<meta property="og:image:height" content="275" />
<meta name="og:image:secure_url" content={ogImg} />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Website",
"name": "Barta India",
"url": "https://barta-india.in/",
"logo": "/img/barta_logo.png",
"contactPoint": {
"@type": "https://barta-india.in/contact/",
"contactType": "Visitor Feedback"
},
"sameAs": [
"https://www.facebook.com/bartaindia?mibextid=eHce3h",
]
}
</script>
</head> </head>
<body> <body>
<div> <div>

42
src/layouts/LayoutBN.astro
View File

@ -3,10 +3,10 @@ import MainHeaderBN from '../components/MainHeaderBN.astro';
import TopHeader from '../components/TopHeader.astro'; import TopHeader from '../components/TopHeader.astro';
import Footer from '../components/Footer.astro'; import Footer from '../components/Footer.astro';
export interface Props { export interface Props {
title: string; title: string; metaTitle: string; description: string; ogImg: string; tiwtterCard: string; tiwtterImage: string; tiwtterTitle: string; tiwtterDesc: string; tiwtterURL: string; artPubTime: string; artUpdtTime: string; ogSiteName: string; ogType: string; ogTitle: string; ogDesc: string; ogURL: string; canonical: string;
} }
const { title } = Astro.props; const { title, metaTitle, description, ogImg, tiwtterCard, tiwtterImage, tiwtterTitle, tiwtterDesc, tiwtterURL, artPubTime, artUpdtTime, ogSiteName, ogType, ogTitle, ogDesc, ogURL, canonical} = Astro.props;
--- ---
<!DOCTYPE html> <!DOCTYPE html>
@ -15,8 +15,44 @@ const { title } = Astro.props;
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/ico+xml" href="/favicon.ico" /> <link rel="icon" type="image/ico+xml" href="/favicon.ico" />
<meta name="generator" content={Astro.generator} /> <link rel="canonical" href={canonical} />
<meta name="generator" content="barta-india.in html generator" />
<title>{title}</title> <title>{title}</title>
<meta name="title" content={metaTitle}>
<meta name="description" content={description}>
<meta name="twitter:card" content={tiwtterCard}>
<meta name="twitter:image" itemprop="image" content={tiwtterImage}>
<meta name="twitter:title" content={tiwtterTitle}>
<meta name="twitter:description" content={tiwtterDesc}>
<meta name="twitter:url" content={tiwtterURL}>
<meta name="article:published_time" content={artPubTime}>
<meta name="article:updated_time" content={artUpdtTime}>
<link rel="shortcut icon" href="">
<meta property="og:site_name" content={ogSiteName}>
<meta property="og:type" content={ogType}>
<meta property="og:image" itemprop="image" content={ogImg}>
<meta property="og:title" content={ogTitle}>
<meta property="og:description" content={ogDesc}>
<meta property="og:url" content={ogURL}>
<meta property="og:image:width" content="526" />
<meta property="og:image:height" content="275" />
<meta name="og:image:secure_url" content={ogImg} />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Website",
"name": "Barta India",
"url": "https://barta-india.in/bn",
"logo": "/img/barta_logo.png",
"contactPoint": {
"@type": "https://barta-india.in/contact/",
"contactType": "Visitor Feedback"
},
"sameAs": [
"https://www.facebook.com/bartaindia?mibextid=eHce3h",
]
}
</script>
</head> </head>
<body> <body>
<div> <div>

29
src/pages/[id].astro
View File

@ -15,22 +15,39 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx]; const items = data.data[idx];
// console.log(data.data[idx]) // console.log(data.data[idx])
--- ---
<Layout title={items.title}> <!-- title, metaTitle, description, ogImg, tiwtterCard, tiwtterImage, tiwtterTitle, tiwtterDesc, tiwtterURL, artPubTime, artUpdtTime, ogSiteName, ogType, ogTitle, ogDesc, ogURL -->
<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/${items.slug}`
artPubTime={items.date_created}
ogSiteName=`https://barta-india.in/${items.slug}`
ogType='News'
ogTitle={items.title}
ogDesc={items.heading}
ogURL=`https://barta-india.in/${items.slug}`
canonical=`https://barta-india.in/${items.slug}`
>
<main> <main>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center">
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1> <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
<h2 class="text-xl py-2">{items.title}</h2> <h2 class="text-xl py-2">{items.title}</h2>
<div class="flex flex-col place-items-center"> <div class="flex flex-col place-items-center">
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" /> <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
</div> </div>
<div class="flex flex-row justify-center md:justify-end mt-2"> <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"> <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> <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
<a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt=""/></a> <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
<a href=`https://www.facebook.com/share.php?u=https://barta-india.in/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a> <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/${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.x.com/share?url=https://barta-india.in/${items.slug}&text=${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${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> <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${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="Linkdin Logo"/></a>
</div> </div>
</div> </div>
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p> <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>

28
src/pages/bn/[id].astro
View File

@ -15,22 +15,38 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx]; const items = data.data[idx];
// console.log(data.data[idx]) // console.log(data.data[idx])
--- ---
<LayoutBN title={items.title}> <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/${items.slug}`
artPubTime={items.date_created}
ogSiteName=`https://barta-india.in/bn/${items.slug}`
ogType='News'
ogTitle={items.title}
ogDesc={items.heading}
ogURL=`https://barta-india.in/bn/${items.slug}`
canonical=`https://barta-india.in/bn/${items.slug}`
>
<main> <main>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center">
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1> <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
<h2 class="text-xl py-2">{items.title}</h2> <h2 class="text-xl py-2">{items.title}</h2>
<div class="flex flex-col place-items-center"> <div class="flex flex-col place-items-center">
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" /> <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
</div> </div>
<div class="flex flex-row justify-center md:justify-end mt-2"> <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"> <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> <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/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt=""/></a> <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
<a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a> <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/${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/bn/${items.slug}&text=Your%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/${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> <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/${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="Linkdin Logo"/></a>
</div> </div>
</div> </div>
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p> <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>

22
src/pages/bn/index.astro
View File

@ -3,12 +3,30 @@ import LayoutBN from '../../layouts/LayoutBN.astro';
const fetchData = await fetch('https://api7.siliconpin.com/items/barta?sort=-date_created&filter[lang][_eq]=bengali'); const fetchData = await fetch('https://api7.siliconpin.com/items/barta?sort=-date_created&filter[lang][_eq]=bengali');
const dataJSON = await fetchData.json(); const dataJSON = await fetchData.json();
const data = dataJSON.data; 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]=home_bn');
const metaJSON = await fetchMeta.json();
const items = metaJSON.data[0];
// const imageData = data.image; // const imageData = data.image;
// const data = fetchDataJSON.data; // const data = fetchDataJSON.data;
// console.log() // 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="summary_large_image"
tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
tiwtterTitle={items.title}
tiwtterDesc={items.description}
tiwtterURL=`https://barta-india.in/bn`
ogSiteName=`https://barta-india.in/bn`
ogType={items.og_type}
ogTitle={items.title}
ogDesc={items.description}
ogURL=`https://barta-india.in/bn`
canonical=`https://barta-india.in/bn`
>
<main> <main>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<div class="my-16"> <div class="my-16">
@ -21,7 +39,7 @@ const data = dataJSON.data;
<div class="flex flex-col"> <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/${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> <h2 class="text-lg line-clamp-1">{items.title}</h2>
<img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/> <img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
<div class="h-[100px] overflow-y-hidden"> <div class="h-[100px] overflow-y-hidden">
<p id="" set:html={items.content}></p> <p id="" set:html={items.content}></p>
</div> </div>

28
src/pages/bn/local/[id].astro
View File

@ -15,22 +15,38 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx]; const items = data.data[idx];
// console.log(data.data[idx]) // console.log(data.data[idx])
--- ---
<LayoutBN title={items.title}> <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/local/${items.slug}`
artPubTime={items.date_created}
ogSiteName=`https://barta-india.in/bn/local/${items.slug}`
ogType='News'
ogTitle={items.title}
ogDesc={items.heading}
ogURL=`https://barta-india.in/bn/local/${items.slug}`
canonical=`https://barta-india.in/bn/local/${items.slug}`
>
<main> <main>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center">
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1> <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
<h2 class="text-xl py-2">{items.title}</h2> <h2 class="text-xl py-2">{items.title}</h2>
<div class="flex flex-col place-items-center"> <div class="flex flex-col place-items-center">
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" /> <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
</div> </div>
<div class="flex flex-row justify-center md:justify-end mt-2"> <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"> <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> <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/local/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt=""/></a> <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/local/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
<a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/local/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a> <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/local/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/local/${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/bn/local/${items.slug}&text=Your%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/local/${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> <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/local/${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="Linkdin Logo"/></a>
</div> </div>
</div> </div>
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p> <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>

22
src/pages/bn/local/index.astro
View File

@ -3,12 +3,30 @@ import LayoutBN from '../../../layouts/LayoutBN.astro';
const fetchData = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=local&sort=-date_created&filter[lang][_eq]=bengali'); const fetchData = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=local&sort=-date_created&filter[lang][_eq]=bengali');
const dataJSON = await fetchData.json(); const dataJSON = await fetchData.json();
const data = dataJSON.data; 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]=local_bn');
const metaJSON = await fetchMeta.json();
const items = metaJSON.data[0];
// const imageData = data.image; // const imageData = data.image;
// const data = fetchDataJSON.data; // const data = fetchDataJSON.data;
// console.log() // 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="summary_large_image"
tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
tiwtterTitle={items.title}
tiwtterDesc={items.description}
tiwtterURL=`https://barta-india.in/bn/local/`
ogSiteName=`https://barta-india.in/bn/local/`
ogType={items.og_type}
ogTitle={items.title}
ogDesc={items.description}
ogURL=`https://barta-india.in/bn/local/`
canonical=`https://barta-india.in/bn/local`
>
<main> <main>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<div class="my-16"> <div class="my-16">
@ -21,7 +39,7 @@ const data = dataJSON.data;
<div class="flex flex-col"> <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/${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> <h2 class="text-lg line-clamp-1">{items.title}</h2>
<img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/> <img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title}/>
<div class="h-[100px] overflow-y-hidden"> <div class="h-[100px] overflow-y-hidden">
<p id="" set:html={items.content}></p> <p id="" set:html={items.content}></p>
</div> </div>

28
src/pages/bn/national/[id].astro
View File

@ -15,22 +15,38 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx]; const items = data.data[idx];
// console.log(data.data[idx]) // console.log(data.data[idx])
--- ---
<LayoutBN title={items.title}> <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/national/${items.slug}`
artPubTime={items.date_created}
ogSiteName=`https://barta-india.in/bn/national/${items.slug}`
ogType='News'
ogTitle={items.title}
ogDesc={items.heading}
ogURL=`https://barta-india.in/bn/national/${items.slug}`
canonical=`https://barta-india.in/bn/local/${items.slug}`
>
<main> <main>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center">
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1> <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
<h2 class="text-xl py-2">{items.title}</h2> <h2 class="text-xl py-2">{items.title}</h2>
<div class="flex flex-col place-items-center"> <div class="flex flex-col place-items-center">
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" /> <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
</div> </div>
<div class="flex flex-row justify-center md:justify-end mt-2"> <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"> <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> <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/national/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt=""/></a> <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/national/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
<a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/national/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a> <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/national/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/national/${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/bn/national/${items.slug}&text=Your%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/national/${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> <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/national/${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="Linkdin Logo"/></a>
</div> </div>
</div> </div>
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p> <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>

25
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 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 dataJSON = await fetchData.json();
const data = dataJSON.data; 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 imageData = data.image;
// const data = fetchDataJSON.data; // const data = fetchDataJSON.data;
// console.log() // console.log()
--- ---
<LayoutBN title={items.title}
<LayoutBN title="Barta News"> 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/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/`
canonical=`https://barta-india.in/bn/national`
>
<main> <main>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<div class="my-16"> <div class="my-16">
@ -19,9 +36,9 @@ const data = dataJSON.data;
{data.map((items: {heading: string | undefined; img: string | undefined; title : string | undefined; content : string | undefined; slug : string | undefined;}) => {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 border-2 border-[#780a0a] gap-6 p-6 place-content-between rounded-lg">
<div class="flex flex-col"> <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> <h2 class="text-lg line-clamp-1">{items.title}</h2>
<img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/> <img class="aspect-video" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title}/>
<div class="h-[100px] overflow-y-hidden"> <div class="h-[100px] overflow-y-hidden">
<p id="" set:html={items.content}></p> <p id="" set:html={items.content}></p>
</div> </div>

28
src/pages/bn/politics/[id].astro
View File

@ -15,22 +15,38 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx]; const items = data.data[idx];
// console.log(data.data[idx]) // console.log(data.data[idx])
--- ---
<LayoutBN title={items.title}> <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/politics/${items.slug}`
artPubTime={items.date_created}
ogSiteName=`https://barta-india.in/bn/politics/${items.slug}`
ogType='News'
ogTitle={items.title}
ogDesc={items.heading}
ogURL=`https://barta-india.in/bn/politics/${items.slug}`
canonical=`https://barta-india.in/bn/politics/${items.slug}`
>
<main> <main>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center">
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1> <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
<h2 class="text-xl py-2">{items.title}</h2> <h2 class="text-xl py-2">{items.title}</h2>
<div class="flex flex-col place-items-center"> <div class="flex flex-col place-items-center">
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" /> <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
</div> </div>
<div class="flex flex-row justify-center md:justify-end mt-2"> <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"> <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> <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/politics/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt=""/></a> <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/politics/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
<a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/politics/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a> <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/politics/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/politics/${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/bn/politics/${items.slug}&text=Your%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/politics/${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> <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/politics/${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="Linkdin Logo"/></a>
</div> </div>
</div> </div>
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p> <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>

24
src/pages/bn/politics/index.astro
View File

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

28
src/pages/bn/technology/[id].astro
View File

@ -15,22 +15,38 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx]; const items = data.data[idx];
// console.log(data.data[idx]) // console.log(data.data[idx])
--- ---
<LayoutBN title={items.title}> <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}`
canonical=`https://barta-india.in/bn/politics/${items.slug}`
>
<main> <main>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center">
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1> <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
<h2 class="text-xl py-2">{items.title}</h2> <h2 class="text-xl py-2">{items.title}</h2>
<div class="flex flex-col place-items-center"> <div class="flex flex-col place-items-center">
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" /> <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
</div> </div>
<div class="flex flex-row justify-center md:justify-end mt-2"> <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"> <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> <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=`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="WhatsApp Logo"/></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=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/technology/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/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/bn/technology/${items.slug}&text=Your%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></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> <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="Linkdin Logo"/></a>
</div> </div>
</div> </div>
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p> <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>

24
src/pages/bn/technology/index.astro
View File

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

2
src/pages/contact.astro
View File

@ -1,7 +1,7 @@
--- ---
import Layout from "../layouts/Layout.astro"; import Layout from "../layouts/Layout.astro";
--- ---
<Layout title="Get in Touch | Barta"> <Layout title="Get in Touch | Barta-India">
<main> <main>
<div class=""> <div class="">
<section class=""> <section class="">

25
src/pages/index.astro
View File

@ -3,12 +3,31 @@ import Layout from '../layouts/Layout.astro';
const fetchData = await fetch('https://api7.siliconpin.com/items/barta?sort=-date_created&filter[lang][_eq]=english'); const fetchData = await fetch('https://api7.siliconpin.com/items/barta?sort=-date_created&filter[lang][_eq]=english');
const dataJSON = await fetchData.json(); const dataJSON = await fetchData.json();
const data = dataJSON.data; 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]=home_en');
const metaJSON = await fetchMeta.json();
const items = metaJSON.data[0];
// console.log(items.img)
// const imageData = data.image; // const imageData = data.image;
// const data = fetchDataJSON.data; // const data = fetchDataJSON.data;
// console.log() // console.log() https://api7.siliconpin.com/items/meta_data?filter[status][_eq]=published&filter[domain][_eq]=barta&filter[pages][_eq]=home_en
--- ---
<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`
ogSiteName=`https://barta-india.in/`
ogType={items.og_type}
ogTitle={items.title}
ogDesc={items.description}
ogURL=`https://barta-india.in`
canonical=`https://barta-india.in`
>
<main> <main>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<h1 class="text-4xl font-bold border-b-4 border-[#780A0A] my-16">Latest News</h1> <h1 class="text-4xl font-bold border-b-4 border-[#780A0A] my-16">Latest News</h1>
@ -18,7 +37,7 @@ const data = dataJSON.data;
<div class="flex flex-col"> <div class="flex flex-col">
<a href={`/${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a> <a href={`/${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> <h2 class="text-lg line-clamp-1">{items.title}</h2>
<img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/> <img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
<div class="h-[100px] overflow-y-hidden"> <div class="h-[100px] overflow-y-hidden">
<p id="" set:html={items.content}></p> <p id="" set:html={items.content}></p>
</div> </div>

28
src/pages/local/[id].astro
View File

@ -15,22 +15,38 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx]; const items = data.data[idx];
// console.log(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/local/${items.slug}`
artPubTime={items.date_created}
ogSiteName=`https://barta-india.in/local/${items.slug}`
ogType='News'
ogTitle={items.title}
ogDesc={items.heading}
ogURL=`https://barta-india.in/local/${items.slug}`
canonical=`https://barta-india.in/local/${items.slug}`
>
<main> <main>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center">
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1> <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
<h2 class="text-xl py-2">{items.title}</h2> <h2 class="text-xl py-2">{items.title}</h2>
<div class="flex flex-col place-items-center"> <div class="flex flex-col place-items-center">
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" /> <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
</div> </div>
<div class="flex flex-row justify-center md:justify-end mt-2"> <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"> <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> <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
<a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/local/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt=""/></a> <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/local/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
<a href=`https://www.facebook.com/share.php?u=https://barta-india.in/local/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a> <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/local/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/local/${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/local/${items.slug}&text=Your%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/local/${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> <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/local/${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="Linkdin Logo"/></a>
</div> </div>
</div> </div>
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p> <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>

22
src/pages/local/index.astro
View File

@ -3,12 +3,30 @@ import Layout from '../../layouts/Layout.astro';
const fetchData = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=local&sort=-date_created&filter[lang][_eq]=english'); const fetchData = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=local&sort=-date_created&filter[lang][_eq]=english');
const dataJSON = await fetchData.json(); const dataJSON = await fetchData.json();
const data = dataJSON.data; 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]=local_en');
const metaJSON = await fetchMeta.json();
const items = metaJSON.data[0];
// const imageData = data.image; // const imageData = data.image;
// const data = fetchDataJSON.data; // const data = fetchDataJSON.data;
// console.log() // console.log()
--- ---
<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/local/`
ogSiteName=`https://barta-india.in/local/`
ogType={items.og_type}
ogTitle={items.title}
ogDesc={items.description}
ogURL=`https://barta-india.in/local/`
canonical=`https://barta-india.in/local`
>
<main> <main>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<div class="my-16"> <div class="my-16">
@ -21,7 +39,7 @@ const data = dataJSON.data;
<div class="flex flex-col"> <div class="flex flex-col">
<a href={`/local${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a> <a href={`/local${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> <h2 class="text-lg line-clamp-1">{items.title}</h2>
<img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/> <img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
<div class="h-[100px] overflow-y-hidden"> <div class="h-[100px] overflow-y-hidden">
<p id="" set:html={items.content}></p> <p id="" set:html={items.content}></p>
</div> </div>

29
src/pages/national/[id].astro
View File

@ -15,22 +15,39 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx]; const items = data.data[idx];
// console.log(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/national/${items.slug}`
artPubTime={items.date_created}
ogSiteName=`https://barta-india.in/national/${items.slug}`
ogType='News'
ogTitle={items.title}
ogDesc={items.heading}
ogURL=`https://barta-india.in/national/${items.slug}`
canonical=`https://barta-india.in/national/${items.slug}`
>
<main> <main>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center">
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1> <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
<h2 class="text-xl py-2">{items.title}</h2> <h2 class="text-xl py-2">{items.title}</h2>
<div class="flex flex-col place-items-center"> <div class="flex flex-col place-items-center">
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" /> <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
</div> </div>
<div class="flex flex-row justify-center md:justify-end mt-2"> <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"> <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> <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
<a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/national/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt=""/></a> <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/national/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
<a href=`https://www.facebook.com/share.php?u=https://barta-india.in/national/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a> <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/national/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/national/${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/national/${items.slug}&text=Your%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/national/${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> <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/national/${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="Linkdin Logo"/></a>
</div> </div>
</div> </div>
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p> <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>

22
src/pages/national/index.astro
View File

@ -3,12 +3,30 @@ import Layout from '../../layouts/Layout.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]=english'); const fetchData = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=national&sort=-date_created&filter[lang][_eq]=english');
const dataJSON = await fetchData.json(); const dataJSON = await fetchData.json();
const data = dataJSON.data; 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_en');
const metaJSON = await fetchMeta.json();
const items = metaJSON.data[0];
// const imageData = data.image; // const imageData = data.image;
// const data = fetchDataJSON.data; // const data = fetchDataJSON.data;
// console.log() // console.log()
--- ---
<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/national/`
ogSiteName=`https://barta-india.in/national/`
ogType={items.og_type}
ogTitle={items.title}
ogDesc={items.description}
ogURL=`https://barta-india.in/national/`
canonical=`https://barta-india.in/national`
>
<main> <main>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<div class="my-16"> <div class="my-16">
@ -21,7 +39,7 @@ const data = dataJSON.data;
<div class="flex flex-col"> <div class="flex flex-col">
<a href={`/national${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a> <a href={`/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> <h2 class="text-lg line-clamp-1">{items.title}</h2>
<img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/> <img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
<div class="h-[100px] overflow-y-hidden"> <div class="h-[100px] overflow-y-hidden">
<p id="" set:html={items.content}></p> <p id="" set:html={items.content}></p>
</div> </div>

29
src/pages/politics/[id].astro
View File

@ -15,22 +15,39 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx]; const items = data.data[idx];
// console.log(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/politics/${items.slug}`
artPubTime={items.date_created}
ogSiteName=`https://barta-india.in/politics/${items.slug}`
ogType='News'
ogTitle={items.title}
ogDesc={items.heading}
ogURL=`https://barta-india.in/politics/${items.slug}`
canonical=`https://barta-india.in/politics/${items.slug}`
>
<main> <main>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center">
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1> <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
<h2 class="text-xl py-2">{items.title}</h2> <h2 class="text-xl py-2">{items.title}</h2>
<div class="flex flex-col place-items-center"> <div class="flex flex-col place-items-center">
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" /> <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
</div> </div>
<div class="flex flex-row justify-center md:justify-end mt-2"> <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"> <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> <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
<a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/politics/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt=""/></a> <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/politics/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
<a href=`https://www.facebook.com/share.php?u=https://barta-india.in/politics/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a> <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/politics/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/politics/${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/politics/${items.slug}&text=Your%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/politics/${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> <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/politics/${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="Linkdin Logo"/></a>
</div> </div>
</div> </div>
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p> <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>

22
src/pages/politics/index.astro
View File

@ -3,12 +3,30 @@ import Layout from '../../layouts/Layout.astro';
const fetchData = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=politics&sort=-date_created&filter[lang][_eq]=english'); const fetchData = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=politics&sort=-date_created&filter[lang][_eq]=english');
const dataJSON = await fetchData.json(); const dataJSON = await fetchData.json();
const data = dataJSON.data; 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]=politics_en');
const metaJSON = await fetchMeta.json();
const items = metaJSON.data[0];
// const imageData = data.image; // const imageData = data.image;
// const data = fetchDataJSON.data; // const data = fetchDataJSON.data;
// console.log() // console.log()
--- ---
<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/politics/`
ogSiteName=`https://barta-india.in/politics/`
ogType={items.og_type}
ogTitle={items.title}
ogDesc={items.description}
ogURL=`https://barta-india.in/politics/`
canonical=`https://barta-india.in/politics`
>
<main> <main>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<div class="my-16"> <div class="my-16">
@ -21,7 +39,7 @@ const data = dataJSON.data;
<div class="flex flex-col"> <div class="flex flex-col">
<a href={`/politics${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a> <a href={`/politics${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> <h2 class="text-lg line-clamp-1">{items.title}</h2>
<img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/> <img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
<div class="h-[100px] overflow-y-hidden"> <div class="h-[100px] overflow-y-hidden">
<p id="" set:html={items.content}></p> <p id="" set:html={items.content}></p>
</div> </div>

5
src/pages/privacy-policy.astro
View File

@ -1,7 +1,10 @@
--- ---
import Layout from "../layouts/Layout.astro"; import Layout from "../layouts/Layout.astro";
--- ---
<Layout title=""> <Layout title="Privacy Policy | Barta-India"
canonical=`https://barta-india.in/privacy-policy`
>
<main> <main>
<div> <div>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">

28
src/pages/technology/[id].astro
View File

@ -15,22 +15,38 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx]; const items = data.data[idx];
// console.log(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}`
canonical=`https://barta-india.in/technology/${items.slug}`
>
<main> <main>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center">
<h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1> <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
<h2 class="text-xl py-2">{items.title}</h2> <h2 class="text-xl py-2">{items.title}</h2>
<div class="flex flex-col place-items-center"> <div class="flex flex-col place-items-center">
<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" /> <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
</div> </div>
<div class="flex flex-row justify-center md:justify-end mt-2"> <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"> <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> <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=`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="WhatsApp Logo"/></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=`https://www.facebook.com/share.php?u=https://barta-india.in/technology/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></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}&text=%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></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> <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="Linkdin Logo"/></a>
</div> </div>
</div> </div>
<p class="text-justify text-red-700 mt-4" set:html={items.content}></p> <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>

24
src/pages/technology/index.astro
View File

@ -3,12 +3,30 @@ 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 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 dataJSON = await fetchData.json();
const data = dataJSON.data; 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 imageData = data.image;
// const data = fetchDataJSON.data; // 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/`
canonical=`https://barta-india.in/technology`
>
<main> <main>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<div class="my-16"> <div class="my-16">
@ -21,7 +39,7 @@ const data = dataJSON.data;
<div class="flex flex-col"> <div class="flex flex-col">
<a href={`/technology${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a> <a href={`/technology${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> <h2 class="text-lg line-clamp-1">{items.title}</h2>
<img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/> <img class="aspect-video " src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
<div class="h-[100px] overflow-y-hidden"> <div class="h-[100px] overflow-y-hidden">
<p id="" set:html={items.content}></p> <p id="" set:html={items.content}></p>
</div> </div>

2
src/pages/terms-and-conditions.astro
View File

@ -1,7 +1,7 @@
--- ---
import Layout from "../layouts/Layout.astro" import Layout from "../layouts/Layout.astro"
--- ---
<Layout title="" > <Layout title="Terms & Conditions | Barta-India" canonical=`https://barta-india.in/terms-and-conditions`>
<main> <main>
<div class="mt-16"> <div class="mt-16">
<section class="container mx-auto px-4 "> <section class="container mx-auto px-4 ">