fix: minor text and html changes (#17)

* fix: minor text and html fixes

* 1.8.1

README.md

@@ -1,8 +1,8 @@
 [![Quality Check](https://github.com/sapachev/error-pages/actions/workflows/ci.yml/badge.svg)](https://github.com/sapachev/error-pages/actions/workflows/ci.yml) [![Coverage Status](https://coveralls.io/repos/github/sapachev/error-pages/badge.svg?branch=main)](https://coveralls.io/github/sapachev/error-pages?branch=main)
 
-## Custom HTTP Error Pages
+## The Error Pages
 
-Lightweight tool to create static HTTP Error Pages in minimalistic adaptive and accessible design with customization and localization support.
+Lightweight tool to create static custom HTTP Error Pages in minimalistic adaptive and accessible design with customization and localization support.
 
 # Features
 
@@ -14,7 +14,7 @@ Lightweight tool to create static HTTP Error Pages in minimalistic adaptive and
 * Accessibility (a11y)
 * Built-in web server config generator (Nginx)
 
-![Screenshot](https://sapachev.github.io/error-pages/assets/screenshot.png?1)
+![Screenshot](https://sapachev.github.io/error-pages/assets/screenshot.png?2)
 
 # Demo
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "error-pages",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "Lightweight tool to create static HTTP Error Pages in minimalistic adaptive and accessible design with customization and localization support",
   "main": "index.ts",
   "scripts": {

pages/index.html

@@ -13,17 +13,19 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@400;600&display=swap" rel="stylesheet" />
-    
+
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-LWEPD44MND"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
 
-      gtag('config', 'G-LWEPD44MND');
+      gtag("config", "G-LWEPD44MND");
     </script>
-    
+
     <script>
       (async () => {
         // Personal Token to page Debug
@@ -88,7 +90,7 @@ <h1>The Error Pages</h1>
     <img class="xs:w-fit mt-8 -mb-8" src="./assets/screenshot.png" alt="Preview of Error 404" />
 
     <h2>Main Features<a id="main-features"></a></h2>
-    <ul class="list-inside list-disc px-4 mt-2">
+    <ul class="mt-2 list-inside list-disc px-4">
       <li>Static pages with simple and responsive design</li>
       <li>Lightweight and fast running</li>
       <li>Extensibility</li>
@@ -99,7 +101,7 @@ <h2>Main Features<a id="main-features"></a></h2>
     </ul>
 
     <h2>Demo<a id="demo"></a></h2>
-    <ul class="list-inside list-disc px-4 mt-2">
+    <ul class="mt-2 list-inside list-disc px-4">
       <li><a href="https://sapachev.com/error-pages/bad-request" target="_blank" rel="nofollow">400 Bad Request</a></li>
       <li><a href="https://sapachev.com/error-pages/unauthorized" target="_blank" rel="nofollow">401 Unauthorized</a></li>
       <li><a href="https://sapachev.com/error-pages/forbidden" target="_blank" rel="nofollow">403 Forbidden</a></li>
@@ -112,11 +114,8 @@ <h2>Demo<a id="demo"></a></h2>
     </ul>
 
     <h2>Precompiled Packages<a id="precompiled-packages"></a></h2>
-    <p class="mt-2">
-      In case if you don't want to build error pages by yourself, you are can download automatically created packages with the latest
-      version of sources:
-    </p>
-    <ul id="list" class="list-inside list-disc px-4 mt-2">
+    <p class="mt-2">Here you can download the latest version packages according to existing locales:</p>
+    <ul id="list" class="mt-2 list-inside list-disc px-4">
       <p>Wait please to load packages list...</p>
       <noscript>Unable to load packages list due to disabled JavaScript</noscript>
     </ul>

src/de/common.json

@@ -1,7 +1,7 @@
 {
   "apology": "Entschuldigung für die Unannehmlichkeit.",
-  "comment": "Erzeugt mit Error Pages",
-  "comment-aria": "Besuchen Sie das Error Pages Repository auf GitHub",
+  "comment": "Erzeugt mit The Error Pages",
+  "comment-aria": "Besuchen Sie das The Error Pages Repository auf GitHub",
   "go-back": "Zurück",
   "go-back-aria": "Zurück auf die vorherige Seite"
 }

src/en/common.json

@@ -1,7 +1,7 @@
 {
   "apology": "We are sorry for the inconvenience.",
-  "comment": "Created with Error Pages",
-  "comment-aria": "Visit Error Pages repository on GitHub",
+  "comment": "Created with The Error Pages",
+  "comment-aria": "Visit The Error Pages repository on GitHub",
   "go-back": "Go back",
   "go-back-aria": "Go back to a previous page"
 }

src/ru/common.json

@@ -1,7 +1,7 @@
 {
   "apology": "Мы приносим извинения за предоставленные неудобства.",
-  "comment": "Создано с помощью Error Pages",
-  "comment-aria": "Посетить репозиторий Error Pages на GitHub",
+  "comment": "Создано с помощью The Error Pages",
+  "comment-aria": "Посетить репозиторий The Error Pages на GitHub",
   "go-back": "Вернуться назад",
   "go-back-aria": "Вернуться на предыдущую страницу"
 }

themes/minimalistic/template.html

@@ -8,17 +8,17 @@
     <meta name="author" content="Pavel Sapachev" />
     <meta name="version" content="{{ version }}" />
 
-    <link href="/%40assets/css/main.css?v{{ version }}" rel="stylesheet" type="text/css" />
+    <link href="./%40assets/css/main.css?v{{ version }}" rel="stylesheet" type="text/css" />
 
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@400;600&display=swap" rel="stylesheet" />
   </head>
 
-  <body class="bg-slate-200 text-slate-700">
+  <body class="min-w-60 bg-slate-200 text-slate-700">
     <div class="wrapper grid grid-rows-centered items-center justify-items-center gap-4 py-4">
       <div class="grid w-full items-center gap-8">
-        <header class="flex flex-col items-center justify-center justify-items-center md:flex-row">
+        <header class="flex flex-col flex-wrap items-center justify-center justify-items-center md:flex-row">
           <h1 class="text-9xl font-semibold sm:inline-block">{{ code }}</h1>
           <h2 class="text-center text-5xl sm:inline-block md:ml-4">{{ name }}</h2>
         </header>
@@ -38,9 +38,9 @@ <h2 class="text-center text-5xl sm:inline-block md:ml-4">{{ name }}</h2>
         </button>
       </div>
 
-      <footer>
+      <footer class="text-center">
         <a
-          href="https://github.com/sapachev/error-pages"
+          href="https://sapachev.github.io/error-pages/"
           target="_blank"
           class="text-slate-500 focus:ring-2 focus:ring-slate-700 focus:ring-offset-4 focus:ring-offset-slate-200 focus-visible:outline-none"
           aria-label="{{ comment-aria }}"

themes/minimalistic/theme.tailwind.config.js

@@ -4,6 +4,9 @@ exports.theme = {
     gridTemplateRows: {
       centered: "1fr auto",
     },
+    minWidth: {
+      60: "15rem",
+    },
     width: {
       152: "38rem",
     },