Template

JavaScriptPlayground · Oct 18, 2024 · 60de719 · 60de719
1 parent de9a7fe
commit 60de719
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 6 deletions.
diff --git a/src/client/route/404/index.html b/src/client/route/404/index.html
@@ -3,10 +3,12 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Home</title>
-    <link rel="shortcut icon" href="./home/assets/favicon.svg" type="image/x-icon" />
+    <title>404 Not found</title>
+    <link rel="shortcut icon" href="./assets/favicon.svg" type="image/x-icon" />
+    <link rel="stylesheet" href="./bundle.min.css" />
   </head>
   <body>
-    <h1>404 Page not found.</h1>
+    <h1 class="title">404 Not found</h1>
+    <img class="logo" src="/-/solidjs_logo.svg" alt="SolidJS Logo" />
   </body>
 </html>
diff --git a/src/client/route/404/index.scss b/src/client/route/404/index.scss
@@ -0,0 +1,24 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  display: grid;
+  padding: 100px;
+  height: 100vh;
+  justify-content: center;
+  background-color: #e0e0e0;
+}
+
+.title {
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  text-align: center;
+}
+
+.logo {
+  width: 250px;
+}
diff --git a/src/client/route/home/index.html b/src/client/route/home/index.html
@@ -4,9 +4,11 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Home</title>
-    <link rel="shortcut icon" href="./home/assets/favicon.svg" type="image/x-icon" />
+    <link rel="shortcut icon" href="./assets/favicon.svg" type="image/x-icon" />
+    <link rel="stylesheet" href="./bundle.min.css" />
   </head>
   <body>
-    <img src="/-/solidjs_logo.svg" alt="SolidJS Logo" />
+    <h1 class="title">Home</h1>
+    <img class="logo" src="/-/solidjs_logo.svg" alt="SolidJS Logo" />
   </body>
 </html>
diff --git a/src/client/route/home/index.scss b/src/client/route/home/index.scss
@@ -0,0 +1,24 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  display: grid;
+  padding: 100px;
+  height: 100vh;
+  justify-content: center;
+  background-color: #e0e0e0;
+}
+
+.title {
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  text-align: center;
+}
+
+.logo {
+  width: 250px;
+}
diff --git a/src/server/index.ts b/src/server/index.ts
@@ -16,7 +16,7 @@ const routes: Route[] = [
     )
   },
   {
-    pattern: new URLPattern({ pathname: '/:page([a-z0-9]+[a-z0-9-.]*\/?)' }),
+    pattern: new URLPattern({ pathname: '/:page/' }),
     handler: (request, _info, parameters) => pageHandler(
       request,
       routeDirectory,