silicoflare/silicoflare-website
1
0
Fork 0
mirror of https://github.com/silicoflare/silicoflare-website.git synced 2026-05-26 12:09:53 +05:30
Code Issues Packages Projects Releases Wiki Activity

feat: emphasize hero in phone

Browse Source
This commit is contained in:
Suraj B M
2024-12-01 23:56:51 +05:30
parent 4dee378f84
commit b3db06da29
2 changed files with 4 additions and 2980 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2975
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

9
src/App.tsx
View File

@@ -17,8 +17,8 @@ export default function App() {
}, []); }, []);
return ( return (
<div className="w-screen h-screen flex flex-col gap-3 bg-base-100 text-base-content md:text-lg p-2 md:p-10 font-space-grotesk"> <div className="w-screen h-screen flex flex-col gap-3 bg-base-100 text-base-content md:text-lg md:p-10 font-space-grotesk">
<div className="mt-[15rem] md:mt-10 my-5 px-10 md:px-20 flex flex-col justify-center gap-2 text-center md:text-left"> <div className="header md:mt-20 w-screen md:w-full h-screen md:h-full flex flex-col justify-center gap-2 text-center md:text-left px-10 md:px-20 flex-shrink-0 md:flex-shrink">
{bday && ( {bday && (
<div className="text-2xl md:text-3xl font-semibold text-primary"> <div className="text-2xl md:text-3xl font-semibold text-primary">
Level {dayjs().diff("2003-09-23", "years")}! Level {dayjs().diff("2003-09-23", "years")}!
@@ -27,7 +27,7 @@ export default function App() {
<h1 className="text-5xl md:text-6xl font-bold text-primary"> <h1 className="text-5xl md:text-6xl font-bold text-primary">
Suraj “SilicoFlare” Suraj “SilicoFlare”
</h1> </h1>
TypeScript maniac, student, gamer and an avid Linux user. <p>TypeScript maniac, student, gamer and an avid Linux user.</p>
<div className="w-full flex items-center gap-3 justify-center md:justify-start"> <div className="w-full flex items-center gap-3 justify-center md:justify-start">
<a <a
href="/resume.pdf" href="/resume.pdf"
@@ -53,7 +53,6 @@ export default function App() {
))} ))}
</div> </div>
</div> </div>
<div className="my-20 md:hidden"></div>
<div className="my-10 flex flex-col px-10 md:px-20 w-full"> <div className="my-10 flex flex-col px-10 md:px-20 w-full">
<h2 className="text-2xl md:text-4xl font-bold text-primary font-space-grotesk"> <h2 className="text-2xl md:text-4xl font-bold text-primary font-space-grotesk">
@@ -71,7 +70,7 @@ export default function App() {
))} ))}
</div> </div>
</div> </div>
<div className="p-20 py-10"></div> <div className="md:p-20 md:py-10 p-5"></div>
</div> </div>
); );
} }