seto-hp

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

commit 007ce6a42260b4e3b7df3a4c45fcf6099b3ff51d
parent 3f2797fa61e88818dcda068fbd373415c163b637
Author: minerva-jupiter <ryouturn@gmail.com>
Date:   Fri, 30 May 2025 23:19:19 +0900

delete matryoshika

Diffstat:
Dseto-hp/README.md | 36------------------------------------
Msrc/app/layout.tsx | 37+++++++++++++++++++++++++++++++------
Msrc/app/page.tsx | 34+++-------------------------------
3 files changed, 34 insertions(+), 73 deletions(-)

diff --git a/seto-hp/README.md b/seto-hp/README.md @@ -1,36 +0,0 @@ -This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). - -## Getting Started - -First, run the development server: - -```bash -npm run dev -# or -yarn dev -# or -pnpm dev -# or -bun dev -``` - -Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. - -You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. - -This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. - -## Learn More - -To learn more about Next.js, take a look at the following resources: - -- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. -- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. - -You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! - -## Deploy on Vercel - -The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. - -Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. diff --git a/src/app/layout.tsx b/src/app/layout.tsx @@ -27,11 +27,36 @@ export default function RootLayout({ }: Readonly<{ children: React.ReactNode; }>) { - return ( - <html lang="jp"> - <body className={`${geistSans.variable} ${geistMono.variable}`}> - {children} - </body> - </html> + return ( <> + <html lang="jp" className="h-100"> + <body> + <header> + <nav className="navbar navbar-expand-lg bg-body-tertiary"> + <div className="container-fluid"> + <a className="navbar-brand" href="#">瀬戸和希のホームページ</a> + <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> + <span className="navbar-toggler-icon"></span> + </button> + <div className="collapse navbar-collapse" id="navbarSupportedContent"> + <ul className="navbar-nav me-auto mb-2 mb-lg-0"> + <li className="nav-item"> + <a className="nav-link active" aria-current="page" href="#">Home</a> + </li> + <li className="nav-item"> + <a className="nav-link" href="https://www.staffsearch.shimane-u.ac.jp/kenkyu/search/3d57492f13a5ff11d57e2a307cd68dcd/detail">島根大学教員情報検索</a> + </li> + </ul> + </div> + </div> + </nav> + </header> + <main > + <div className="container"> + {children} + </div> + </main> + </body> + </html> + </> ); } diff --git a/src/app/page.tsx b/src/app/page.tsx @@ -3,37 +3,9 @@ import Image from "next/image"; export default function Home() { return ( <div> - <nav className="navbar navbar-expand-lg bg-body-tertiary"> - <div className="container-fluid"> - <a className="navbar-brand" href="#">瀬戸和希のホームページ</a> - <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> - <span className="navbar-toggler-icon"></span> - </button> - <div className="collapse navbar-collapse" id="navbarSupportedContent"> - <ul className="navbar-nav me-auto mb-2 mb-lg-0"> - <li className="nav-item"> - <a className="nav-link active" aria-current="page" href="#">Home</a> - </li> - <li className="nav-item"> - <a className="nav-link" href="#">Link</a> - </li> - <li className="nav-item dropdown"> - <a className="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> - Dropdown - </a> - <ul className="dropdown-menu"> - <li><a className="dropdown-item" href="#">Action</a></li> - <li><a className="dropdown-item" href="#">Another action</a></li> - <li><a className="dropdown-item" href="#">Something else here</a></li> - </ul> - </li> - <li className="nav-item"> - <a className="nav-link disabled">Disabled</a> - </li> - </ul> - </div> - </div> - </nav> + <h1>Welcome to my homepage!</h1> + <p>This is a simple Next.js application.</p> + <p>Enjoy exploring!</p> </div> ); }