Skip to content

Commit dd35af2

Browse files
committed
feat: minor adjustments
1 parent 6e164af commit dd35af2

File tree

6 files changed

+276
-274
lines changed

6 files changed

+276
-274
lines changed
Lines changed: 64 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,79 +1,77 @@
11
export default function CommunitGuidlines() {
22
return (
3-
<main className="bg-white dark:bg-gray-900">
4-
<div className="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8">
5-
<h1 className="flex items-center text-5xl font-extrabold dark:text-white">
6-
Welcome to
7-
<span className="bg-blue-100 text-blue-800 text-2xl font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ms-2">
8-
Our Community
9-
</span>
10-
</h1>
11-
<p className="mt-2 text-lg font-normal text-gray-500 lg:text-xl dark:text-gray-400">
12-
We’re glad you’re here. To ensure Hall of Codes remains a welcoming
13-
and safe place for everyone, please follow these guidelines:
14-
</p>
3+
<div className="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8">
4+
<h1 className="flex items-center text-5xl font-extrabold dark:text-white">
5+
Welcome to
6+
<span className="bg-blue-100 text-blue-800 text-2xl font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ms-2">
7+
Our Community
8+
</span>
9+
</h1>
10+
<p className="mt-2 text-lg font-normal text-gray-500 lg:text-xl dark:text-gray-400">
11+
We’re glad you’re here. To ensure Hall of Codes remains a welcoming and
12+
safe place for everyone, please follow these guidelines:
13+
</p>
1514

16-
<div className="mt-10 space-y-6">
17-
<div>
18-
<h3 className="text-lg font-semibold">Be Respectful:</h3>
19-
<p className="text-gray-500">
20-
Treat all members with respect. Harassment, hate speech, or
21-
personal attacks are not allowed.
22-
</p>
23-
</div>
24-
25-
<div>
26-
<h3 className="text-lg font-semibold">Stay On Topic:</h3>
27-
<p className="text-gray-500">
28-
Keep discussions relevant to coding, projects, or the community.
29-
</p>
30-
</div>
15+
<div className="mt-10 space-y-6">
16+
<div>
17+
<h3 className="text-lg font-semibold">Be Respectful</h3>
18+
<p className="text-gray-500">
19+
Treat all members with respect. Harassment, hate speech, or personal
20+
attacks are not allowed.
21+
</p>
22+
</div>
3123

32-
<div>
33-
<h3 className="text-lg font-semibold">No Spam:</h3>
34-
<p className="text-gray-500">
35-
Avoid self-promotion, repeated messages, or unrelated links.
36-
</p>
37-
</div>
24+
<div>
25+
<h3 className="text-lg font-semibold">Stay On Topic</h3>
26+
<p className="text-gray-500">
27+
Keep discussions relevant to coding, projects, or the community.
28+
</p>
29+
</div>
3830

39-
<div>
40-
<h3 className="text-lg font-semibold">Contribute Positively:</h3>
41-
<p className="text-gray-500">
42-
Share helpful feedback, resources, and support fellow members.
43-
</p>
44-
</div>
31+
<div>
32+
<h3 className="text-lg font-semibold">No Spam</h3>
33+
<p className="text-gray-500">
34+
Avoid self-promotion, repeated messages, or unrelated links.
35+
</p>
36+
</div>
4537

46-
<div>
47-
<h3 className="text-lg font-semibold">Respect Privacy:</h3>
48-
<p className="text-gray-500">
49-
Do not share personal information of others without permission.
50-
</p>
51-
</div>
38+
<div>
39+
<h3 className="text-lg font-semibold">Contribute Positively</h3>
40+
<p className="text-gray-500">
41+
Share helpful feedback, resources, and support fellow members.
42+
</p>
43+
</div>
5244

53-
<div>
54-
<h3 className="text-lg font-semibold">Wit Happens:</h3>
55-
<p className="text-gray-500">
56-
Sometimes messages may be witty, sarcastic, or playful. Don’t take
57-
things personally.
58-
</p>
59-
</div>
45+
<div>
46+
<h3 className="text-lg font-semibold">Respect Privacy</h3>
47+
<p className="text-gray-500">
48+
Do not share personal information of others without permission.
49+
</p>
50+
</div>
6051

61-
<div>
62-
<h3 className="text-lg font-semibold">No Liability:</h3>
63-
<p className="text-gray-500">
64-
Advice, consultations, or answers shared in this community are for
65-
informational purposes only. Hall of Codes members and admins are
66-
not responsible for any outcomes resulting from the use of shared
67-
information.
68-
</p>
69-
</div>
52+
<div>
53+
<h3 className="text-lg font-semibold">Wit Happens</h3>
54+
<p className="text-gray-500">
55+
Sometimes messages may be witty, sarcastic, or playful. Don’t take
56+
things personally.
57+
</p>
7058
</div>
7159

72-
<p className="mt-6">
73-
By participating in Hall of Codes, you agree to follow these rules.
74-
Violations may result in removal from the community.
75-
</p>
60+
<div>
61+
<h3 className="text-lg font-semibold">No Liability</h3>
62+
<p className="text-gray-500">
63+
Advice, consultations, or answers shared in this community are for
64+
informational purposes only. Hall of Codes members and admins are
65+
not responsible for any outcomes resulting from the use of shared
66+
information.
67+
</p>
68+
</div>
7669
</div>
77-
</main>
70+
71+
<p className="mt-6">
72+
By participating in Hall of Codes, you agree to follow these rules.
73+
Violations may result in removal from the community.
74+
</p>
75+
</div>
7876
);
7977
}

src/app/about/page.tsx

Lines changed: 69 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -20,85 +20,80 @@ const organizationChart = [
2020

2121
export default function About() {
2222
return (
23-
<main className="bg-white dark:bg-gray-900">
24-
<div className="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8">
25-
<h1 className="mb-4 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-6xl dark:text-white">
26-
About{" "}
27-
<span className="text-blue-600 dark:text-blue-500">
28-
Hall of Codes
29-
</span>
30-
.
31-
</h1>
32-
<p className="text-lg font-normal text-gray-500 lg:text-xl dark:text-gray-400 mb-9">
33-
Here at Hall of Codes we share our passion for coding and fostering
34-
collaboration among developers worldwide. Discover our journey,
35-
mission, and commitment to advancing coding knowledge and skills in an
36-
inclusive and supportive environment.
37-
</p>
23+
<div className="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8">
24+
<h1 className="mb-4 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-6xl dark:text-white">
25+
About{" "}
26+
<span className="text-blue-600 dark:text-blue-500">Hall of Codes</span>.
27+
</h1>
28+
<p className="text-lg font-normal text-gray-500 lg:text-xl dark:text-gray-400 mb-9">
29+
Here at Hall of Codes we share our passion for coding and fostering
30+
collaboration among developers worldwide. Discover our journey, mission,
31+
and commitment to advancing coding knowledge and skills in an inclusive
32+
and supportive environment.
33+
</p>
3834

39-
<div className="text-center">
40-
<h2 className="text-4xl text-purple-500">Our Mission</h2>
41-
<p className="text-lg text-gray-600 dark:text-gray-400 mt-2 w-full max-w-2xl mx-auto mb-6">
42-
To create a global community of developers who share knowledge,
43-
collaborate on projects, and inspire each other to grow in their
44-
coding journey.
45-
</p>
35+
<div className="text-center">
36+
<h2 className="text-4xl text-purple-500">Our Mission</h2>
37+
<p className="text-lg text-gray-600 dark:text-gray-400 mt-2 w-full max-w-2xl mx-auto mb-6">
38+
To create a global community of developers who share knowledge,
39+
collaborate on projects, and inspire each other to grow in their
40+
coding journey.
41+
</p>
4642

47-
<h2 className="text-4xl text-green-500">Our Vision</h2>
48-
<p className="text-lg text-gray-600 dark:text-gray-400 mt-2 w-full max-w-2xl mx-auto">
49-
To be a leading platform that empowers developers to connect,
50-
innovate, and excel in their coding endeavors, fostering a culture
51-
of continuous learning and collaboration.
52-
</p>
53-
</div>
43+
<h2 className="text-4xl text-green-500">Our Vision</h2>
44+
<p className="text-lg text-gray-600 dark:text-gray-400 mt-2 w-full max-w-2xl mx-auto">
45+
To be a leading platform that empowers developers to connect,
46+
innovate, and excel in their coding endeavors, fostering a culture of
47+
continuous learning and collaboration.
48+
</p>
49+
</div>
5450

55-
<div className="mt-10 grid md:grid-cols-2 lg:grid-cols-3 gap-8">
56-
{organizationChart.map((member, index) => (
57-
<div
58-
key={index}
59-
className="bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-8 md:p-12"
51+
<div className="mt-10 grid md:grid-cols-2 lg:grid-cols-3 gap-8">
52+
{organizationChart.map((member, index) => (
53+
<div
54+
key={index}
55+
className="bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-8 md:p-12"
56+
>
57+
<Image
58+
src={`http://avatars.githubusercontent.com/${member.username}?s=192`}
59+
className="rounded-full border-2 border-gray-200 dark:border-gray-700"
60+
alt="Profile Photo"
61+
width={192}
62+
height={192}
63+
/>
64+
<span className="mt-10 bg-purple-100 text-purple-800 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded-md dark:bg-gray-700 dark:text-purple-400 mb-2">
65+
{member.position}
66+
</span>
67+
<h2 className="text-gray-900 dark:text-white text-3xl font-extrabold mb-2">
68+
{member.name}
69+
</h2>
70+
<p className="text-lg font-normal text-gray-500 dark:text-gray-400 mb-4">
71+
{member.bio}
72+
</p>
73+
<Link
74+
href={member.website}
75+
className="text-blue-600 dark:text-blue-500 hover:underline font-medium text-lg inline-flex items-center"
6076
>
61-
<Image
62-
src={`http://avatars.githubusercontent.com/${member.username}?s=192`}
63-
className="rounded-full border-2 border-gray-200 dark:border-gray-700"
64-
alt="Profile Photo"
65-
width={192}
66-
height={192}
67-
/>
68-
<span className="mt-10 bg-purple-100 text-purple-800 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded-md dark:bg-gray-700 dark:text-purple-400 mb-2">
69-
{member.position}
70-
</span>
71-
<h2 className="text-gray-900 dark:text-white text-3xl font-extrabold mb-2">
72-
{member.name}
73-
</h2>
74-
<p className="text-lg font-normal text-gray-500 dark:text-gray-400 mb-4">
75-
{member.bio}
76-
</p>
77-
<Link
78-
href={member.website}
79-
className="text-blue-600 dark:text-blue-500 hover:underline font-medium text-lg inline-flex items-center"
77+
Website
78+
<svg
79+
className="w-3.5 h-3.5 ms-2 rtl:rotate-180"
80+
aria-hidden="true"
81+
xmlns="http://www.w3.org/2000/svg"
82+
fill="none"
83+
viewBox="0 0 14 10"
8084
>
81-
Website
82-
<svg
83-
className="w-3.5 h-3.5 ms-2 rtl:rotate-180"
84-
aria-hidden="true"
85-
xmlns="http://www.w3.org/2000/svg"
86-
fill="none"
87-
viewBox="0 0 14 10"
88-
>
89-
<path
90-
stroke="currentColor"
91-
stroke-linecap="round"
92-
stroke-linejoin="round"
93-
stroke-width="2"
94-
d="M1 5h12m0 0L9 1m4 4L9 9"
95-
/>
96-
</svg>
97-
</Link>
98-
</div>
99-
))}
100-
</div>
85+
<path
86+
stroke="currentColor"
87+
strokeLinecap="round"
88+
strokeLinejoin="round"
89+
strokeWidth="2"
90+
d="M1 5h12m0 0L9 1m4 4L9 9"
91+
/>
92+
</svg>
93+
</Link>
94+
</div>
95+
))}
10196
</div>
102-
</main>
97+
</div>
10398
);
10499
}

src/app/components/Footer.tsx

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,14 +24,27 @@ export default function Footer() {
2424
<h2 className="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">
2525
Notable Projects
2626
</h2>
27+
<ul className="text-gray-500 dark:text-gray-400 font-medium">
28+
<li className="mb-1">
29+
<Link
30+
href="https://github.com/hallofcodes/sprintsight"
31+
className="hover:underline"
32+
>
33+
Sprint Sight
34+
</Link>
35+
</li>
36+
</ul>
2737
</div>
2838
<div>
2939
<h2 className="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">
3040
Legal
3141
</h2>
3242
<ul className="text-gray-500 dark:text-gray-400 font-medium">
3343
<li className="mb-1">
34-
<Link href="/community-guidelines" className="hover:underline">
44+
<Link
45+
href="/community-guidelines"
46+
className="hover:underline"
47+
>
3548
Community Guidelines
3649
</Link>
3750
</li>

src/app/layout.tsx

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -91,12 +91,10 @@ export default function RootLayout({
9191
<Head>
9292
<meta name="hostname" content="hallofcodes.github.io" />
9393
</Head>
94-
<body
95-
className={`${latoSans.variable} antialiased`}
96-
>
94+
<body className={`${latoSans.variable} antialiased`}>
9795
<Nav />
9896
<NextTopLoader showSpinner={false} color="#FF6600" />
99-
{children}
97+
<main className="bg-white dark:bg-gray-900 px-4">{children}</main>
10098
<Footer />
10199
</body>
102100
</html>

0 commit comments

Comments
 (0)