add 404 page (#2861)

assets/scss/_styles_project.scss

@@ -23,4 +23,35 @@ footer {
       min-width: inherit;
     }
   }
+}
+
+.error-page {
+  margin-top: 120px;
+  ul {
+    margin-bottom: 50px;
+    list-style-type: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    padding-left: 0;
+  }
+
+  li {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+
+  h1 {
+    text-align: center;
+    margin-bottom: 20px;
+  }
+
+  @media (min-width: 768px) and (max-width: 991px){
+    margin-top: 100px;
+  }
+  
+  @media (max-width: 767px) {
+    margin-top: 50px;
+  }
 }

layouts/404.html

@@ -0,0 +1,19 @@
+{{ define "main"}}
+<div class="contain error-page">
+  <h1>404 Page not found</h1>
+  <ul>
+    {{ range .Site.Menus.main }}
+    <li>
+      {{ $url := urls.Parse .URL }}
+      {{ $baseurl := urls.Parse $.Site.Params.Baseurl }}
+      <a
+        href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ .URL | relLangURL }}{{ end }}"
+        {{ if ne $url.Host $baseurl.Host }}target="_blank"{{ end }}
+      >
+        {{ .Name }}
+      </a>
+    </li>
+    {{ end }}
+  </ul>
+</div>
+{{ end }}

resources/_gen/assets/scss/scss/main.scss_4853eb546e7a6c0898ed71feae7357c0.json

@@ -1 +1 @@
-{"Target":"scss/main.min.36e070aa716afc0397430365565316d16cabe7aa081d8a6db3e9ae4149583581.css","MediaType":"text/css","Data":{"Integrity":"sha256-NuBwqnFq/AOXQwNlVlMW0Wyr56oIHYpts+muQUlYNYE="}}
+{"Target":"scss/main.min.797772673f37ce78a15938bdbdda7696d357de982f66b9cc958277c685d6da4d.css","MediaType":"text/css","Data":{"Integrity":"sha256-eXdyZz83znihWTi9vdp2ltNX3pgvZrnMlYJ3xoXW2k0="}}