Add 404.html

Author: Fernando-A-Rocha

web/README.md

@@ -4,6 +4,12 @@
 
 The source code in this directory [(/web)](/web) is licensed under the GPLv3 license. See the [LICENSE](./LICENSE) file for more details.
 
+## Deployment
+
+This static site is served with CloudFlare pages (this is not managed on this repository).
+
+CloudFlare Pages handles custom error pages. For example, it serves `404.html`, when a page is not found.
+
 ## Development
 
 ### Prerequisites

web/resources/404.html

@@ -0,0 +1,3 @@
+<h1>Page not found</h1>
+
+<p>Error 404: The page you are looking for does not exist.</p>

web/resources/layout.html

@@ -96,37 +96,5 @@
             <p><i class="fab fa-github"></i> <a href="https://github.com/multitheftauto/mtasa-wiki" rel="noopener" target="_blank">Wiki on GitHub</a></p>
         </div>
     </footer>
-    
-    <script>
-        function dropdownFunc(btn) {
-            var dropdown = btn.nextElementSibling;
-            // Close other dropdowns
-            var dropdowns = document.getElementsByClassName("dropdown-content");
-            for (var d = 0; d < dropdowns.length; d++) {
-                var openDropdown = dropdowns[d];
-                if (openDropdown !== dropdown && openDropdown.classList.contains('show')) {
-                    openDropdown.classList.remove('show');
-                }
-            }
-            // Toggle current dropdown
-            if (dropdown.classList.contains('show')) {
-                dropdown.classList.remove('show');
-            } else {
-                dropdown.classList.add('show');
-            }
-        }
-
-        window.onclick = function(e) {
-            if (!e.target.matches('.dropbtn')) {
-                var dropdowns = document.getElementsByClassName("dropdown-content");
-                for (var d = 0; d < dropdowns.length; d++) {
-                    var openDropdown = dropdowns[d];
-                    if (openDropdown.classList.contains('show')) {
-                        openDropdown.classList.remove('show');
-                    }
-                }
-            }
-        }
-    </script>
 </body>
 </html>

web/scripts/builder.py

@@ -316,6 +316,25 @@ def create_category(self, web_path, category_data):
             html_file.write(html_content)
 
         self.logger.info(f"Generated {output_path} for category {category_name}")
+
+    def create_misc_pages(self):
+
+        other_pages = [
+            {
+                'path_html': '404.html',
+                'template': '404.html',
+            },
+        ]
+
+        for page in other_pages:
+            template = self.input_env.get_template(page['template'])
+            html_content = self.render_page(page['path_html'], template.render())
+
+            output_path = os.path.join(OUTPUT_HTML_PATH, page['path_html'])
+            with open(output_path, 'w') as html_file:
+                html_file.write(html_content)
+
+            self.logger.info(f"Generated {output_path} for {page['path_html']}")
 
     def create_pages(self):
         self.navigation = [
@@ -422,6 +441,8 @@ def create_item(item):
                     create_item(subitem)
             else:
                 create_item(item)
+
+        self.create_misc_pages()
 
 
     def copy_assets(self):