Skip to content

Commit 836a83e

Browse files
Anuran12Anuran12
committed
Improved
1 parent 6c66eb7 commit 836a83e

File tree

1 file changed

+18
-18
lines changed

1 file changed

+18
-18
lines changed

‎src/pages/blog.js‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -12,45 +12,45 @@ export const getStaticProps = async () => {
1212
};
1313
};
1414

15-
const blogs = ({ data }) => {
15+
const blog = ({ data }) => {
1616
return (
1717
<>
1818
<Head>
1919
<title>Blog | WebXDAO</title>
2020
</Head>
21-
<section className='py-8'>
21+
<section className="py-8">
2222

23-
<div className='container max-w-5xl mx-auto'>
24-
<h1 className='w-full my-2 text-4xl font-bold leading-tight text-center text-white'>
23+
<div className="container max-w-5xl mx-auto">
24+
<h1 className="w-full my-2 text-4xl font-bold leading-tight text-center text-white">
2525
Blogs
2626
</h1>
27-
<div className='w-full mb-4'>
28-
<div className='h-1 mx-auto gradient w-64 opacity-25 my-0 py-0 rounded-t'></div>
27+
<div className="w-full mb-4">
28+
<div className="h-1 mx-auto gradient w-64 opacity-25 my-0 py-0 rounded-t"></div>
2929
</div>
3030
</div>
3131

32-
<div className='absolute top-40 -left-16 xl:w-96 xl:h-96 bg-gradient-to-t from-[#1BFFFF] to-[#2E3192] rounded-full'></div>
33-
<div className='absolute top-96 -right-80 xl:w-[50rem] xl:h-[50rem] bg-gradient-to-t from-[#FBB03B] to-[#D4145A] rounded-full'></div>
32+
<div className="absolute top-40 -left-16 xl:w-96 xl:h-96 bg-gradient-to-t from-[#1BFFFF] to-[#2E3192] rounded-full"></div>
33+
<div className="absolute top-96 -right-80 xl:w-[50rem] xl:h-[50rem] bg-gradient-to-t from-[#FBB03B] to-[#D4145A] rounded-full"></div>
3434

3535
<section>
36-
<div className='relative grid grid-cols-1 sm:grid-cols-2 z-2 flex justify-center items-center flex-wrap my-7 mx-0'>
36+
<div className="relative grid grid-cols-1 sm:grid-cols-2 z-2 flex justify-center items-center flex-wrap my-7 mx-0">
3737

3838
{data.map((curElem) => {
3939
return (
40-
<div className='grid-items group z-2 relative w-min h-min bg-white bg-opacity-5 m-10 shadow-2xl rounded-2xl flex justify-conten items-center backdrop-filter backdrop-blur-md' key={curElem.id}>
41-
<div className='relative w-[17.5rem] sm:w-[15.5rem] md:w-[19rem] lg:w-[27rem] xl:w-[35rem] h-80 flex justify-center items-center flex-col opacity-70 hover:opacity-100'>
40+
<div className="grid-items group z-2 relative w-min h-min bg-white bg-opacity-5 m-10 shadow-2xl rounded-2xl flex justify-conten items-center backdrop-filter backdrop-blur-md" key={curElem.id}>
41+
<div className="relative w-[17.5rem] sm:w-[15.5rem] md:w-[19rem] lg:w-[27rem] xl:w-[35rem] h-80 flex justify-center items-center flex-col opacity-70 hover:opacity-100">
4242

43-
<div className='relative w-4/5 rounded-2xl truncate border-8 border-solid border-black/25 group-hover:-translate-y-6 duration-500'>
44-
<img src={curElem.cover_image} alt='blog image' className='relative top-0 left-0 w-full h-full object-cover ' />
43+
<div className="relative w-4/5 rounded-2xl truncate border-8 border-solid border-black/25 group-hover:-translate-y-6 duration-500">
44+
<img src={curElem.cover_image} alt="blog image" className="relative top-0 left-0 w-full h-full object-cover" />
4545
</div>
46-
<div className='relative justify-center items-center flex-wrap mx-0 my-0 text-center'>
47-
<h3 className='group-hover:-translate-y-6 duration-500 text-white uppercase font-medium text-sm text-center tracking-wider mt-5 mr-2.5 ml-2.5 mb-2.5 leading-4 '>
46+
<div className="relative justify-center items-center flex-wrap mx-0 my-0 text-center">
47+
<h3 className="group-hover:-translate-y-6 duration-500 text-white uppercase font-medium text-sm text-center tracking-wider mt-5 mr-2.5 ml-2.5 mb-2.5 leading-4">
4848
<b>{curElem.title}</b>
4949
<br></br><br></br>
50-
<spam className='text-xs font-light lowercase'>
50+
<spam className="text-xs font-light lowercase">
5151
{curElem.description}
5252
</spam>
53-
<a href={curElem.url} target="_blank" rel='noopener noreferrer' className='rounded-md bg-green-500 pl-4 pr-4 text-base font-normal mb-0 mt-0 m-auto'>
53+
<a href={curElem.url} target="_blank" rel="noopener noreferrer" className="rounded-md bg-green-500 pl-4 pr-4 text-base font-normal mb-0 mt-0 m-auto">
5454
<b>Read</b>
5555
</a>
5656
</h3>
@@ -66,4 +66,4 @@ const blogs = ({ data }) => {
6666
)
6767
}
6868

69-
export default blogs;
69+
export default blog;

0 commit comments

Comments
 (0)