From cf4be2e7349cdd79aa645b0a0d4c89feb4e697c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= Date: Wed, 30 Mar 2022 16:16:31 +0200 Subject: [PATCH] feat: new templates design (#81) * update error pages * update button 404 * refactor(templates): new design * refactor(welcome): new design * refactor: update gradient * feat: gradiant transition * feat: error-dev page + update * refactor: reponsive * chore: improvements * chore: no need for lang * fix(welcome): gradient border * chore: new loading screen * chore: 3px is good * Delete index_old.html * chore: remove extra lines * chore: welcome lighter * chore: lighter for dev error * fix: mention `NuxtWelcome` and format code * chore: format html files * move version to main and set to empty by default Co-authored-by: Alexandre Chopin Co-authored-by: Florent Co-authored-by: Pooya Parsa --- packages/ui-templates/index.html | 13 +- .../templates/error-404/index.html | 118 +++++----- .../templates/error-500/index.html | 106 +++++---- .../templates/error-dev/index.html | 70 ++---- .../ui-templates/templates/loading/index.html | 167 ++++++-------- packages/ui-templates/templates/messages.json | 3 +- .../ui-templates/templates/welcome/index.html | 209 +++++++++++------- .../templates/welcome/messages.json | 4 +- 8 files changed, 353 insertions(+), 337 deletions(-) diff --git a/packages/ui-templates/index.html b/packages/ui-templates/index.html index bbc8e5c373..60710321da 100644 --- a/packages/ui-templates/index.html +++ b/packages/ui-templates/index.html @@ -5,10 +5,13 @@ - +
+

Nuxt Templates

+ +
diff --git a/packages/ui-templates/templates/error-404/index.html b/packages/ui-templates/templates/error-404/index.html index 01734da310..c26d2dc385 100644 --- a/packages/ui-templates/templates/error-404/index.html +++ b/packages/ui-templates/templates/error-404/index.html @@ -1,63 +1,73 @@ + + {{ messages.statusCode }} - {{ messages.statusMessage }} | {{ messages.appName }} + + + + + + +
+
+

{{ messages.statusCode }}

+

{{ messages.description }}

+
+ {{ messages.backHome }}
-
- -
- - - + diff --git a/packages/ui-templates/templates/error-500/index.html b/packages/ui-templates/templates/error-500/index.html index 2454ae1682..fda6e255ec 100644 --- a/packages/ui-templates/templates/error-500/index.html +++ b/packages/ui-templates/templates/error-500/index.html @@ -1,50 +1,68 @@ + + {{ messages.statusCode }} - {{ messages.statusMessage }} | {{ messages.appName }} + + + + + + +
+
+

{{ messages.statusCode }}

+

{{ messages.description }}

-
- -
- - - + diff --git a/packages/ui-templates/templates/error-dev/index.html b/packages/ui-templates/templates/error-dev/index.html index 5d2f010f9f..ed9a0c9107 100644 --- a/packages/ui-templates/templates/error-dev/index.html +++ b/packages/ui-templates/templates/error-dev/index.html @@ -1,54 +1,24 @@ - - - {{ messages.statusCode }} - {{ messages.statusMessage }} | {{ messages.appName }} - - - - - - -
-
-
-
- {{ messages.statusCode }} -
-
-
- {{ messages.description }} -
-
- {{ messages.stack }} -
-
+ + {{ messages.statusCode }} - {{ messages.statusMessage }} | {{ messages.appName }} + + + + + + +
+

{{ messages.statusCode }}

+

{{ messages.description }}

+
+ 
{{ messages.stack }}
-
- - + diff --git a/packages/ui-templates/templates/loading/index.html b/packages/ui-templates/templates/loading/index.html index 7e6e11f65f..5c1fa93c05 100644 --- a/packages/ui-templates/templates/loading/index.html +++ b/packages/ui-templates/templates/loading/index.html @@ -2,118 +2,93 @@ {{ messages.loading }} | {{ messages.appName }} - + +/> - - - - - - - - - - - - - -
-
-
+ + + +
+
+
+
+
+
+
+ + diff --git a/packages/ui-templates/templates/messages.json b/packages/ui-templates/templates/messages.json index 7063043212..364de9016d 100644 --- a/packages/ui-templates/templates/messages.json +++ b/packages/ui-templates/templates/messages.json @@ -1,3 +1,4 @@ { - "appName": "Nuxt" + "appName": "Nuxt", + "version": "" } diff --git a/packages/ui-templates/templates/welcome/index.html b/packages/ui-templates/templates/welcome/index.html index 0b08ff8af8..cacc36ea71 100644 --- a/packages/ui-templates/templates/welcome/index.html +++ b/packages/ui-templates/templates/welcome/index.html @@ -1,93 +1,132 @@ - - {{ messages.title }} - - - - - -
-
-
- - - - - - - - - + + {{ messages.statusCode }} - {{ messages.statusMessage }} | {{ messages.appName }} + + + + + + +
+
+
+ + + + + + + + + +

+ {{ messages.version }} +

-
-
-
-
- - - - -
- - {{ messages.documentation }} - -
-
-
-
- {{ messages.readDocs }}
- - {{ messages.documentation }} - -
-
-
-
-
- - - -
- Twitter -
-
-
-
- {{ messages.followTwitter }}
- @nuxt_js -
-
-
+
+
+

+ Get Started +

+ + + +
+

Remove this welcome page by removing <NuxtWelcome /> tag or creating an app.vue file.

-
-

To remove this welcome page, you have 2 options:

-
    -
  • Create an app.vue
    • -
  • Create a pages/index.vue
    • -
-
+ + + + + + + + + + +
Documentation
+

{{ messages.readDocs }}

+ + + + + +
GitHub
+

{{ messages.starGitHub }}

+ + + + + +
Twitter
+

{{ messages.followTwitter }}

+
-
- + diff --git a/packages/ui-templates/templates/welcome/messages.json b/packages/ui-templates/templates/welcome/messages.json index 8aa3a8c741..6fc1f0dc0f 100644 --- a/packages/ui-templates/templates/welcome/messages.json +++ b/packages/ui-templates/templates/welcome/messages.json @@ -1,6 +1,6 @@ { "title": "Welcome to Nuxt 3!", - "documentation": "Documentation", "readDocs": "We highly recommend you take a look at the Nuxt documentation, whether you are new or have previous experience with the framework.", - "followTwitter": "Follow the Nuxt Twitter account to get latest news about releases, new modules, tutorials and tips." + "followTwitter": "Follow the Nuxt Twitter account to get latest news about releases, new modules, tutorials and tips.", + "starGitHub": "Nuxt is open source and the code is available on GitHub, feel free to star it, participate in discussions or dive into the source." }