diff --git a/css/style.css b/css/style.css index f45f0a39d2..558b5fe192 100644 --- a/css/style.css +++ b/css/style.css @@ -867,6 +867,31 @@ div.desktop-lang-switcher { } } +/* page navigation */ +.page-navigation { + margin-top: 2rem; + padding: 1rem 0; + 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..dd58ba14f2 100644 --- a/de/starter/hello-world.md +++ b/de/starter/hello-world.md @@ -44,4 +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) +### [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..c6a34cca7e 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) + \ No newline at end of file diff --git a/en/starter/examples.md b/en/starter/examples.md index ca376a2e64..38159d86e1 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) + \ No newline at end of file diff --git a/en/starter/generator.md b/en/starter/generator.md index a95c9dcbfe..14a6c8d163 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) + \ No newline at end of file diff --git a/en/starter/hello-world.md b/en/starter/hello-world.md index 67c9aee082..f84a366abf 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) + \ No newline at end of file diff --git a/en/starter/installing.md b/en/starter/installing.md index 9f99a681f2..c10f177b4e 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 + \ No newline at end of file diff --git a/en/starter/static-files.md b/en/starter/static-files.md index 3d5e4309bf..cbc6d4cc69 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) + \ No newline at end of file