layout.tsx (2193B)
1 import type { Metadata } from "next"; 2 import { Geist, Geist_Mono, Noto_Sans } from "next/font/google"; 3 import 'bootstrap/dist/css/bootstrap.min.css'; 4 5 const geistSans = Geist({ 6 variable: "--font-geist-sans", 7 subsets: ["latin"], 8 }); 9 10 const geistMono = Geist_Mono({ 11 variable: "--font-geist-mono", 12 subsets: ["latin"], 13 }); 14 15 const notoSans = Noto_Sans({ 16 variable: "--font-noto-sans", 17 subsets: ["latin"], 18 }); 19 20 export const metadata: Metadata = { 21 title: "瀬戸和希のホームページ", 22 description: "Created by Tetsu", 23 }; 24 25 export default function RootLayout({ 26 children, 27 }: Readonly<{ 28 children: React.ReactNode; 29 }>) { 30 return ( <> 31 <html lang="jp" className="h-100"> 32 <body> 33 <header> 34 <nav className="navbar navbar-expand-lg bg-body-tertiary"> 35 <div className="container-fluid"> 36 <a className="navbar-brand" href="#">瀬戸和希のホームページ</a> 37 <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 38 <span className="navbar-toggler-icon"></span> 39 </button> 40 <div className="collapse navbar-collapse" id="navbarSupportedContent"> 41 <ul className="navbar-nav me-auto mb-2 mb-lg-0"> 42 <li className="nav-item"> 43 <a className="nav-link active" aria-current="page" href="#">Home</a> 44 </li> 45 <li className="nav-item"> 46 <a className="nav-link" href="https://www.staffsearch.shimane-u.ac.jp/kenkyu/search/3d57492f13a5ff11d57e2a307cd68dcd/detail">島根大学教員情報検索</a> 47 </li> 48 <li className="nav-item"> 49 <a href="https://www.ds.shimane-u.ac.jp/" className="nav-link">島根大学数理・データサイエンス教育研究センター</a> 50 </li> 51 </ul> 52 </div> 53 </div> 54 </nav> 55 </header> 56 <main > 57 <div className="container"> 58 {children} 59 </div> 60 </main> 61 </body> 62 </html> 63 </> 64 ); 65 }