server-ssl.js

Add restart countdown timer, if the handler is defined the countdown will happen.

countdownHandler - (optional) paramterless function that will fire every second during the restart count down

countdownTime - (optional) how long in seconds to countdown before restarting, default 30 seconds

 https://i.imgur.com/ZX5TkiI.png

/root
│
├── /error
│   ├── 404.html
│   └── 500.html
│
├── /ssl
│   ├── /openssl
│   ├── /module
│   │   ├── /crypt
│   │   ├── /jose
│   │   └── lets-encrypt-acme-client.js
│   │
│   ├── acmeKeys
│   ├── private-key.pem
│   └── certificate.pem
│   └── ssl.js
│
├── /website
│   └── index.html <---- Your website goes here
│
├── node.exe
├── server-ssl.js
└── start-windows.bat

Author: FirstTimeEZ

error/404.html

@@ -15,9 +15,9 @@
             --background-color: #0f0f0f;
             --background-secondary: #1d2022;
             --border-color: #171a1b;
-            --shadow: 0 1px 3px var(--accent-color);
+            --shadow: 0.1px 0.3px 0.4px 0.6px var(--accent-color);
             --radius: 4px;
-            --spacing: 0.4rem;
+            --spacing: 0.3rem;
         }
 
         * {
@@ -43,8 +43,6 @@
             border-radius: var(--radius);
             box-shadow: var(--shadow);
             text-align: center;
-            max-width: 480px;
-            width: 100%;
             border: 1px solid var(--border-color);
         }
 
@@ -81,17 +79,11 @@
 
         .error-button:hover {
             background-color: var(--secondary-color);
-            box-shadow: 0 0 4px var(--primary-color);
+            box-shadow: 0 0 2px var(--primary-color);
         }
 
-        @media (max-width: 480px) {
-            .error-code {
-                font-size: 4rem;
-            }
-
-            .error-title {
-                font-size: 1.25rem;
-            }
+        .card {
+            width: 400px;
         }
     </style>
 </head>

error/500.html

@@ -15,9 +15,9 @@
             --background-color: #0f0f0f;
             --background-secondary: #1d2022;
             --border-color: #171a1b;
-            --shadow: 0 1px 3px var(--accent-color);
+            --shadow: 0.1px 0.3px 0.4px 0.6px var(--accent-color);
             --radius: 4px;
-            --spacing: 0.4rem;
+            --spacing: 0.3rem;
         }
 
         * {
@@ -43,8 +43,6 @@
             border-radius: var(--radius);
             box-shadow: var(--shadow);
             text-align: center;
-            max-width: 480px;
-            width: 100%;
             border: 1px solid var(--border-color);
         }
 
@@ -81,17 +79,11 @@
 
         .error-button:hover {
             background-color: var(--secondary-color);
-            box-shadow: 0 0 4px var(--primary-color);
+            box-shadow: 0 0 2px var(--primary-color);
         }
 
-        @media (max-width: 480px) {
-            .error-code {
-                font-size: 4rem;
-            }
-
-            .error-title {
-                font-size: 1.25rem;
-            }
+        .card {
+            width: 400px;
         }
     </style>
 </head>