Skip to content

Commit fb80a27

Browse files
davidagustindavidagustin
committed
fix: resolve mobile header overlap with hero section content
1 parent 72c4243 commit fb80a27

10 files changed

Lines changed: 69 additions & 9 deletions

‎asset-manifest.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
{
22
"files": {
3-
"main.css": "/static/css/main.a616292a.css",
4-
"main.js": "/static/js/main.26f4acb2.js",
3+
"main.css": "/static/css/main.a89f0e8e.css",
4+
"main.js": "/static/js/main.bda3a37d.js",
55
"index.html": "/index.html",
6-
"main.a616292a.css.map": "/static/css/main.a616292a.css.map",
7-
"main.26f4acb2.js.map": "/static/js/main.26f4acb2.js.map"
6+
"main.a89f0e8e.css.map": "/static/css/main.a89f0e8e.css.map",
7+
"main.bda3a37d.js.map": "/static/js/main.bda3a37d.js.map"
88
},
99
"entrypoints": [
10-
"static/css/main.a616292a.css",
11-
"static/js/main.26f4acb2.js"
10+
"static/css/main.a89f0e8e.css",
11+
"static/js/main.bda3a37d.js"
1212
]
1313
}

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="David Agustin - Full Stack Developer specializing in React, Next.js, AI/ML, and modern web technologies. View my projects and experience."/><meta name="keywords" content="David Agustin, Full Stack Developer, React, Next.js, AI, Machine Learning, Web Development, Portfolio"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><title>David Agustin - Full Stack Developer Portfolio</title><script defer="defer" src="/static/js/main.26f4acb2.js"></script><link href="/static/css/main.a616292a.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
1+
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="David Agustin - Full Stack Developer specializing in React, Next.js, AI/ML, and modern web technologies. View my projects and experience."/><meta name="keywords" content="David Agustin, Full Stack Developer, React, Next.js, AI, Machine Learning, Web Development, Portfolio"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><title>David Agustin - Full Stack Developer Portfolio</title><script defer="defer" src="/static/js/main.bda3a37d.js"></script><link href="/static/css/main.a89f0e8e.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

‎src/components/Hero.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ const Hero: React.FC = () => {
66
return (
77
<section
88
id="home"
9-
className="min-h-screen flex items-center bg-gradient-to-br from-blue-600 via-purple-600 to-blue-800 relative overflow-hidden"
9+
className="min-h-screen flex items-center bg-gradient-to-br from-blue-600 via-purple-600 to-blue-800 relative overflow-hidden pt-16 sm:pt-20"
1010
>
1111
{/* Subtle Pattern */}
1212
<div className="absolute inset-0 opacity-10">

‎src/components/Navbar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ const Navbar: React.FC = () => {
3434
className={`fixed top-0 w-full z-50 transition-all duration-300 ${
3535
scrolled
3636
? 'bg-white/95 backdrop-blur-md shadow-lg py-2'
37-
: 'bg-white/90 backdrop-blur-sm py-4'
37+
: 'bg-white/90 backdrop-blur-sm py-3 sm:py-4'
3838
}`}
3939
initial={{ y: -100 }}
4040
animate={{ y: 0 }}

‎src/index.css‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,16 @@
4343
.container {
4444
@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
4545
}
46+
47+
/* Ensure sections don't get hidden behind fixed navbar */
48+
section {
49+
@apply relative;
50+
}
51+
52+
/* Add top padding to sections that might be hidden behind navbar */
53+
section:not(#home) {
54+
@apply pt-16 sm:pt-20;
55+
}
4656
}
4757

4858
@layer utilities {

‎static/css/main.a89f0e8e.css‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/css/main.a89f0e8e.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/js/main.bda3a37d.js‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/js/main.bda3a37d.js.LICENSE.txt‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
/**
2+
* @license React
3+
* react-dom.production.min.js
4+
*
5+
* Copyright (c) Facebook, Inc. and its affiliates.
6+
*
7+
* This source code is licensed under the MIT license found in the
8+
* LICENSE file in the root directory of this source tree.
9+
*/
10+
11+
/**
12+
* @license React
13+
* react-jsx-runtime.production.min.js
14+
*
15+
* Copyright (c) Facebook, Inc. and its affiliates.
16+
*
17+
* This source code is licensed under the MIT license found in the
18+
* LICENSE file in the root directory of this source tree.
19+
*/
20+
21+
/**
22+
* @license React
23+
* react.production.min.js
24+
*
25+
* Copyright (c) Facebook, Inc. and its affiliates.
26+
*
27+
* This source code is licensed under the MIT license found in the
28+
* LICENSE file in the root directory of this source tree.
29+
*/
30+
31+
/**
32+
* @license React
33+
* scheduler.production.min.js
34+
*
35+
* Copyright (c) Facebook, Inc. and its affiliates.
36+
*
37+
* This source code is licensed under the MIT license found in the
38+
* LICENSE file in the root directory of this source tree.
39+
*/

‎static/js/main.bda3a37d.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)