Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixing ESlint Error #309

Merged
merged 1 commit into from
May 22, 2023
Merged

Fixing ESlint Error #309

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 14 additions & 11 deletions app/blogs/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import Head from "next/head";
import Image from "next/image";
// import { Blogs } from '../components/Global'


Expand Down Expand Up @@ -33,31 +34,33 @@ export default async function BlogPage({
<title>Blog | WebXDAO</title>
</Head>
<section className="py-8">
<div className="container max-w-5xl mx-auto">
<h1 className="w-full my-2 text-4xl font-bold leading-tight text-center text-white">
<div className="container mx-auto max-w-5xl">
<h1 className="my-2 w-full text-center text-4xl font-bold leading-tight text-white">
Blogs
</h1>
</div>

<section>
<div className="relative flex flex-wrap items-center justify-center grid-cols-1 mx-0 z-2 my-7">
<div className="z-2 relative mx-0 my-7 flex grid-cols-1 flex-wrap items-center justify-center">

{dataT.map((curElem: any) => {
return (
<div
className="relative flex items-center m-7 bg-white shadow-2xl grid-items group z-2 w-min h-min bg-opacity-5 rounded-2xl justify-conten backdrop-filter backdrop-blur-md"
className="grid-items z-2 justify-conten group relative m-7 flex h-min w-min items-center rounded-2xl bg-white/5 shadow-2xl backdrop-blur-md"
key={curElem.id}
>
<div className="relative w-[17.5rem] sm:w-[15.5rem] md:w-[19rem] lg:w-[27rem] h-80 flex justify-center items-center flex-col opacity-70 hover:opacity-100">
<div className="relative w-4/5 truncate duration-500 border-8 border-solid rounded-2xl border-black/25 group-hover:-translate-y-6">
<img
<div className="relative flex h-80 w-[17.5rem] flex-col items-center justify-center opacity-70 hover:opacity-100 sm:w-[15.5rem] md:w-[19rem] lg:w-[27rem]">
<div className="relative w-4/5 truncate rounded-2xl border-8 border-solid border-black/25 duration-500 group-hover:-translate-y-6">
<Image
src={curElem.cover_image}
width={400}
height={250}
alt="blog image"
className="relative top-0 left-0 object-cover w-full h-full"
className="relative left-0 top-0 h-full w-full object-cover"
/>
</div>
<div className="relative flex-wrap items-center justify-center mx-0 my-0 text-center">
<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">
<div className="relative m-0 flex-wrap items-center justify-center text-center">
<h3 className="mx-2.5 mb-2.5 mt-5 text-center text-sm font-medium uppercase leading-4 tracking-wider text-white duration-500 group-hover:-translate-y-6">
<b>{curElem.title}</b>
<br></br>
<br></br>
Expand All @@ -68,7 +71,7 @@ export default async function BlogPage({
href={curElem.url}
target="_blank"
rel="noopener noreferrer"
className="inline-block rounded-md border border-transparent bg-green-500 py-3 px-8 text-center font-medium text-white"
className="inline-block rounded-md border border-transparent bg-green-500 px-8 py-3 text-center font-medium text-white"
>
<b>Read More</b>
</a>
Expand Down
92 changes: 46 additions & 46 deletions app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,17 +12,17 @@ export default function IndexPage() {
<>
{/* TODO: How can i put the image in the background.. absolute / relative thingy */}

<section className="flex flex-col items-center min-h-screen justify-center text-center relative overflow-hidden">
<div className="flex flex-col relative z-10 gap-6">
<section className="relative flex min-h-screen flex-col items-center justify-center overflow-hidden text-center">
<div className="relative z-10 flex flex-col gap-6">
<div className="flex max-w-[980px] flex-col items-center gap-2 ">
<h1 className="text-3xl font-medium leading-tight tracking-tighter sm:text-5xl md:text-6xl lg:text-7xl text-transparent bg-clip-text bg-gradient-to-r from-indigo-700 via-purple-700 to-slate-900 mix-blend-difference">
<h1 className="bg-gradient-to-r from-indigo-700 via-purple-700 to-slate-900 bg-clip-text text-3xl font-medium leading-tight tracking-tighter text-transparent mix-blend-difference sm:text-5xl md:text-6xl lg:text-7xl">
<span className="block">Shaping web</span>
<span className="block">that will captivate</span>
<span className="block">the world.</span>
</h1>
</div>

<div className="flex gap-4 justify-center">
<div className="flex justify-center gap-4">
<Link
href={siteConfig.links.webxdao_getstarted}
target="_blank"
Expand All @@ -37,14 +37,14 @@ export default function IndexPage() {
href={siteConfig.links.webxdao_gh}
className={buttonVariants({ variant: "outline", size: "lg" })}
>
<Icons.gitHub className="h-5 w-5 mr-2" />
<Icons.gitHub className="mr-2 h-5 w-5" />
GitHub
</Link>
</div>

<div className="flex flex-col items-center gap-4 mt-10">
<div className="mt-10 flex flex-col items-center gap-4">
<p className="max-w-[700px] text-lg text-slate-900 dark:text-white sm:text-xl">
Our community is based on open-source principles and we're focused on shaping the
Our community is based on open-source principles and we&apos;re focused on shaping the
future of the web. Join us as we collaborate on projects, share knowledge, and build
community.
</p>
Expand All @@ -66,7 +66,7 @@ export default function IndexPage() {
alt="flying card 001"
width={135}
height={165}
className="absolute top-[12rem] left-[12rem]"
className="absolute left-[12rem] top-[12rem]"
/>

<Image
Expand All @@ -80,54 +80,54 @@ export default function IndexPage() {
</section>

{/* Headline */}
<section className="container grid items-center gap-6 pb-8 pt-6 md:py-10 justify-center text-center mt-20">
<section className="container mt-20 grid items-center justify-center gap-6 pb-8 pt-6 text-center md:py-10">
<div className="flex max-w-[980px] flex-col items-center gap-2">
<h3 className="text-xl font-extrabold leading-tight tracking-tighter sm:text-2xl md:text-3xl lg:text-2xl px-32">
<h3 className="px-32 text-xl font-extrabold leading-tight tracking-tighter sm:text-2xl md:text-3xl lg:text-2xl">
Become an integral part of a dynamic and vibrant network of like-minded developers
</h3>
<div className="flex gap-4 gap-x-4 mt-4">
<div className="mt-4 flex gap-4">
<div className="flex items-center">
<Icons.twitter className="h-5 w-5 mr-1 fill-current cursor-pointer" />
<Icons.twitter className="mr-1 h-5 w-5 cursor-pointer fill-current" />
<span className="cursor-pointer">Twitter</span>
</div>

<div className="flex items-center">
<Icons.discord className="h-5 w-5 mr-1 fill-current cursor-pointer" />
<Icons.discord className="mr-1 h-5 w-5 cursor-pointer fill-current" />
<span className="cursor-pointer">Discord</span>
</div>
</div>
</div>
</section>

{/* Blurbs */}
<section className="flex py-0 justify-center px-40">
<div className="flex my-12 gap-8">
<div className="flex flex-col gap-3 items-center justify-center text-center">
<div className="p-8 bg-white border-l-3 border-opacity-38 shadow-md shadow-purple-300 rounded-lg border-white flex justify-center">
<section className="flex justify-center px-40 py-0">
<div className="my-12 flex gap-8">
<div className="flex flex-col items-center justify-center gap-3 text-center">
<div className="border-l-3 flex justify-center rounded-lg border-white bg-white p-8 shadow-md shadow-purple-300">
<Icons.collaborate className="h-15 w-15 mr-1" />
</div>
<div className="font-bold text-lg">Collaborate</div>
<div className="text-lg font-bold">Collaborate</div>
<span className="text-sm">
Collaborate with other members to achieve common goals and objectives.
</span>
</div>

<div className="flex flex-col gap-3 items-center justify-center text-center">
<div className="p-8 bg-white border-l-3 border-opacity-38 shadow-md shadow-purple-300 rounded-lg border-white flex justify-center">
<div className="flex flex-col items-center justify-center gap-3 text-center">
<div className="border-l-3 flex justify-center rounded-lg border-white bg-white p-8 shadow-md shadow-purple-300">
<Icons.blockchain className="h-15 w-15 mr-1" />
</div>
<div className="font-bold text-lg">Blockchain</div>
<div className="text-lg font-bold">Blockchain</div>
<span className="text-sm">
Dedicated to exploring new ways to leverage the power Of this transformative
technology.
</span>
</div>

<div className="flex flex-col gap-3 items-center justify-center text-center">
<div className="p-8 bg-white border-l-3 border-opacity-38 shadow-md shadow-purple-300 rounded-lg border-white flex justify-center">
<div className="flex flex-col items-center justify-center gap-3 text-center">
<div className="border-l-3 flex justify-center rounded-lg border-white bg-white p-8 shadow-md shadow-purple-300">
<Icons.decentralization className="h-15 w-15 mr-1" />
</div>
<div className="font-bold text-lg">Decentralization</div>
<div className="text-lg font-bold">Decentralization</div>
<span className="text-sm">
Operates in a decentralized manner, giving power to its community members.
</span>
Expand All @@ -136,76 +136,76 @@ export default function IndexPage() {
</section>

{/* Partners */}
<section className="container grid items-center gap-6 pb-8 pt-6 md:py-10 justify-center text-center mt-20">
<div className="flex max-w-[980px] flex-col items-center gap-2 ml-auto mr-auto">
<h3 className="text-xl font-extrabold leading-tight tracking-tighter sm:text-2xl md:text-3xl lg:text-2xl px-32">
<section className="container mt-20 grid items-center justify-center gap-6 pb-8 pt-6 text-center md:py-10">
<div className="mx-auto flex max-w-[980px] flex-col items-center gap-2">
<h3 className="px-32 text-xl font-extrabold leading-tight tracking-tighter sm:text-2xl md:text-3xl lg:text-2xl">
Get to know our Community Partners
</h3>
<h2>Community Partners we highly value</h2>
</div>

<div className="flex flex-row gap-32 mt-10">
<div className="max-w-sm overflow-hidden bg-white border-l-3 border-opacity-38 shadow-md shadow-purple-300 rounded-lg">
<img className="w-full" src="/Dev-protocol-1.png" alt="" />
<div className="mt-10 flex flex-row gap-32">
<div className="border-l-3 max-w-sm overflow-hidden rounded-lg bg-white shadow-md shadow-purple-300">
<Image className="w-full" src="/Dev-protocol-1.png" width={400} height={250} alt="" />
<div className="px-6 py-4">
<p className="text-gray-700 text-base">
<p className="text-base text-gray-700">
Dev Protocol is designed as a unique protocol to fairly evaluate OSS, which has been
economically undervalued for decades. It is built on the Ethereum blockchain and
brings economic value to all open source activities.
</p>
</div>
<div className="px-6 pt-4 pb-2 flex justify-end">
<span className="border-2 border-solid border-black rounded px-4 py-1 flex w-fit-content mr-auto gap-6 font-inter font-semibold text-14.0418 text-black mb-0 cursor-pointer">
<div className="flex justify-end px-6 pb-2 pt-4">
<span className="w-fit-content font-inter text-14.0418 mb-0 mr-auto flex cursor-pointer gap-6 rounded border-2 border-solid border-black px-4 py-1 font-semibold text-black">
<Image
src="/Arrow1.png"
alt="arrow"
width={15}
height={18}
className="flex items-center mt-auto mb-auto"
className="my-auto flex items-center"
/>
Read More
</span>
</div>
</div>

<div className="max-w-sm overflow-hidden bg-white border-l-3 border-opacity-38 shadow-md shadow-purple-300 rounded-lg">
<img className="w-full" src="/The-Algorithms-1.png" alt="" />
<div className="border-l-3 max-w-sm overflow-hidden rounded-lg bg-white shadow-md shadow-purple-300">
<Image className="w-full" src="/The-Algorithms-1.png" width={400} height={250} alt="" />
<div className="px-6 py-4">
<p className="text-gray-700 text-base">
<p className="text-base text-gray-700">
The Algorithms is an open source community for learning Data Structures & Algorithms
and their implementation in any Programming Language.
</p>
</div>
<div className="px-6 pt-4 pb-2 flex justify-end mt-10">
<span className="border-2 border-solid border-black rounded px-4 py-1 flex w-fit-content mr-auto gap-6 font-inter font-semibold text-14.0418 text-black mb-0 cursor-pointer">
<div className="mt-10 flex justify-end px-6 pb-2 pt-4">
<span className="w-fit-content font-inter text-14.0418 mb-0 mr-auto flex cursor-pointer gap-6 rounded border-2 border-solid border-black px-4 py-1 font-semibold text-black">
<Image
src="/Arrow1.png"
alt="arrow"
width={15}
height={18}
className="flex items-center mt-auto mb-auto"
className="my-auto flex items-center"
/>
Read More
</span>
</div>
</div>

<div className="max-w-sm overflow-hidden bg-white border-l-3 border-opacity-38 shadow-md shadow-purple-300 rounded-lg">
<img className="w-full" src="/Lumos-Labs-1.png" alt="Sunset in the mountains" />
<div className="border-l-3 max-w-sm overflow-hidden rounded-lg bg-white shadow-md shadow-purple-300">
<Image className="w-full" src="/Lumos-Labs-1.png" width={400} height={250} alt="Sunset in the mountains" />
<div className="px-6 py-4">
<p className="text-gray-700 text-base">
<p className="text-base text-gray-700">
Lumos labs is building a metaverse for builders and Web3 ecosystem enablers to share
opportunities to build scale-up.
</p>
</div>
<div className="px-6 pt-4 pb-2 flex justify-end mt-12">
<span className="border-2 border-solid border-black rounded px-4 py-1 flex w-fit-content mr-auto gap-6 font-inter font-semibold text-14.0418 text-black mb-0 cursor-pointer">
<div className="mt-12 flex justify-end px-6 pb-2 pt-4">
<span className="w-fit-content font-inter text-14.0418 mb-0 mr-auto flex cursor-pointer gap-6 rounded border-2 border-solid border-black px-4 py-1 font-semibold text-black">
<Image
src="/Arrow1.png"
alt="arrow"
width={15}
height={18}
className="flex items-center mt-auto mb-auto"
className="my-auto flex items-center"
/>
Read More
</span>
Expand Down
Loading