10h30/jpadventure
1
0
Fork 0
mirror of https://github.com/10h30/jpadventure.git synced 2026-05-12 15:21:19 +09:00
Code Issues Packages Projects Releases Wiki Activity

Refactor navigation: create Navigation component and update pages to use it

Browse Source
This commit is contained in:
Thuan Bui
2025-12-22 17:55:26 +07:00
parent a383f01141
commit c3f6ddabb7
4 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Navigation.astro
+7
View File
@@ -0,0 +1,7 @@
---
---
<a href='/'>Home</a>
<a href='/about/'>About</a>
<a href='/blog/'>Blog</a>
src/pages/about.astro
+2 -3
View File
@@ -1,4 +1,5 @@
--- ---
import Navigation from "../components/Navigation.astro";
import "../styles/global.css"; import "../styles/global.css";
const pageTitle = "About Me"; const pageTitle = "About Me";
@@ -46,9 +47,7 @@ const textCase = "uppercase";
</style> </style>
</head> </head>
<body> <body>
<a href='/'>Home</a> <Navigation />
<a href='/about/'>About</a>
<a href='/blog/'>Blog</a>
<h1>{pageTitle}</h1> <h1>{pageTitle}</h1>
<h2>... and my new Astro site!</h2> <h2>... and my new Astro site!</h2>
src/pages/blog.astro
+3 -4
View File
@@ -1,5 +1,6 @@
--- ---
import Navigation from "../components/Navigation.astro";
import "../styles/global.css";
--- ---
<html lang='en'> <html lang='en'>
@@ -11,9 +12,7 @@
<title>About</title> <title>About</title>
</head> </head>
<body> <body>
<a href='/'>Home</a> <Navigation />
<a href='/about/'>About</a>
<a href='/blog/'>Blog</a>
<h1>My Astro Learning Blog</h1> <h1>My Astro Learning Blog</h1>
<p>This is where I will post about my journey learning Astro.</p> <p>This is where I will post about my journey learning Astro.</p>
<ul> <ul>
src/pages/index.astro
+6 -5
View File
@@ -1,5 +1,8 @@
--- ---
import Navigation from "../components/Navigation.astro";
import "../styles/global.css";
const pageTitle = "Thuan's Astro Page";
--- ---
<html lang='en'> <html lang='en'>
@@ -8,12 +11,10 @@
<link rel='icon' type='image/svg+xml' href='/favicon.svg' /> <link rel='icon' type='image/svg+xml' href='/favicon.svg' />
<meta name='viewport' content='width=device-width' /> <meta name='viewport' content='width=device-width' />
<meta name='generator' content={Astro.generator} /> <meta name='generator' content={Astro.generator} />
<title>Astro</title> <title>{pageTitle}</title>
</head> </head>
<body> <body>
<a href='/'>Home</a> <Navigation />
<a href='/about/'>About</a> <h1>{pageTitle}</h1>
<a href='/blog/'>Blog</a>
<h1>Thuan's Astro Page</h1>
</body> </body>
</html> </html>