Skip to content

Commit 33cb66e

Browse files
mkubdevmkubdev
committed
[🧪] comment old component to trigger GitHub action build process.
1 parent 672cd67 commit 33cb66e

File tree

3 files changed

+100
-92
lines changed

3 files changed

+100
-92
lines changed

‎src/pages/blog.js

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,34 @@
1-
import Head from 'next/head'
2-
import { Blogs } from '../components/Global'
1+
import Head from 'next/head';
2+
// import { Blogs } from '../components/Global'
33

44
export default function Blog({ articles }) {
55
return (
66
<>
77
<Head>
88
<title>Blog | WebXDAO</title>
99
</Head>
10-
<section className='text-white text-center bg-[#00007F]'>
10+
{/* <section className='text-white text-center bg-[#00007F]'>
1111
<div className='px-20 py-20'>
1212
<h1 className='font-bold text-5xl antialiased'>Check out our blog posts</h1>
1313
<div className='mt-6 text-xl font-light text-true-gray-500 antialiased'>
1414
Read our articles from <span className='font-mono'>Dev.to</span>
1515
</div>
1616
</div>
1717
<Blogs articles={articles} contentOnly={true} />
18-
</section>
18+
</section> */}
1919
</>
20-
)
20+
);
2121
}
2222

2323
export async function getStaticProps() {
2424
const res = await fetch('https://dev.to/api/articles?username=webxdao', {
25-
method: 'GET'
26-
})
27-
const articles = await res.json()
25+
method: 'GET',
26+
});
27+
const articles = await res.json();
2828
return {
2929
props: {
30-
articles
30+
articles,
3131
},
32-
revalidate: 10
33-
}
32+
revalidate: 10,
33+
};
3434
}

‎src/pages/partners.js

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,42 @@
1-
import Head from 'next/head'
2-
import { prefix } from '../constants'
1+
import Head from 'next/head';
2+
import { prefix } from '../constants';
33

44
export default function Partners({ partnerData }) {
55
return (
66
<>
77
<Head>
88
<title>Community Partners | WebXDAO</title>
99
</Head>
10-
<section className='text-white text-center bg-[#00007f]'>
11-
<div className='px-20 py-20'>
12-
<h1 className='font-bold text-5xl antialiased'>Community Partners</h1>
13-
<div className='mt-6 text-xl font-light text-true-gray-500 antialiased'>
10+
<section className="text-white text-center bg-[#00007f]">
11+
<div className="px-20 py-20">
12+
<h1 className="font-bold text-5xl antialiased">Community Partners</h1>
13+
<div className="mt-6 text-xl font-light text-true-gray-500 antialiased">
1414
Our Valuable Community Partners
1515
</div>
1616
</div>
1717
</section>
1818

19-
<div className='flex flex-col'>
20-
<div className='bg-white pt-12 pb-12 flex-1'>
21-
<div className='container mx-auto'>
22-
<div className='flex flex-wrap gap-6'>
23-
<div className='text-black grid grid-col-1 p-3 gap-y-3 md:grid md:grid-cols-2 md:gap-3 md:p-3'>
19+
<div className="flex flex-col">
20+
<div className="bg-white pt-12 pb-12 flex-1">
21+
<div className="container mx-auto">
22+
<div className="flex flex-wrap gap-6">
23+
<div className="text-black grid grid-col-1 p-3 gap-y-3 md:grid md:grid-cols-2 md:gap-3 md:p-3">
2424
{partnerData.map(({ name, title, imgUrl, text }, index) => (
2525
<div
2626
key={name + index}
27-
className='cursor-pointer bg-white flex-1 rounded-md shadow focus:outline-none focus:shadow-outline transform transition hover:shadow-lg hover:scale-105 hover:z-10 duration-300 ease-in-out p-4'
27+
className="cursor-pointer bg-white flex-1 rounded-md shadow focus:outline-none focus:shadow-outline transform transition hover:shadow-lg hover:scale-105 hover:z-10 duration-300 ease-in-out p-4"
2828
>
29-
<div className='grid grid-cols-3 items-center justify-start overflow-hidden'>
30-
<div className='relative col-span-1'>
29+
<div className="grid grid-cols-3 items-center justify-start overflow-hidden">
30+
<div className="relative col-span-1">
3131
<img
3232
alt={name}
33-
className='bg-gray-50 p-5 rounded-md'
33+
className="bg-gray-50 p-5 rounded-md"
3434
src={prefix + imgUrl}
3535
/>
3636
</div>
37-
<div className='flex flex-col col-span-2 gap-y-3 pl-5'>
38-
<h4 className='text-xl font-semibold'>{title}</h4>
39-
<p className='text-gray-800'>{text}</p>
37+
<div className="flex flex-col col-span-2 gap-y-3 pl-5">
38+
<h4 className="text-xl font-semibold">{title}</h4>
39+
<p className="text-gray-800">{text}</p>
4040
</div>
4141
</div>
4242
</div>
@@ -47,7 +47,7 @@ export default function Partners({ partnerData }) {
4747
</div>
4848
</div>
4949
</>
50-
)
50+
);
5151
}
5252

5353
export function getStaticProps() {
@@ -56,30 +56,30 @@ export function getStaticProps() {
5656
name: 'dev protocol',
5757
imgUrl: '/logo 3.4.png',
5858
title: 'DEV PROTOCOL',
59-
text: 'Dev Protocol was 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.'
59+
text: 'Dev Protocol was 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.',
6060
},
6161
{
6262
name: 'logo1',
6363
imgUrl: '/logo 3 1.png',
6464
title: 'Logo 1',
65-
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doeiusmod tempor incididunt ut labore et dolore magna aliqua.'
65+
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doeiusmod tempor incididunt ut labore et dolore magna aliqua.',
6666
},
6767
{
6868
name: 'logo2',
6969
imgUrl: '/logo 3 2.png',
7070
title: 'Logo 2',
71-
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doeiusmod tempor incididunt ut labore et dolore magna aliqua.'
71+
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doeiusmod tempor incididunt ut labore et dolore magna aliqua.',
7272
},
7373
{
7474
name: 'logo3',
7575
imgUrl: '/logo 3 3.png',
7676
title: 'Logo 3',
77-
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doeiusmod tempor incididunt ut labore et dolore magna aliqua.'
78-
}
79-
]
77+
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doeiusmod tempor incididunt ut labore et dolore magna aliqua.',
78+
},
79+
];
8080
return {
8181
props: {
82-
partnerData: data
83-
}
84-
}
82+
partnerData: data,
83+
},
84+
};
8585
}

‎src/pages/projects.js

Lines changed: 61 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,65 +1,73 @@
1-
import Head from 'next/head'
2-
import { prefix } from '../constants'
1+
import Head from 'next/head';
2+
import { prefix } from '../constants';
33

44
export default function Projects({ projectsData }) {
55
return (
66
<>
77
<Head>
88
<title>Projects | WebXDAO</title>
99
</Head>
10-
<section className='text-white text-center bg-[#00007f]'>
11-
<div className='px-20 py-20'>
12-
<h1 className='font-bold text-3xl md:text-5xl antialiased'>Resources/Projects</h1>
13-
<div className='mt-6 text-xl font-light text-true-gray-500 antialiased'>
14-
Here you can find a list of good projects and resources to learn about Blockchain and
15-
Web 3.0
10+
<section className="text-white text-center bg-[#00007f]">
11+
<div className="px-20 py-20">
12+
<h1 className="font-bold text-3xl md:text-5xl antialiased">
13+
Resources/Projects
14+
</h1>
15+
<div className="mt-6 text-xl font-light text-true-gray-500 antialiased">
16+
Here you can find a list of good projects and resources to learn
17+
about Blockchain and Web 3.0
1618
</div>
1719
</div>
1820
</section>
1921

20-
<div className='container max-w-screen-xl mx-auto my-8 grid pb-8 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mb-8 gap-6 px-8'>
21-
{projectsData.map(({ name, imgUrl, type, title, text, tags }, index) => (
22-
<div
23-
key={name + index}
24-
className='flex flex-col justify-between items-stretch col-span-3 md:col-span-1 cursor-pointer p-2 shadow rounded-md focus:outline-none focus:shadow-outline transform transition hover:shadow-lg hover:scale-105 duration-300 ease-in-out'
25-
>
26-
<div className='bg-white p-4 rounded-lg flex flex-col justify-between'>
27-
<div className='relative mb-6'>
28-
<img
29-
className='lg:h-60 xl:h-56 md:h-64 h-72 w-full object-cover object-center rounded-md'
30-
src={prefix + imgUrl}
31-
alt={name}
32-
/>
33-
</div>
34-
<div className='flex justify-between'>
35-
<h2 className='text-xl text-gray-900 font-semibold mb-4'>{title}</h2>
36-
<h3
37-
className={`tracking-widest ${
38-
type === 'FREE' ? 'text-green-500' : 'text-yellow-500'
39-
} text-sm font-semibold title-font`}
40-
>
41-
{type}
42-
</h3>
43-
</div>
22+
<div className="container max-w-screen-xl mx-auto my-8 grid pb-8 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mb-8 gap-6 px-8">
23+
{projectsData.map(
24+
({ name, imgUrl, type, title, text, tags }, index) => (
25+
<div
26+
key={name + index}
27+
className="flex flex-col justify-between items-stretch col-span-3 md:col-span-1 cursor-pointer p-2 shadow rounded-md focus:outline-none focus:shadow-outline transform transition hover:shadow-lg hover:scale-105 duration-300 ease-in-out"
28+
>
29+
<div className="bg-white p-4 rounded-lg flex flex-col justify-between">
30+
<div className="relative mb-6">
31+
<img
32+
className="lg:h-60 xl:h-56 md:h-64 h-72 w-full object-cover object-center rounded-md"
33+
src={prefix + imgUrl}
34+
alt={name}
35+
/>
36+
</div>
37+
<div className="flex justify-between">
38+
<h2 className="text-xl text-gray-900 font-semibold mb-4">
39+
{title}
40+
</h2>
41+
<h3
42+
className={`tracking-widest ${
43+
type === 'FREE' ? 'text-green-500' : 'text-yellow-500'
44+
} text-sm font-semibold title-font`}
45+
>
46+
{type}
47+
</h3>
48+
</div>
4449

45-
<p className='leading-relaxed text-base text-gray-800 mb-5'>{text}</p>
50+
<p className="leading-relaxed text-base text-gray-800 mb-5">
51+
{text}
52+
</p>
4653

47-
<div className='mt-auto justify-items-end text-sm flex flex-wrap gap-3'>
48-
{tags.map((item, index) => (
49-
<button
50-
key={item + index}
51-
className='whitespace-nowrap font-semibold bg-blue-100 text-blue-600 rounded-md py-2 px-4 focus:outline-none'
52-
>
53-
{item}
54-
</button>
55-
))}
54+
<div className="mt-auto justify-items-end text-sm flex flex-wrap gap-3">
55+
{tags.map((item, index) => (
56+
<button
57+
key={item + index}
58+
className="whitespace-nowrap font-semibold bg-blue-100 text-blue-600 rounded-md py-2 px-4 focus:outline-none"
59+
>
60+
{item}
61+
</button>
62+
))}
63+
</div>
5664
</div>
5765
</div>
58-
</div>
59-
))}
66+
)
67+
)}
6068
</div>
6169
</>
62-
)
70+
);
6371
}
6472

6573
export function getStaticProps() {
@@ -70,28 +78,28 @@ export function getStaticProps() {
7078
type: 'PREMIUM',
7179
title: 'Start Here',
7280
text: 'InVision is the digital product design platform used to make the worlds best customer experiences.',
73-
tags: ['Documentation']
81+
tags: ['Documentation'],
7482
},
7583
{
7684
name: 'Adobe XD',
7785
imgUrl: '/blogs_xd.png',
7886
type: 'FREE',
7987
title: 'Blockchain Dev Path',
8088
text: 'Adobe XD is your UI/UX design solution platform for website and mobile appcreation.',
81-
tags: ['Documentation']
89+
tags: ['Documentation'],
8290
},
8391
{
8492
name: 'Figma',
8593
imgUrl: '/blogs_figma.png',
8694
type: 'FREE',
8795
title: 'Website',
8896
text: 'Figma helps the teams to create, test, and ship better designs from start to finish.',
89-
tags: ['Tailwind Css', 'Eleventy', 'Alpine.js']
90-
}
91-
]
97+
tags: ['Tailwind Css', 'Eleventy', 'Alpine.js'],
98+
},
99+
];
92100
return {
93101
props: {
94-
projectsData: data
95-
}
96-
}
102+
projectsData: data,
103+
},
104+
};
97105
}

0 commit comments

Comments
 (0)