mirror of
https://github.com/godotengine/godot-website.git
synced 2025-12-31 09:48:43 +03:00
126 lines
3.0 KiB
HTML
126 lines
3.0 KiB
HTML
---
|
|
layout: default
|
|
permalink: /404.html
|
|
title: 404 - Page not found
|
|
description: "The requested resource is not available on the server."
|
|
---
|
|
|
|
<style>
|
|
body {
|
|
background-color: var(--base-color);
|
|
color: var(--base-color-text);
|
|
font-family: var(--default-font-family);
|
|
}
|
|
|
|
main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 30px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
main {
|
|
height: 100vh;
|
|
}
|
|
}
|
|
|
|
.message {
|
|
text-align: center;
|
|
}
|
|
|
|
.error {
|
|
max-width: 900px;
|
|
}
|
|
|
|
.error-logo {
|
|
height: 138px;
|
|
}
|
|
|
|
.alternatives {
|
|
display: grid;
|
|
/* grid-template-columns: 1fr 1fr; */
|
|
gap: 30px;
|
|
}
|
|
|
|
.alternatives div {
|
|
background-color: var(--card-background-color);
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
box-shadow: 0 5px 30px -9px #1c1c1c9e;
|
|
border-radius: 16px;
|
|
}
|
|
|
|
.alternatives .help {
|
|
/* use two columns */
|
|
grid-column: span 2;
|
|
}
|
|
|
|
.search-bar input {
|
|
background-color: var(--base-color);
|
|
}
|
|
</style>
|
|
|
|
|
|
<main>
|
|
<div class="error">
|
|
<div class="message">
|
|
<a href="/" style="display:block">
|
|
<img class="error-logo" src="/assets/error_logo.svg" alt="Godot Engine Error">
|
|
</a>
|
|
<h1>404 - Page not found</h1>
|
|
</div>
|
|
|
|
<div class="alternatives">
|
|
<div>
|
|
<p>You can try searching:</p>
|
|
<form class="search-bar" method="get" action="https://duckduckgo.com/">
|
|
<input type="hidden" name="sites" value="godotengine.org/" />
|
|
<input type="text" name="q" maxlength="300" placeholder="Search articles" />
|
|
<button class="btn search-bar-btn" type="submit">
|
|
<img width="24" height="24" src="/assets/icons/search.svg" alt="search" title="search" />
|
|
</button>
|
|
</form>
|
|
|
|
<p>Or visit:</p>
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/download/windows/" class="set-os-download-url">Download</a></li>
|
|
<li><a href="https://docs.godotengine.org/en/stable/">Documentation</a></li>
|
|
<li><a href="/community/">Community</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="help" style="opacity: 0.8;">
|
|
<p>To report an issue with the website, please open an <a
|
|
href="https://github.com/godotengine/godot-website/">issue on GitHub</a>.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
// Update any download link to point to identified user's OS.
|
|
const links = document.querySelectorAll('.set-os-download-url');
|
|
for (let i = 0; i < links.length; i++) {
|
|
const link = links[i];
|
|
let link_slug = 'download';
|
|
if ('version' in link.dataset && link.dataset['version'] === '3') {
|
|
link_slug = 'download/3.x';
|
|
}
|
|
|
|
let link_platform = 'windows';
|
|
if (navigator.platform.indexOf('Mac') !== -1) {
|
|
link_platform = 'macos';
|
|
} else if (navigator.userAgent.indexOf('Android') !== -1) {
|
|
link_platform = 'android';
|
|
} else if (navigator.platform.indexOf('Linux') !== -1) {
|
|
link_platform = 'linux';
|
|
}
|
|
|
|
link.href = `/${link_slug}/${link_platform}/`;
|
|
}
|
|
});
|
|
</script>
|