Merge pull request #117 from loopy-lim/2023-new-page

2023-summer portfolio 추가

.github/workflows/github-actions.yml

@@ -0,0 +1,56 @@
+name: Check NextJs build
+
+on:
+  push:
+    branches: ["main"]
+
+  pull_request:
+    types: [opened, reopened]
+
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+      - uses: pnpm/action-setup@v2
+        name: Install pnpm
+        with:
+          version: 8
+          run_install: false
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+      - uses: actions/cache@v3
+        name: Setup pnpm cache
+        with:
+          path: .pnpm-store
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+      - name: Install dependencies
+        run: pnpm install
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: |
+            .next/cache
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
+      - name: Install dependencies
+        run: pnpm install
+      - name: Build with Next.js
+        run: pnpm run build

src/components/portfolio/Navbar.tsx

@@ -117,7 +117,7 @@ export const PortfolioNavbar = () => {
   return (
     <>
       <div className="pointer-events-none fixed top-0 z-20 flex w-full justify-center bg-gradient-to-b from-white"></div>
-      <h1 className="portfolio-menu-cover fixed top-0 z-50 mt-12 flex w-full justify-center font-bold max-lg:mt-2 max-lg:scale-[.4]">
+      <h1 className="portfolio-menu-cover fixed top-0 z-20 mt-12 flex w-full justify-center font-bold max-lg:mt-2 max-lg:scale-[.4]">
         <button
           className="portfolio-menu-button flex items-center outline-none"
           onClick={togglePortfolioMenu}

src/components/portfolio/index.tsx

@@ -81,9 +81,12 @@ export const Portfolio = () => {
               {({ isActive }) => (
                 <button
                   onClick={() => showDetail(index)}
-                  className={cn("text-7xl uppercase", {
-                    "text-gray-400": !isActive,
-                  })}
+                  className={cn(
+                    "py-1 text-left text-7xl uppercase leading-none",
+                    {
+                      "text-gray-400": !isActive,
+                    }
+                  )}
                 >
                   <h2>{item.TITLE}</h2>
                 </button>