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
className="mt-4"
initial={{ opacity: 0 }}
whileInView={{ opacity: 1 }}
variants={fadeInUp}
initial="hidden"
animate="show"
>
<GitHubCalendar
// hideTotalCount
username="selimaj-dev"
theme={{
light: [
"rgba(255, 255, 255, 0.1)",
"rgba(255, 255, 255, 0.3)",
"rgba(255, 255, 255, 0.5)",
"rgba(255, 255, 255, 0.7)",
"rgba(255, 255, 255, 1)",
],
dark: [
"rgba(255, 255, 255, 0.1)",
"rgba(255, 255, 255, 0.3)",
"rgba(255, 255, 255, 0.5)",
"rgba(255, 255, 255, 0.7)",
"rgba(255, 255, 255, 1)",
],
}}
/>
<motion.div variants={fadeInUp}>
<GitHubCalendar
// hideTotalCount
username="selimaj-dev"
theme={{
light: [
"rgba(255, 255, 255, 0.1)",
"rgba(255, 255, 255, 0.3)",
"rgba(255, 255, 255, 0.5)",
"rgba(255, 255, 255, 0.7)",
"rgba(255, 255, 255, 1)",
],
dark: [
"rgba(255, 255, 255, 0.1)",
"rgba(255, 255, 255, 0.3)",
"rgba(255, 255, 255, 0.5)",
"rgba(255, 255, 255, 0.7)",
"rgba(255, 255, 255, 1)",
],
}}
/>
</motion.div>
</motion.section>
{/* FOOTER */}
@@ -205,10 +208,10 @@ export default function App() {
>
If you see this i{" "}
<motion.span
animate={{ scale: [1, 1.2, 1] }}
transition={{ repeat: Infinity, duration: 1.3 }}
animate={{ scale: [1, 1.16, 1] }}
transition={{ repeat: Infinity, duration: 1.0 }}
>
<HeartIcon className="size-4" />
<HeartIcon className="size-4 text-slate-300" />
</motion.span>{" "}
you
</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>
);
}