Skip to content

Commit fa5f807

Browse files
darkterminaldarkterminal
committed
feat: adding new page culture
1 parent d40d8cf commit fa5f807

File tree

4 files changed

+143
-4
lines changed

4 files changed

+143
-4
lines changed

‎src/components/Navbar.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -69,8 +69,8 @@ function Navbar() {
6969
</ActiveLink>
7070
</li>
7171
<li>
72-
<ActiveLink className="font-bold" href="/our-hustle-and-grind">
73-
Contribution Guidelines
72+
<ActiveLink className="font-bold" href="/the-culture-and-vibe">
73+
The Culture And Vibe
7474
</ActiveLink>
7575
</li>
7676
</ul>

‎src/pages/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import GlitchTextOne from '@/components/effects/GlitchTextOne';
33
import Image from 'next/image';
44
import Link from 'next/link';
55
import { GoChevronRight } from 'react-icons/go';
6-
import metaphor from '../../public/metaphor.png';
6+
import metaphor from '../../public/metaphor.webp';
77

88
export default function Home() {
99
return (

‎src/pages/our-hustle-and-grind.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import Meta from '@/components/Meta';
22
import Image from 'next/image';
33
import Link from 'next/link';
44
import { GoMarkGithub } from 'react-icons/go';
5-
import metaphor from '../../public/metaphor.png';
5+
import metaphor from '../../public/metaphor.webp';
66

77
export default function OurHustleandGrind() {
88
return (

‎src/pages/the-culture-and-vibe.js

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
import Meta from '@/components/Meta';
2+
import Image from 'next/image';
3+
import Link from 'next/link';
4+
import metaphorSquare from '../../public/images/metaphor-square.webp';
5+
6+
function TheCultureAndVibe() {
7+
return (
8+
<>
9+
<Meta title="The Culture And Vibe" />
10+
<div className="min-h-[calc(100vh-100px)]">
11+
<header className="px-16 py-16 bg-zinc-50 dark:bg-zinc-900 flex justify-center relative">
12+
<h1 className="text-4xl font-bold text-zinc-900 dark:text-zinc-50">
13+
The Culture And Vibe
14+
</h1>
15+
<Image
16+
src={metaphorSquare}
17+
alt="Metaphor Square"
18+
placeholder="blur"
19+
width={55}
20+
height={31}
21+
className="absolute bottom-[-20px]"
22+
/>
23+
</header>
24+
<article className="w-9/12 py-10 px-5 mx-auto">
25+
<p className="font-light text-2xl mb-3">
26+
Hey there, fellow Metaphor creators! We&#39;re stoked that you want
27+
to join our team of Punks, Freestylers, and Software Freestyle
28+
Engineers. Let&#39;s rock this joint with some awesome
29+
contributions!
30+
</p>
31+
<h2 className="font-bold text-3xl mb-3">How to join the fun</h2>
32+
<ol className="list-decimal list-inside mb-3">
33+
<li className="font-light text-2xl">
34+
&mdash; First off, fork the repository to your own account, champ.
35+
</li>
36+
<li className="font-light text-2xl">
37+
&mdash; Clone that repo to your local machine like a boss.
38+
</li>
39+
<li className="font-light text-2xl">
40+
&mdash; Now create a new branch, name it something cool.
41+
</li>
42+
<li className="font-light text-2xl">
43+
&mdash; Start making those changes and commit them to your branch
44+
like a pro (
45+
<Link
46+
href="https://github.com/darkterminal/metaphore/blob/main/CONVENTIONAL_COMMIT.md"
47+
target="_blank"
48+
className="link-neutral"
49+
>
50+
with this mantra
51+
</Link>
52+
).
53+
</li>
54+
<li className="font-light text-2xl">
55+
&mdash; Push your branch to your forked repository and let the
56+
magic happen.
57+
</li>
58+
<li className="font-light text-2xl">
59+
&mdash; Create a pull request from your branch to the main
60+
repository.
61+
</li>
62+
<li className="font-light text-2xl">
63+
&mdash; Sit tight and wait for our team to give you the thumbs up
64+
or give you some sweet feedback.
65+
</li>
66+
<li className="font-light text-2xl">
67+
&mdash; Once you get the green light, your changes will be merged
68+
into the main repository. Congratulations, you&#39;re a Metaphor
69+
master now!
70+
</li>
71+
</ol>
72+
<h2 className="font-bold text-3xl mb-3">How you can contribute</h2>
73+
<p className="font-light text-2xl mb-3">
74+
Don&#39;t matter if you&#39;re an expert or just starting out, we
75+
welcome all kinds of contributions. Here are some ideas to get you
76+
started:
77+
</p>
78+
<ul className="list-square mb-3">
79+
<li className="font-light text-2xl">
80+
&mdash; Create some fresh code snippets or metaphors that will
81+
blow our minds!
82+
</li>
83+
<li className="font-light text-2xl">
84+
&mdash; Jazz up existing code snippets or metaphors with your own
85+
unique flair.
86+
</li>
87+
<li className="font-light text-2xl">
88+
&mdash; Join our community forums and discussions, and get
89+
involved in the fun.
90+
</li>
91+
<li className="font-light text-2xl">
92+
&mdash; Help us make our documentation and resources even better.
93+
</li>
94+
<li className="font-light text-2xl">
95+
&mdash; Share your skills and expertise with our community and
96+
show us what you&#39;ve got!
97+
</li>
98+
</ul>
99+
<h2 className="font-bold text-3xl mb-3">
100+
Guidelines for contributions
101+
</h2>
102+
<p className="font-light text-2xl mb-3">
103+
To keep our community cool and funky, please stick to these
104+
guidelines when you&#39;re making contributions:
105+
</p>
106+
<ul className="list-square mb-3">
107+
<li className="font-light text-2xl">
108+
&mdash; Respect your fellow Metaphor creators and be kind to each
109+
other.
110+
</li>
111+
<li className="font-light text-2xl">
112+
&mdash; Follow our code of conduct at all times, we don&#39;t want
113+
no trouble here.
114+
</li>
115+
<li className="font-light text-2xl">
116+
&mdash; Only submit your original creations, don&#39;t steal other
117+
people&#39;s stuff.
118+
</li>
119+
<li className="font-light text-2xl">
120+
&mdash; Make sure your contributions fit in with our community
121+
values of creativity, diversity, and innovation.
122+
</li>
123+
<li className="font-light text-2xl">
124+
&mdash; Stay focused and relevant to our mission of using code to
125+
make the world a better place.
126+
</li>
127+
</ul>
128+
<p className="font-light text-2xl mb-3">
129+
Thanks for your interest in contributing to Metaphore (SCP)! We
130+
can&#39;t wait to see your sick skills and mind-blowing
131+
contributions. Let&#39;s do this!
132+
</p>
133+
</article>
134+
</div>
135+
</>
136+
);
137+
}
138+
139+
export default TheCultureAndVibe;

0 commit comments

Comments
 (0)