Skip to content

Commit bc94947

Browse files
authored
Addition of profile page for 0xBC428Bb80B1cc3C29164820528819Abf6b20cB88 (#24)
1 parent 13c17d3 commit bc94947

File tree

6 files changed

+205
-0
lines changed

6 files changed

+205
-0
lines changed

packages/nextjs/app/builders/0xBC428Bb80B1cc3C29164820528819Abf6b20cB88/images/skillStack.svg

Lines changed: 84 additions & 0 deletions
Loading
Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
import Image from "next/image";
2+
import wavingRalphImage from "../0xBC428Bb80B1cc3C29164820528819Abf6b20cB88/images/simpsonsPhotos/ralph-transparent.png";
3+
import skillStack from "../0xBC428Bb80B1cc3C29164820528819Abf6b20cB88/images/skillStack.svg";
4+
import buidlGuidlLogo from "../0xBC428Bb80B1cc3C29164820528819Abf6b20cB88/images/socialMediaIcons/buidlguidlSmallLogo.png";
5+
import { IM_Fell_English_Sans, ImbueSans, ItalianaSans } from "./utils/font";
6+
import { CopyDiscordHandle, CopyMailId } from "./utils/onclickButtonComponents";
7+
import { FaInstagram } from "react-icons/fa";
8+
import { FaTwitter } from "react-icons/fa";
9+
import { Address } from "~~/components/scaffold-eth";
10+
11+
const PersonalPage: React.FC = () => {
12+
return (
13+
<main className="h-auto px-9 py-8 ">
14+
<div className={`${ItalianaSans.className} w-full h-full flex flex-col xl:flex-row`}>
15+
<div className="h-full w-full xl:w-9/12 flex flex-col gap-10">
16+
<div className="text-6xl md:text-8xl text-center sm:text-start">
17+
Benhur <span>P</span> Benny
18+
<div className="flex justify-center sm:justify-normal">
19+
<Address address="0xbc428bb80b1cc3c29164820528819abf6b20cb88" />
20+
</div>
21+
</div>
22+
<div
23+
className={`w-full mb-7 h-full rounded-lg px-10 pb-24 dark:bg-gray-800 dark:shadow-md bg-gray-300 dark:shadow-gray-900 dark:text-white text-gray-800 flex flex-col shadow-inner shadow-gray-500 gap-4 relative`}
24+
>
25+
<div className={`${ImbueSans.className} text-4xl `}>
26+
About <span className="text-8xl "></span>
27+
</div>
28+
<div className={`${IM_Fell_English_Sans.className} text-2xl xl:pr-24 pb-28 leading-10 `}>
29+
I am second year engineering student from GECT, Kerala, India. I love to tinker with new stuff and explore
30+
new bounteries. As of 18/08/24, I am navigating through the rabbit hole of blockchain and table tennis.
31+
Also looking for some cool hackathons to crack and gain some exp points in real life.
32+
</div>
33+
<div className={`flex gap-10 pb-10 items-center justify-center`}>
34+
<div className={`${ImbueSans.className} text-4xl `}>
35+
Come Say Hi <span className="text-5xl"></span>
36+
</div>
37+
<div className="flex flex-wrap gap-4 min-w-20 items-center">
38+
<a
39+
className=" px-4 py-2 rounded-xl dark:hover:shadow-inner dark:hover:shadow-black hover:dark:bg-base-200 hover:bg-gray-100 transition-all hover:shadow-md shadow-black "
40+
href="https://app.buidlguidl.com/builders/0xBC428Bb80B1cc3C29164820528819Abf6b20cB88"
41+
target="_blank"
42+
>
43+
<Image width={8} height={8} unoptimized src={buidlGuidlLogo} alt="buidlguidl" className="w-8 h-8" />
44+
</a>
45+
<a
46+
className=" px-4 py-2 rounded-xl dark:hover:shadow-inner dark:hover:shadow-black hover:dark:bg-base-200 hover:bg-gray-100 transition-all hover:shadow-md"
47+
href="https://x.com/ruhneb0_0"
48+
target="_blank"
49+
>
50+
<FaTwitter className="h-8 w-8 fill-blue-400" />
51+
</a>
52+
<CopyMailId />
53+
<CopyDiscordHandle />
54+
<a
55+
className=" px-4 py-2 rounded-xl dark:hover:shadow-inner dark:hover:shadow-black hover:dark:bg-base-200 hover:bg-gray-100 transition-all hover:shadow-md"
56+
href="https://www.instagram.com/_benhurbenny._/"
57+
target="_blank"
58+
>
59+
<FaInstagram className="h-8 w-8 fill-red-400" />
60+
</a>
61+
</div>
62+
</div>
63+
<div className="h-20 w-20 absolute bottom-8">
64+
<Image width={80} height={80} src={wavingRalphImage} alt="" />
65+
</div>
66+
</div>
67+
</div>
68+
69+
<div className="w-full xl:w-3/12 flex justify-center items-center ">
70+
<Image src={skillStack} alt="" className="h-[80vh]" width={400} height={400} />
71+
</div>
72+
</div>
73+
</main>
74+
);
75+
};
76+
export default PersonalPage;
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { IM_Fell_English, Imbue, Italiana } from "next/font/google";
2+
3+
export const ItalianaSans = Italiana({ subsets: ["latin"], weight: "400" });
4+
export const ImbueSans = Imbue({ subsets: ["latin"], weight: "400" });
5+
export const IM_Fell_English_Sans = IM_Fell_English({ subsets: ["latin"], weight: "400" });
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
"use client";
2+
3+
import { BiLogoGmail } from "react-icons/bi";
4+
import { FaDiscord } from "react-icons/fa";
5+
6+
export const CopyMailId = () => {
7+
return (
8+
<button
9+
className=" px-4 py-2 rounded-xl dark:hover:shadow-inner dark:hover:shadow-black hover:dark:bg-base-200 hover:bg-gray-100 ransition-all hover:shadow-md "
10+
onClick={() => {
11+
navigator.clipboard
12+
.writeText("[email protected]")
13+
.then(() => {
14+
alert("mail id copied!");
15+
})
16+
.catch(() => console.error);
17+
}}
18+
>
19+
<BiLogoGmail className="h-8 w-8 " />
20+
</button>
21+
);
22+
};
23+
24+
export const CopyDiscordHandle = () => {
25+
return (
26+
<button
27+
className=" px-4 py-2 rounded-xl dark:hover:shadow-inner dark:hover:shadow-black hover:dark:bg-base-200 hover:bg-gray-100 transition-all hover:shadow-md"
28+
onClick={() => {
29+
navigator.clipboard
30+
.writeText("benhur_05751")
31+
.then(() => {
32+
alert("username copied!");
33+
})
34+
.catch(() => console.error);
35+
}}
36+
>
37+
<FaDiscord className="h-8 w-8 fill-blue-500" />
38+
</button>
39+
);
40+
};

0 commit comments

Comments
 (0)