Skip to content

Commit 1956433

Browse files
pratiksardarpratiksardar
committed
fixing build
1 parent 72e7495 commit 1956433

File tree

3 files changed

+102
-181
lines changed

3 files changed

+102
-181
lines changed

‎src/app/activity/page.tsx‎

Lines changed: 96 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,104 @@
1+
'use client';
12
import React from 'react';
3+
import { motion } from 'framer-motion';
4+
import { FaGithub, FaTwitter, FaRocket } from 'react-icons/fa';
5+
import Image from 'next/image';
26

37
export default function Activity() {
48
return (
59
<section className="my-16 container mx-auto px-6 min-h-[60vh]">
6-
<h1 className="text-4xl font-bold mb-4 text-fuchsia-400">Activity</h1>
7-
<p className="text-lg text-gray-300">This is the Activity page. Add your recent activities, logs, or updates here.</p>
10+
<h1 className="text-4xl mb-10 text-fuchsia-400 text-center">My Latest Activity (Work in Progress) </h1>
11+
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
12+
{/* GitHub Activity */}
13+
<motion.div
14+
className="backdrop-blur-md bg-gradient-to-br from-gray-900/80 via-fuchsia-900/40 to-black border border-fuchsia-400/30 rounded-2xl p-4 shadow-xl flex flex-col items-center"
15+
initial={{ opacity: 0, y: 40 }}
16+
animate={{ opacity: 1, y: 0 }}
17+
transition={{ duration: 0.7 }}
18+
>
19+
<div className="flex items-center gap-2 mb-2">
20+
<FaGithub className="text-2xl text-white" />
21+
<span className="font-bold text-lg text-white">GitHub</span>
22+
</div>
23+
<iframe
24+
src="https://ghchart.rshah.org/PratikSardar"
25+
title="GitHub Contribution Chart"
26+
width="320"
27+
height="160"
28+
className="rounded-lg border border-fuchsia-400 bg-black"
29+
style={{ background: 'black' }}
30+
></iframe>
31+
<a
32+
href="https://github.com/pratiksardar"
33+
target="_blank"
34+
rel="noopener noreferrer"
35+
className="mt-3 text-fuchsia-300 underline hover:text-fuchsia-400"
36+
>
37+
View on GitHub
38+
</a>
39+
</motion.div>
40+
{/* Twitter Activity */}
41+
<motion.div
42+
className="backdrop-blur-md bg-gradient-to-br from-gray-900/80 via-blue-900/40 to-black border border-blue-400/30 rounded-2xl p-4 shadow-xl flex flex-col items-center"
43+
initial={{ opacity: 0, y: 40 }}
44+
animate={{ opacity: 1, y: 0 }}
45+
transition={{ duration: 0.7, delay: 0.2 }}
46+
>
47+
<div className="flex items-center gap-2 mb-2">
48+
<FaTwitter className="text-2xl text-sky-400" />
49+
<span className="font-bold text-lg text-white">Twitter</span>
50+
</div>
51+
<iframe
52+
src="https://twitframe.com/show?url=https://x.com/pratik_sardar"
53+
title="Twitter Timeline"
54+
width="320"
55+
height="400"
56+
className="rounded-lg border border-blue-400 bg-black"
57+
style={{ background: 'black' }}
58+
allowTransparency={true}
59+
allow="encrypted-media"
60+
></iframe>
61+
<a
62+
href="https://.com/pratik_sardar"
63+
target="_blank"
64+
rel="noopener noreferrer"
65+
className="mt-3 text-sky-300 underline hover:text-sky-400"
66+
>
67+
View on Twitter
68+
</a>
69+
</motion.div>
70+
{/* Warpcast Activity */}
71+
<motion.div
72+
className="backdrop-blur-md bg-gradient-to-br from-gray-900/80 via-pink-900/40 to-black border border-pink-400/30 rounded-2xl p-4 shadow-xl flex flex-col items-center"
73+
initial={{ opacity: 0, y: 40 }}
74+
animate={{ opacity: 1, y: 0 }}
75+
transition={{ duration: 0.7, delay: 0.4 }}
76+
>
77+
<div className="flex items-center gap-2 mb-2">
78+
<FaRocket className="text-2xl text-pink-400" />
79+
<span className="font-bold text-lg text-white">Warpcast</span>
80+
</div>
81+
<div className="rounded-lg border border-pink-400 bg-black p-4 w-full flex flex-col items-center">
82+
<Image
83+
src="https://warpcast.com/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwarpcast%2Fimage%2Fupload%2Fv1716822322%2Fprofile%2F0xpratik.png&w=256&q=75"
84+
alt="Warpcast Profile"
85+
width={64}
86+
height={64}
87+
className="w-16 h-16 rounded-full mb-2 border-2 border-pink-400"
88+
/>
89+
<span className="text-pink-300 font-bold">@0xpratik</span>
90+
<p className="text-gray-300 text-sm mt-2 text-center">Follow me on Warpcast for my latest web3 casts and updates!</p>
91+
<a
92+
href="https://warpcast.com/0xpratik"
93+
target="_blank"
94+
rel="noopener noreferrer"
95+
className="mt-2 text-pink-300 underline hover:text-pink-400"
96+
>
97+
View on Warpcast
98+
</a>
99+
</div>
100+
</motion.div>
101+
</div>
8102
</section>
9103
);
10104
}

‎src/components/ui/PongBackground.tsx‎

Lines changed: 0 additions & 178 deletions
This file was deleted.

‎src/components/ui/SpaceShooterBackground.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,7 @@ export default function SpaceShooterBackground() {
7575

7676
// Draw neon shapes
7777
function neonRect(x: number, y: number, w: number, h: number, color: string) {
78+
if (!ctx) return;
7879
ctx.save();
7980
ctx.shadowColor = color;
8081
ctx.shadowBlur = 18;
@@ -83,6 +84,7 @@ export default function SpaceShooterBackground() {
8384
ctx.restore();
8485
}
8586
function neonTriangle(x: number, y: number, w: number, h: number, color: string) {
87+
if (!ctx) return;
8688
ctx.save();
8789
ctx.shadowColor = color;
8890
ctx.shadowBlur = 18;
@@ -96,6 +98,7 @@ export default function SpaceShooterBackground() {
9698
ctx.restore();
9799
}
98100
function drawBackground() {
101+
if (!ctx) return;
99102
const gradient = ctx.createLinearGradient(0, 0, width, height);
100103
gradient.addColorStop(0, '#1a0033');
101104
gradient.addColorStop(0.3, '#0fffc1');
@@ -118,6 +121,7 @@ export default function SpaceShooterBackground() {
118121
}
119122
}
120123
function drawScore() {
124+
if (!ctx) return;
121125
ctx.save();
122126
ctx.font = 'bold 32px Orbitron, monospace';
123127
ctx.textAlign = 'center';
@@ -141,6 +145,7 @@ export default function SpaceShooterBackground() {
141145
}
142146
}
143147
function drawLives() {
148+
if (!ctx) return;
144149
ctx.save();
145150
ctx.font = 'bold 20px Orbitron, monospace';
146151
ctx.textAlign = 'left';
@@ -151,13 +156,13 @@ export default function SpaceShooterBackground() {
151156
ctx.restore();
152157
}
153158
function drawGameOver() {
159+
if (!ctx) return;
154160
ctx.save();
155161
ctx.font = 'bold 48px Orbitron, monospace';
156162
ctx.textAlign = 'center';
157163
ctx.shadowColor = '#ff00cc';
158164
ctx.shadowBlur = 32;
159165
ctx.fillStyle = '#fff';
160-
161166
ctx.restore();
162167
ctx.save();
163168
ctx.font = 'bold 28px Orbitron, monospace';

0 commit comments

Comments
 (0)