+
+ );
+}
diff --git a/src/app/utils/NotFound.tsx b/src/app/utils/NotFound.tsx
new file mode 100644
index 0000000..69b2315
--- /dev/null
+++ b/src/app/utils/NotFound.tsx
@@ -0,0 +1,8 @@
+export default function NotFound() {
+ return (
+
+
+ 
+
+
+ +
+ imnya.ng
+ ++ 항상 새로운 것을 찾고 삶을 더 간단명료하게 만들고 있는 학생 개발자 남현석입니다. +
+ ++ 만든 것들은{" "} + + Two Hearts + ,{" "} + + 오늘 인천상정중학교 + ,{" "} + + Dynamic Kawaii + 이런 것들이 있습니다. +
++ {age}살의 어린 나이지만 저는 항상 제가 할 수 있는 최적의 코드를 목표로 하고{" "} + 사용자의 경험을 중심적으로 고려하며 새로운 기술에 대한 관심이 높습니다. +
+ ++ +
+ 최근 블로그 글 :{" "} + + {post.title} + +
+ +
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/utils/RedirectTimeline.tsx b/src/app/utils/RedirectTimeline.tsx
new file mode 100644
index 0000000..5178885
--- /dev/null
+++ b/src/app/utils/RedirectTimeline.tsx
@@ -0,0 +1,10 @@
+import { useEffect } from "react";
+import { useNavigate } from "react-router";
+export default function RedirectTimeline() {
+ const navigate = useNavigate();
+ useEffect(() => {
+ navigate("/#timeline");
+ }, [navigate]);
+
+ return (<>)
+}
\ No newline at end of file
diff --git a/src/components/BottomBar.tsx b/src/components/BottomBar.tsx
deleted file mode 100644
index 6c3b55e..0000000
--- a/src/components/BottomBar.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import { useState, useEffect } from "react";
-import { Send, AlignJustify, BadgeCheck, House, CircleHelp, ChartGantt, PhoneCall } from "lucide-react";
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-
-export default function BottomBar() {
- const [email, setEmail] = useState404 - Not Found
+The page you are looking for does not exist.
+
-
-
-
- );
-}
diff --git a/src/components/Home/Contact.tsx b/src/components/Contact.tsx
similarity index 98%
rename from src/components/Home/Contact.tsx
rename to src/components/Contact.tsx
index 6bd8a90..cfe7322 100644
--- a/src/components/Home/Contact.tsx
+++ b/src/components/Contact.tsx
@@ -5,7 +5,7 @@ import {
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";
-import { Button } from "../ui/button";
+import { Button } from "@/components/ui/button";
export default function Contact() {
return (
diff --git a/src/components/Home/About.tsx b/src/components/Home/About.tsx
deleted file mode 100644
index 91c6302..0000000
--- a/src/components/Home/About.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-
-export default function About() {
- const [wakatime, setWakatime] = useState
-
-
- {["top", "about", "project", "timeline", "contact"].map((section, index) => (
-
- ))}
-
-
-
-
-
-
-
- {["top", "about", "project", "timeline", "contact"].map((section, index) => {
- const icons = [House, CircleHelp, ChartGantt, ChartGantt, PhoneCall];
- const Icon = icons[index];
- return (
-
-
-
- );
- })}
- © 2021-2025 imnyang
-
-
-
-
- {hash === `#${section}` ? (
-
- {accessKeyCombo} + {index + 1}
- -
-
- );
-}
diff --git a/src/components/Home/Project.tsx b/src/components/Home/Project.tsx
deleted file mode 100644
index 973ee3f..0000000
--- a/src/components/Home/Project.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import ProjectCard from "../ProjectCard";
-
-const projects = [
- {
- name: "🍴 오늘 인천 상정중학교",
- description: "오늘의 급식을 인스타그램에서도 빠르게",
- link: "https://www.instagram.com/today.isangjeong/"
- },
- {
- name: "💕 Two Hearts",
- description: "Chrome 새탭을 더 좋게 (사실 Edge에서 쓰려고 만듦)",
- link: "https://github.com/imnyang/two_hearts"
- },
- {
- name: "🩷 Dynamic Kawaii",
- description: "진정한 VSCode 테마",
- link: "https://github.com/imnyang/dynamic-kawaii"
- },
- {
- name: "💊 FakeAlyac",
- description: "어? 내 시스템 트레이에 있는거 알약 아닌데?",
- link: "https://github.com/imnyang/FakeAlyac"
- }
-]
-
-export default function Project() {
- return (
-
-
- 🤔 About
-
-
-
-
-
- 항상 새로운 것을 찾고
-삶을 더 간단명료하게 만들고 있는
-학생 개발자 남현석입니다.
-
-
- - - Wakatime Mar 18th ~ : {time}s - -
- {age}살의 어린 나이지만
-저는 항상 제가 할 수 있는 최적의 코드를 목표로 하고
-사용자의 경험을 중심적으로 고려하며
-새로운 기술에 대한 관심이 높습니다.
- -- - - Wakatime Mar 18th ~ : {time}s - -
- 최근 블로그 보기 : {post.title} -
-
-
- );
-}
diff --git a/src/components/Home/Top.tsx b/src/components/Home/Top.tsx
deleted file mode 100644
index 5c45f48..0000000
--- a/src/components/Home/Top.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { useState } from "react";
-import "../../index.css";
-import Image from "@/profile.avif";
-
-export default function Top() {
- const [mousePos, setMousePos] = useState({ x: 50, y: 50 });
- const [scale, setScale] = useState(1.15);
- const [isHovering, setIsHovering] = useState(false);
-
- const handleMouseMove = (e) => {
- const { left, top, width, height } = e.currentTarget.getBoundingClientRect();
- const x = ((e.clientX - left) / width) * 100;
- const y = ((e.clientY - top) / height) * 100;
-
- setMousePos((prev) => ({
- x: prev.x + (x - prev.x) * 0.1,
- y: prev.y + (y - prev.y) * 0.1,
- }));
- };
-
- const handleWheel = (e) => {
- e.preventDefault();
- setScale((prev) => {
- const newScale = prev + e.deltaY * -0.0025;
- return Math.min(Math.max(newScale, 1), 3);
- });
- };
-
- return (
-
-
- 📖 Project
-
- {projects.map((project, index) => (
-
-
-
- );
-}
diff --git a/src/components/Home/Wakatime.tsx b/src/components/Home/Wakatime.tsx
deleted file mode 100644
index 928d875..0000000
--- a/src/components/Home/Wakatime.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React, { useEffect, useState } from "react";
-
-export default function Wakatime() {
- const [wakatime, setWakatime] = useState
-
-
-
-
-
- Nam
-
-
-
- Nam
-
- HyunSuk
-
-
- 암냥이라는 이름으로 활동하고 있는
-
학생 개발자 남현석이라고 합니다.
-
setIsHovering(true)}
- onMouseLeave={() => setIsHovering(false)}
- onWheel={handleWheel}
- >
-
-
-
-
- )
-}
\ No newline at end of file
diff --git a/src/components/ProjectCard.tsx b/src/components/ProjectCard.tsx
deleted file mode 100644
index 29bd739..0000000
--- a/src/components/ProjectCard.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import {
- Card,
- CardDescription,
- CardHeader,
- CardTitle,
- } from "@/components/ui/card"
-
-interface ProjectCardProps {
- name: string;
- description: string;
- link: string;
-}
-
-const ProjectCard: React.FC
- 🍝 Wakatime
-
- {wakatime && wakatime.languages && ( -
- Dashboards for developers
-- {wakatime && wakatime.languages && ( -
-
- -
- )}
- 총 시간: {(wakatime.human_readable_total)}
-하루 평균: {wakatime.human_readable_daily_average}
-- -
가장 많이 사용한 언어:
--
- {wakatime.languages.slice(0, 3).map((language: any, index: number) => (
-
- {index+1}. {language.name}: {language.percent}% - ))} -
-
-
🌠 Timeline
+
+
+
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
deleted file mode 100644
index 1d8da1e..0000000
--- a/src/components/ui/dropdown-menu.tsx
+++ /dev/null
@@ -1,255 +0,0 @@
-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function DropdownMenu({
- ...props
-}: React.ComponentProps) {
- return ) {
- return (
- ) {
- return (
- ) {
- return (
-
-
- )
-}
-
-function DropdownMenuGroup({
- ...props
-}: React.ComponentProps) {
- return (
- & {
- inset?: boolean
- variant?: "default" | "destructive"
-}) {
- return (
- ) {
- return (
-
-
-
-
-
- {children}
-
- )
-}
-
-function DropdownMenuRadioGroup({
- ...props
-}: React.ComponentProps) {
- return (
- ) {
- return (
-
-
-
-
-
- {children}
-
- )
-}
-
-function DropdownMenuLabel({
- className,
- inset,
- ...props
-}: React.ComponentProps & {
- inset?: boolean
-}) {
- return (
- ) {
- return (
- ) {
- return & {
- inset?: boolean
-}) {
- return (
-
- {children}
-
- )
-}
-
-function DropdownMenuSubContent({
- className,
- ...props
-}: React.ComponentProps) {
- return (
- ) {
@@ -44,7 +44,7 @@ function TooltipContent({
data-slot="tooltip-content"
sideOffset={sideOffset}
className={cn(
- "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-w-sm rounded-md px-3 py-1.5 text-xs",
+ "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
className
)}
{...props}
diff --git a/src/frontend.tsx b/src/frontend.tsx
index 431476c..b26790a 100644
--- a/src/frontend.tsx
+++ b/src/frontend.tsx
@@ -7,17 +7,12 @@
import { createRoot } from "react-dom/client";
import { StrictMode } from "react";
-import { App } from "./App";
-import { ThemeProvider } from "@/components/theme-provider";
-import BottomBar from "./components/BottomBar";
+import App from "./app";
const elem = document.getElementById("root")!;
const app = (
-
-
+
);
diff --git a/src/index.css b/src/index.css
index f324e4e..357354d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,13 +1,51 @@
+@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
+
@import "../styles/globals.css";
-.section {
- @apply py-16 border-b-1 border-muted;
+@layer base {
+ :root {
+ @apply font-sans;
+ }
+
+ body {
+ @apply m-0 p-0 bg-background text-foreground relative min-h-screen;
+ }
}
-@layer base {
- html,
- body,
- #root {
- @apply h-full m-0 p-0;
+@font-face {
+ font-family: 'NType82Headline';
+ src: url('https://f.imnya.ng/font/NType82-Headline.woff2') format('woff2');
+}
+
+* {
+ font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
+}
+
+.font-ntype {
+ font-family: "NType82Headline" !important;
+}
+
+.tnum {
+ font-feature-settings: "tnum";
+}
+
+.image-scale {
+ transition-property: scale,border-radius box-shadow;
+ transition-duration: .7s;
+ transition-timing-function: var(--ease-out-expo)
+}
+
+@media (hover: hover) {
+ .image-scale:hover {
+ --tw-scale-x:105%;
+ --tw-scale-y: 105%;
+ --tw-scale-z: 105%;
+ scale: var(--tw-scale-x)var(--tw-scale-y);
+ border-radius: var(--radius-lg)
}
-}
+}
+
+.image-scale:hover {
+ z-index: 10;
+ box-shadow: 0 15px 45px #0006
+}
diff --git a/src/index.html b/src/index.html
index f1050d6..18e5436 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,12 +3,12 @@
-
+
남현석 | :two_hearts:
diff --git a/src/index.tsx b/src/index.tsx
index b17e8fe..79b7703 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,6 +1,5 @@
import { serve } from "bun";
import index from "./index.html";
-import serveStatic from "serve-static-bun";
// Parse command line arguments for port
const args = process.argv.slice(2);
@@ -8,14 +7,8 @@ const portArgIndex = args.findIndex(arg => arg === "--port");
const port = portArgIndex !== -1 && args[portArgIndex + 1] ?
parseInt(args[portArgIndex + 1]) : 3000;
-const server = serve({
- development: {
- // New: enable console log streaming
- console: true,
- // Enable hot module reloading
- hmr: true,
- },
+const server = serve({
port: port,
routes: {
// Serve index.html for all unmatched routes.
@@ -30,7 +23,21 @@ const server = serve({
},
),
},
- development: process.env.NODE_ENV !== "production",
+
+ development: process.env.NODE_ENV !== "production" && {
+ // Enable browser hot reloading in development
+ hmr: true,
+
+ // Echo console logs from the browser to the server
+ console: true,
+ },
});
-console.log(`🚀 Server running at ${server.url}`);
+console.clear();
+if (process.env.NODE_ENV !== "production") {
+ console.log(`\x1b[45m Dev \x1b[0m\x1b[35m Bun v${Bun.version}\x1b[0m`);
+} else {
+ console.log(`\x1b[0m\x1b[35m Bun v${Bun.version}\x1b[0m`);
+}
+console.log(`\n\x1b[34m→ \x1b[35m${server.url}\x1b[0m`);
+
diff --git a/src/link.css b/src/link.css
new file mode 100644
index 0000000..700a942
--- /dev/null
+++ b/src/link.css
@@ -0,0 +1,233 @@
+.link-pink {
+ height: calc(var(--spacing)*8);
+ transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);
+ cursor: pointer;
+ border-radius: var(--radius-lg);
+ padding-inline:calc(var(--spacing)*1.5);transition-property: color,background-color,scale;
+ transition-duration: .7s;
+ transition-timing-function: var(--ease-out-expo);
+ color: var(--color-pink-500);
+ background-color: #f6339a1a;
+ display: inline-block;
+ rotate: -2deg
+}
+
+@media (hover: hover) {
+ .link-pink:hover {
+ --tw-scale-x:110%;
+ --tw-scale-y: 110%;
+ --tw-scale-z: 110%;
+ scale: var(--tw-scale-x)var(--tw-scale-y)
+ }
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ .link-pink {
+ background-color:color-mix(in oklab,var(--color-pink-500)10%,transparent)
+ }
+}
+
+.link-pink:hover,.link-pink:focus {
+ background-color: #f6339a33
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ :is(.link-pink:hover,.link-pink:focus) {
+ background-color:color-mix(in oklab,var(--color-pink-500)20%,transparent)
+ }
+}
+
+.link-amber {
+ height: calc(var(--spacing)*8);
+ transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);
+ cursor: pointer;
+ border-radius: var(--radius-lg);
+ padding-inline:calc(var(--spacing)*1.5);transition-property: color,background-color,scale;
+ transition-duration: .7s;
+ transition-timing-function: var(--ease-out-expo);
+ color: var(--color-amber-500);
+ background-color: #f99c001a;
+ display: inline-block;
+ rotate: 3deg
+}
+
+@media (hover: hover) {
+ .link-amber:hover {
+ --tw-scale-x:110%;
+ --tw-scale-y: 110%;
+ --tw-scale-z: 110%;
+ scale: var(--tw-scale-x)var(--tw-scale-y)
+ }
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ .link-amber {
+ background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)
+ }
+}
+
+.link-amber:hover,.link-amber:focus {
+ background-color: #f99c0033
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ :is(.link-amber:hover,.link-amber:focus) {
+ background-color:color-mix(in oklab,var(--color-amber-500)20%,transparent)
+ }
+}
+
+.link-emerald {
+ height: calc(var(--spacing)*8);
+ transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);
+ cursor: pointer;
+ border-radius: var(--radius-lg);
+ padding-inline:calc(var(--spacing)*1.5);transition-property: color,background-color,scale;
+ transition-duration: .7s;
+ transition-timing-function: var(--ease-out-expo);
+ color: var(--color-emerald-500);
+ background-color: #00bb7f1a;
+ display: inline-block;
+ rotate: -1deg
+}
+
+@media (hover: hover) {
+ .link-emerald:hover {
+ --tw-scale-x:110%;
+ --tw-scale-y: 110%;
+ --tw-scale-z: 110%;
+ scale: var(--tw-scale-x)var(--tw-scale-y)
+ }
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ .link-emerald {
+ background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)
+ }
+}
+
+.link-emerald:hover,.link-emerald:focus {
+ background-color: #00bb7f33
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ :is(.link-emerald:hover,.link-emerald:focus) {
+ background-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent)
+ }
+}
+
+.link-green {
+ height: calc(var(--spacing)*8);
+ transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);
+ cursor: pointer;
+ border-radius: var(--radius-lg);
+ padding-inline:calc(var(--spacing)*1.5);transition-property: color,background-color,scale;
+ transition-duration: .7s;
+ transition-timing-function: var(--ease-out-expo);
+ color: var(--color-green-500);
+ background-color: #00c7581a;
+ display: inline-block;
+ rotate: -1deg
+}
+
+@media (hover: hover) {
+ .link-green:hover {
+ --tw-scale-x:110%;
+ --tw-scale-y: 110%;
+ --tw-scale-z: 110%;
+ scale: var(--tw-scale-x)var(--tw-scale-y)
+ }
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ .link-green {
+ background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)
+ }
+}
+
+.link-green:hover,.link-green:focus {
+ background-color: #00c75833
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ :is(.link-green:hover,.link-green:focus) {
+ background-color:color-mix(in oklab,var(--color-green-500)20%,transparent)
+ }
+}
+
+.link-violet {
+ height: calc(var(--spacing)*8);
+ transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);
+ cursor: pointer;
+ border-radius: var(--radius-lg);
+ padding-inline:calc(var(--spacing)*1.5);transition-property: color,background-color,scale;
+ transition-duration: .7s;
+ transition-timing-function: var(--ease-out-expo);
+ color: var(--color-violet-500);
+ background-color: #8d54ff1a;
+ display: inline-block;
+ rotate: -2deg
+}
+
+@media (hover: hover) {
+ .link-violet:hover {
+ --tw-scale-x:110%;
+ --tw-scale-y: 110%;
+ --tw-scale-z: 110%;
+ scale: var(--tw-scale-x)var(--tw-scale-y)
+ }
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ .link-violet {
+ background-color:color-mix(in oklab,var(--color-violet-500)10%,transparent)
+ }
+}
+
+.link-violet:hover,.link-violet:focus {
+ background-color: #8d54ff33
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ :is(.link-violet:hover,.link-violet:focus) {
+ background-color:color-mix(in oklab,var(--color-violet-500)20%,transparent)
+ }
+}
+
+.link-blue {
+ height: calc(var(--spacing)*8);
+ transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);
+ cursor: pointer;
+ border-radius: var(--radius-lg);
+ padding-inline:calc(var(--spacing)*1.5);transition-property: color,background-color,scale;
+ transition-duration: .7s;
+ transition-timing-function: var(--ease-out-expo);
+ color: var(--color-blue-500);
+ background-color: #3080ff1a;
+ display: inline-block;
+ rotate: 1deg
+}
+
+@media (hover: hover) {
+ .link-blue:hover {
+ --tw-scale-x:110%;
+ --tw-scale-y: 110%;
+ --tw-scale-z: 110%;
+ scale: var(--tw-scale-x)var(--tw-scale-y)
+ }
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ .link-blue {
+ background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)
+ }
+}
+
+.link-blue:hover,.link-blue:focus {
+ background-color: #3080ff33
+}
+
+@supports (color: color-mix(in lab,red,red)) {
+ :is(.link-blue:hover,.link-blue:focus) {
+ background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)
+ }
+}
diff --git a/src/profile.avif b/src/profile.avif
index fd16659..37a1cfa 100644
Binary files a/src/profile.avif and b/src/profile.avif differ
diff --git a/src/type.d.ts b/src/type.d.ts
new file mode 100644
index 0000000..ea80911
--- /dev/null
+++ b/src/type.d.ts
@@ -0,0 +1,4 @@
+declare module "*.avif" {
+ const value: string;
+ export default value;
+ }
\ No newline at end of file
diff --git a/src/types.d.ts b/src/types.d.ts
deleted file mode 100644
index 719cfa3..0000000
--- a/src/types.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-declare module "*.svg" {
- const content: string;
- export default content;
-}
-
-declare module "*.avif" {
- const value: string;
- export default value;
-}
\ No newline at end of file
diff --git a/styles/globals.css b/styles/globals.css
index d004c06..dd34342 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,28 +1,9 @@
-@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import "tailwindcss";
@plugin "tailwindcss-animate";
@custom-variant dark (&:is(.dark *));
-@font-face {
- font-family: 'NType82Headline';
- src: url('https://f.imnya.ng/font/NType82-Headline.woff2') format('woff2');
-}
-
-.ntypefont {
- font-family: "NType82Headline" !important;
-}
-
-.tnum {
- font-feature-settings: "tnum";
-}
-
-* {
- font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
-}
-
-
:root {
--background: hsl(0 0% 100%);
--foreground: hsl(240 10% 3.9%);
@@ -160,43 +141,4 @@
body {
@apply bg-background text-foreground;
}
- ::selection {
- @apply bg-primary text-background;
- }
-
- ::-webkit-scrollbar {
- @apply w-2 h-2;
- }
-
- ::-webkit-scrollbar-track {
- @apply bg-muted;
- }
-
- ::-webkit-scrollbar-thumb {
- @apply rounded-full bg-muted-foreground;
- }
-
- input:-webkit-autofill,
- textarea:-webkit-autofill,
- select:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 1000px hsl(var(--background)) inset !important;
- box-shadow: 0 0 0 1000px hsl(var(--background)) inset !important;
- -webkit-text-fill-color: hsl(var(--foreground)) !important;
- }
}
-
-@layer utilities {
- /* Hide scrollbar for Chrome, Safari and Opera */
- .no-scrollbar::-webkit-scrollbar {
- display: none;
- }
- /* Hide scrollbar for IE, Edge and Firefox */
- .no-scrollbar {
- -ms-overflow-style: none; /* IE and Edge */
- scrollbar-width: none; /* Firefox */
- }
-}
-
-.fixed-width-number {
- font-feature-settings: "tnum";
-}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 2951a09..4d2394e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,5 +15,6 @@
"@/*": ["./src/*"]
}
},
- "include": ["**/*.ts", "**/*.tsx"]
+ "include": ["**/*.ts", "**/*.tsx"],
+ "exclude": ["dist", "node_modules"]
}
🌠 수상 및 교육
현재까지 {count}개의 개성있는 조각들이 모였어요!