imnyang/imnya.ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: enhance styling and layout with new global styles, scrollbar customization, and updated content

Browse source 
- Added Google Sans Code font to globals.css for improved typography.
- Introduced new CSS variables for theming in globals.css, enhancing dark mode support.
- Updated layout.tsx to include custom scrollbar styles from scrollbar.css.
- Modified page.tsx to improve the "About" section with more engaging content.
- Refactored NeoFetch component for better styling and layout consistency.
- Commented out scroll behavior in Top component for smoother navigation.
- Added new art.html file for visual representation in the NeoFetch component.
This commit is contained in:
암냥 2025-10-26 20:31:38 +09:00
commit 10bf4378b6
No known key found for this signature in database
7 changed files with 220 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/components/NeoFetch.tsx
View file

@ -8,19 +8,19 @@ export default function NeoFetch() {
const wakaTimeData = useWakaTimeData();
return (
<div>
<div className="w-full bg-[#191017] text-[#fcf8f9] font-[Google Sans Code]">
<div className="flex flex-col md:flex-row">
<iframe
src="https://f.imnya.ng/.art.html"
src="/art.html"
className="border-0 min-w-[430px] min-h-[430px] scale-75"
></iframe>
<div className="px-12 md:py-12 text-lg font-mono">
<div className="px-12 md:py-12 text-lg">
<a href="mailto:contact@imnya.ng" className="text-[#FFD7D7]">
imnyang<span className="text-foreground">@</span>adofai.gg
imnyang<span className="text-[#fcf8f9]">@</span><a href="https://adofai.gg">adofai.gg</a>
</a>
<p>----------</p>
<p className="text-foreground">
<p>
<span className="text-[#FFD7D7]">Uptime</span>:{" "}
{(() => {
const startDate = new Date("2010-11-08T00:00:00+09:00");
@ -39,12 +39,12 @@ export default function NeoFetch() {
})()}
</p>
<p className="text-foreground">
<p>
<span className="text-[#FFD7D7]">Experience</span>:{" "}
{Object.values(events).flat().length}
</p>
<p className="text-foreground">
<p>
<span className="text-[#FFD7D7]">WakaTime</span>:{" "}
{wakaTimeData?.data?.total_seconds_including_other_language
? (() => {
@ -59,7 +59,7 @@ export default function NeoFetch() {
: "N/A"}
</p>
<p className="text-foreground">
<p>
<span className="text-[#FFD7D7]">Most used Language</span>:{" "}
{wakaTimeData?.data?.languages[0]?.name || "N/A"}{" "}
{wakaTimeData?.data?.languages[0]?.total_seconds
@ -79,29 +79,29 @@ export default function NeoFetch() {
<span className="text-[#FFD7D7]">Terminal</span>: {ipData}
</p>
<p className="text-foreground">
<p>
<span className="text-[#FFD7D7]">Locale</span>: ko_KR.UTF-8
</p>
<br />
<div id="color" className="grid grid-cols-8 w-fit">
<p className="bg-background w-8">⠀⠀</p>
<p className="bg-[#f38ba8] w-8">⠀⠀</p>
<p className="bg-[#a6e3a1] w-8">⠀⠀</p>
<p className="bg-[#f9e2af] w-8">⠀⠀</p>
<p className="bg-[#89b4fa] w-8">⠀⠀</p>
<p className="bg-[#f5c2e7] w-8">⠀⠀</p>
<p className="bg-[#94e2d5] w-8">⠀⠀</p>
<p className="bg-muted-foreground w-8">⠀⠀</p>
<div className="bg-[#191017] min-w-8">　</div>
<div className="bg-[#f38ba8] min-w-8"></div>
<div className="bg-[#a6e3a1] min-w-8"></div>
<div className="bg-[#f9e2af] min-w-8"></div>
<div className="bg-[#89b4fa] min-w-8"></div>
<div className="bg-[#f5c2e7] min-w-8"></div>
<div className="bg-[#94e2d5] min-w-8"></div>
<div className="bg-muted-foreground min-w-8"></div>
<p className="bg-[#45475a] w-8">⠀⠀</p>
<p className="bg-[#f0c0cd] w-8">⠀⠀</p>
<p className="bg-[#c3e9bf] w-8">⠀⠀</p>
<p className="bg-[#f0e0bf] w-8">⠀⠀</p>
<p className="bg-[#c3d9fd] w-8">⠀⠀</p>
<p className="bg-[#f8d2ee] w-8">⠀⠀</p>
<p className="bg-[#b1faee] w-8">⠀⠀</p>
<p className="bg-foreground w-8">⠀⠀</p>
<div className="bg-[#45475a] min-w-8">　</div>
<div className="bg-[#f0c0cd] min-w-8"></div>
<div className="bg-[#c3e9bf] min-w-8"></div>
<div className="bg-[#f0e0bf] min-w-8"></div>
<div className="bg-[#c3d9fd] min-w-8"></div>
<div className="bg-[#f8d2ee] min-w-8"></div>
<div className="bg-[#b1faee] min-w-8"></div>
<div className="bg-[#fcf8f9] min-w-8"></div>
</div>
</div>
</div>

8
src/components/Top.tsx
View file

@ -62,10 +62,10 @@ export default function Top() {
<section
id="top"
className="snap-start h-screen w-full relative"
onWheel={(e) => {
e.preventDefault();
window.scrollBy(0, window.innerHeight * (e.deltaY > 0 ? 1 : -1));
}}
// onWheel={(e) => {
// e.preventDefault();
// window.scrollBy(0, window.innerHeight * (e.deltaY > 0 ? 1 : -1));
// }}
>
<Sidebar />
<div