From 89bd79e17abd44a55498899ff68dadc7211b3cb5 Mon Sep 17 00:00:00 2001 From: Sanajit Jana Date: Wed, 10 Sep 2025 16:24:14 +0530 Subject: [PATCH 1/2] fix: Bottom next/previous navigation bar is enclosed in h3 tag Signed-off-by: Sanajit Jana --- css/style.css | 26 ++++++++++++++++++++++++++ de/starter/hello-world.md | 4 +++- en/starter/basic-routing.md | 4 +++- en/starter/examples.md | 4 +++- en/starter/generator.md | 4 +++- en/starter/hello-world.md | 4 +++- en/starter/installing.md | 4 +++- en/starter/static-files.md | 4 +++- 8 files changed, 47 insertions(+), 7 deletions(-) diff --git a/css/style.css b/css/style.css index f45f0a39d2..e44ede57ab 100644 --- a/css/style.css +++ b/css/style.css @@ -867,6 +867,32 @@ div.desktop-lang-switcher { } } +/* page navigation */ +.page-navigation { + margin-top: 2rem; + padding: 1rem 0; + border-top: 1px solid var(--border); + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + gap: 1rem; +} + +.page-navigation a { + color: var(--link); + text-decoration: none; + padding: 0.5rem 1rem; + border: 1px solid var(--border); + border-radius: 4px; + transition: background-color 0.2s ease; +} + +.page-navigation a:hover { + background-color: var(--hover-bg); + border-color: var(--hover-border); +} + /* navigation */ #navbar { line-height: 30px; diff --git a/de/starter/hello-world.md b/de/starter/hello-world.md index 3fd33c8743..443d11e8a5 100644 --- a/de/starter/hello-world.md +++ b/de/starter/hello-world.md @@ -44,4 +44,6 @@ $ node app.js Laden Sie dann [http://localhost:3000/](http://localhost:3000/) in einen Browser, um die Ausgabe zu sehen. -### [Previous: Installing ](/{{ page.lang }}/starter/installing.html)    [Next: Express Generator ](/{{ page.lang }}/starter/generator.html) +
+[Previous: Installing ](/{{ page.lang }}/starter/installing.html) [Next: Express Generator ](/{{ page.lang }}/starter/generator.html) +
\ No newline at end of file diff --git a/en/starter/basic-routing.md b/en/starter/basic-routing.md index 00a65988ab..f7a7debc40 100755 --- a/en/starter/basic-routing.md +++ b/en/starter/basic-routing.md @@ -65,4 +65,6 @@ app.delete('/user', (req, res) => { For more details about routing, see the [routing guide](/{{ page.lang }}/guide/routing.html). -### [Previous: Express application generator ](/{{ page.lang }}/starter/generator.html)    [Next: Serving static files in Express ](/{{ page.lang }}/starter/static-files.html) +
+[Previous: Express application generator ](/{{ page.lang }}/starter/generator.html) [Next: Serving static files in Express ](/{{ page.lang }}/starter/static-files.html) +
\ No newline at end of file diff --git a/en/starter/examples.md b/en/starter/examples.md index ca376a2e64..5049754b57 100755 --- a/en/starter/examples.md +++ b/en/starter/examples.md @@ -18,4 +18,6 @@ These are some additional examples with more extensive integrations. - [prisma-fullstack](https://github.com/prisma/prisma-examples/tree/latest/pulse/fullstack-simple-chat) - Fullstack app with Express and Next.js using [Prisma](https://www.npmjs.com/package/prisma) as an ORM - [prisma-rest-api-ts](https://github.com/prisma/prisma-examples/tree/latest/orm/express) - REST API with Express in TypeScript using [Prisma](https://www.npmjs.com/package/prisma) as an ORM -### [Previous: Static Files ](/{{ page.lang }}/starter/static-files.html)    [Next: FAQ ](/{{ page.lang }}/starter/faq.html) +
+[Previous: Static Files ](/{{ page.lang }}/starter/static-files.html) [Next: FAQ ](/{{ page.lang }}/starter/faq.html) +
\ No newline at end of file diff --git a/en/starter/generator.md b/en/starter/generator.md index a95c9dcbfe..3746c2a512 100755 --- a/en/starter/generator.md +++ b/en/starter/generator.md @@ -125,4 +125,6 @@ The generated app has the following directory structure: The app structure created by the generator is just one of many ways to structure Express apps. Feel free to use this structure or modify it to best suit your needs. -### [Previous: Hello World ](/{{ page.lang }}/starter/hello-world.html)    [Next: Basic routing](/{{ page.lang }}/starter/basic-routing.html) +
+[Previous: Hello World ](/{{ page.lang }}/starter/hello-world.html) [Next: Basic routing](/{{ page.lang }}/starter/basic-routing.html) +
\ No newline at end of file diff --git a/en/starter/hello-world.md b/en/starter/hello-world.md index 67c9aee082..f3f3b86971 100755 --- a/en/starter/hello-world.md +++ b/en/starter/hello-world.md @@ -48,4 +48,6 @@ $ node app.js Then, load `http://localhost:3000/` in a browser to see the output. -### [Previous: Installing ](/{{ page.lang }}/starter/installing.html)    [Next: Express Generator ](/{{ page.lang }}/starter/generator.html) +
+[Previous: Installing ](/{{ page.lang }}/starter/installing.html) [Next: Express Generator ](/{{ page.lang }}/starter/generator.html) +
\ No newline at end of file diff --git a/en/starter/installing.md b/en/starter/installing.md index 9f99a681f2..3bcb52e415 100755 --- a/en/starter/installing.md +++ b/en/starter/installing.md @@ -50,4 +50,6 @@ $ npm install express --no-save By default with version npm 5.0+, `npm install` adds the module to the `dependencies` list in the `package.json` file; with earlier versions of npm, you must specify the `--save` option explicitly. Then, afterwards, running `npm install` in the app directory will automatically install modules in the dependencies list. -### [Next: Hello World ](/{{ page.lang }}/starter/hello-world.html) \ No newline at end of file +
+[Next: Hello World ](/{{ page.lang }}/starter/hello-world.html) +
\ No newline at end of file diff --git a/en/starter/static-files.md b/en/starter/static-files.md index 3d5e4309bf..5904311d03 100755 --- a/en/starter/static-files.md +++ b/en/starter/static-files.md @@ -78,4 +78,6 @@ app.use('/static', express.static(path.join(__dirname, 'public'))) For more details about the `serve-static` function and its options, see [serve-static](/resources/middleware/serve-static.html). -### [Previous: Basic Routing ](/{{ page.lang }}/starter/basic-routing.html)    [Next: More examples ](/{{ page.lang }}/starter/examples.html) +
+[Previous: Basic Routing ](/{{ page.lang }}/starter/basic-routing.html) [Next: More examples ](/{{ page.lang }}/starter/examples.html) +
\ No newline at end of file From a2a4217f4d23f974c99bfa876872bb38ffe376da Mon Sep 17 00:00:00 2001 From: Sanajit Jana Date: Sat, 13 Sep 2025 17:14:05 +0530 Subject: [PATCH 2/2] fix: replace h3 navigation with semantic nav in starter pages --- css/style.css | 1 - de/starter/hello-world.md | 4 +--- en/starter/basic-routing.md | 4 ++-- en/starter/examples.md | 4 ++-- en/starter/generator.md | 4 ++-- en/starter/hello-world.md | 4 ++-- en/starter/installing.md | 4 ++-- en/starter/static-files.md | 4 ++-- 8 files changed, 13 insertions(+), 16 deletions(-) diff --git a/css/style.css b/css/style.css index e44ede57ab..558b5fe192 100644 --- a/css/style.css +++ b/css/style.css @@ -871,7 +871,6 @@ div.desktop-lang-switcher { .page-navigation { margin-top: 2rem; padding: 1rem 0; - border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; diff --git a/de/starter/hello-world.md b/de/starter/hello-world.md index 443d11e8a5..dd58ba14f2 100644 --- a/de/starter/hello-world.md +++ b/de/starter/hello-world.md @@ -44,6 +44,4 @@ $ node app.js Laden Sie dann [http://localhost:3000/](http://localhost:3000/) in einen Browser, um die Ausgabe zu sehen. -
-[Previous: Installing ](/{{ page.lang }}/starter/installing.html) [Next: Express Generator ](/{{ page.lang }}/starter/generator.html) -
\ No newline at end of file +### [Previous: Installing ](/{{ page.lang }}/starter/installing.html)    [Next: Express Generator ](/{{ page.lang }}/starter/generator.html) \ No newline at end of file diff --git a/en/starter/basic-routing.md b/en/starter/basic-routing.md index f7a7debc40..c6a34cca7e 100755 --- a/en/starter/basic-routing.md +++ b/en/starter/basic-routing.md @@ -65,6 +65,6 @@ app.delete('/user', (req, res) => { For more details about routing, see the [routing guide](/{{ page.lang }}/guide/routing.html). -
+
\ No newline at end of file + \ No newline at end of file diff --git a/en/starter/examples.md b/en/starter/examples.md index 5049754b57..38159d86e1 100755 --- a/en/starter/examples.md +++ b/en/starter/examples.md @@ -18,6 +18,6 @@ These are some additional examples with more extensive integrations. - [prisma-fullstack](https://github.com/prisma/prisma-examples/tree/latest/pulse/fullstack-simple-chat) - Fullstack app with Express and Next.js using [Prisma](https://www.npmjs.com/package/prisma) as an ORM - [prisma-rest-api-ts](https://github.com/prisma/prisma-examples/tree/latest/orm/express) - REST API with Express in TypeScript using [Prisma](https://www.npmjs.com/package/prisma) as an ORM -
+
\ No newline at end of file + \ No newline at end of file diff --git a/en/starter/generator.md b/en/starter/generator.md index 3746c2a512..14a6c8d163 100755 --- a/en/starter/generator.md +++ b/en/starter/generator.md @@ -125,6 +125,6 @@ The generated app has the following directory structure: The app structure created by the generator is just one of many ways to structure Express apps. Feel free to use this structure or modify it to best suit your needs. -
+
\ No newline at end of file + \ No newline at end of file diff --git a/en/starter/hello-world.md b/en/starter/hello-world.md index f3f3b86971..f84a366abf 100755 --- a/en/starter/hello-world.md +++ b/en/starter/hello-world.md @@ -48,6 +48,6 @@ $ node app.js Then, load `http://localhost:3000/` in a browser to see the output. -
+
\ No newline at end of file + \ No newline at end of file diff --git a/en/starter/installing.md b/en/starter/installing.md index 3bcb52e415..c10f177b4e 100755 --- a/en/starter/installing.md +++ b/en/starter/installing.md @@ -50,6 +50,6 @@ $ npm install express --no-save By default with version npm 5.0+, `npm install` adds the module to the `dependencies` list in the `package.json` file; with earlier versions of npm, you must specify the `--save` option explicitly. Then, afterwards, running `npm install` in the app directory will automatically install modules in the dependencies list. -
+
\ No newline at end of file + \ No newline at end of file diff --git a/en/starter/static-files.md b/en/starter/static-files.md index 5904311d03..cbc6d4cc69 100755 --- a/en/starter/static-files.md +++ b/en/starter/static-files.md @@ -78,6 +78,6 @@ app.use('/static', express.static(path.join(__dirname, 'public'))) For more details about the `serve-static` function and its options, see [serve-static](/resources/middleware/serve-static.html). -
+
\ No newline at end of file + \ No newline at end of file