selimaj-dev/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed background and perfected heart thingy

Browse Source
This commit is contained in:
selimaj-dev
2025-12-09 20:15:53 +01:00
parent 41214ffc94
commit 0db224a0f8
2 changed files with 29 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/page.tsx
+28 -25
View File
@@ -170,29 +170,32 @@ export default function App() {
<motion.section <motion.section
className="mt-4" className="mt-4"
initial={{ opacity: 0 }} variants={fadeInUp}
whileInView={{ opacity: 1 }} initial="hidden"
animate="show"
> >
<GitHubCalendar <motion.div variants={fadeInUp}>
// hideTotalCount <GitHubCalendar
username="selimaj-dev" // hideTotalCount
theme={{ username="selimaj-dev"
light: [ theme={{
"rgba(255, 255, 255, 0.1)", light: [
"rgba(255, 255, 255, 0.3)", "rgba(255, 255, 255, 0.1)",
"rgba(255, 255, 255, 0.5)", "rgba(255, 255, 255, 0.3)",
"rgba(255, 255, 255, 0.7)", "rgba(255, 255, 255, 0.5)",
"rgba(255, 255, 255, 1)", "rgba(255, 255, 255, 0.7)",
], "rgba(255, 255, 255, 1)",
dark: [ ],
"rgba(255, 255, 255, 0.1)", dark: [
"rgba(255, 255, 255, 0.3)", "rgba(255, 255, 255, 0.1)",
"rgba(255, 255, 255, 0.5)", "rgba(255, 255, 255, 0.3)",
"rgba(255, 255, 255, 0.7)", "rgba(255, 255, 255, 0.5)",
"rgba(255, 255, 255, 1)", "rgba(255, 255, 255, 0.7)",
], "rgba(255, 255, 255, 1)",
}} ],
/> }}
/>
</motion.div>
</motion.section> </motion.section>
{/* FOOTER */} {/* FOOTER */}
@@ -205,10 +208,10 @@ export default function App() {
> >
If you see this i{" "} If you see this i{" "}
<motion.span <motion.span
animate={{ scale: [1, 1.2, 1] }} animate={{ scale: [1, 1.16, 1] }}
transition={{ repeat: Infinity, duration: 1.3 }} transition={{ repeat: Infinity, duration: 1.0 }}
> >
<HeartIcon className="size-4" /> <HeartIcon className="size-4 text-slate-300" />
</motion.span>{" "} </motion.span>{" "}
you you
</motion.p> </motion.p>
src/components/Background.tsx
+1 -1
View File
@@ -16,7 +16,7 @@ export default function Background({
}} }}
/> />
<div className="relative z-50 overflow-y-scroll">{children}</div> <div className="relative z-50 overflow-y-scroll overflow-x-hidden">{children}</div>
</div> </div>
); );
} }