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

c

pull/4/head
dev sp 2024-01-12 12:40:48 +00:00
parent b99917c87f
commit 98e7021d7c
2 changed files with 40 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
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;
} }
const { title } = Astro.props; const { title, metaTitle, description, ogImg, tiwtterCard, tiwtterImage, tiwtterTitle, tiwtterDesc, tiwtterURL, artPubTime, artUpdtTime, ogSiteName, ogType, ogTitle, ogDesc, ogURL} = Astro.props;
--- ---
<!DOCTYPE html> <!DOCTYPE html>
@ -15,8 +14,28 @@ 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="siliconpin 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} />
</head> </head>
<body> <body>
<div> <div>

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

@ -15,7 +15,23 @@ 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}`
>
<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">