Add 404 page and robots.txt

This commit is contained in:
schmelczerandras 2020-09-28 17:11:10 +02:00
parent 86df753c79
commit edb6c5e69c
6 changed files with 57 additions and 7 deletions

View file

@ -4,6 +4,8 @@ import '../static/favicons/favicon-16x16.png';
import '../static/favicons/favicon-32x32.png'; import '../static/favicons/favicon-32x32.png';
import '../static/favicons/favicon.ico'; import '../static/favicons/favicon.ico';
import '../static/logo-white.svg'; import '../static/logo-white.svg';
import '../static/no-change/404.html';
import '../static/no-change/robots.txt';
import '../static/og-image.png'; import '../static/og-image.png';
import { DeltaTimeCalculator } from './helper/delta-time-calculator'; import { DeltaTimeCalculator } from './helper/delta-time-calculator';
import { removeUnnecessaryOutlines } from './helper/remove-unnecessary-outlines'; import { removeUnnecessaryOutlines } from './helper/remove-unnecessary-outlines';

View file

@ -1,4 +1,4 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 100 100" width="64" height="64" xmlns="http://www.w3.org/2000/svg">
<defs> <defs>
<linearGradient id="bg"> <linearGradient id="bg">
<stop offset="0%" stop-color="#103783" /> <stop offset="0%" stop-color="#103783" />
@ -7,18 +7,18 @@
<g id="ray-a"> <g id="ray-a">
<rect x="18" y="-3" height="6" rx="3"> <rect x="18" y="-3" height="6" rx="3">
<animate attributeName="width" values="20;25;20" dur="4s" repeatCount="indefinite" /> <animate attributeName="width" values="20;25;20" dur="5s" repeatCount="indefinite" />
</rect> </rect>
<circle cy="0" r="3"> <circle cy="0" r="3">
<animate attributeName="cx" values="47;40;47" dur="4s" repeatCount="indefinite" /> <animate attributeName="cx" values="47;40;47" dur="5s" repeatCount="indefinite" />
</circle> </circle>
</g> </g>
<g id="ray-b"> <g id="ray-b">
<rect x="18" y="-3" height="6" rx="3"> <rect x="18" y="-3" height="6" rx="3">
<animate attributeName="width" values="25;20;25" dur="4s" repeatCount="indefinite" /> <animate attributeName="width" values="25;20;25" dur="5s" repeatCount="indefinite" />
</rect> </rect>
<circle cy="0" r="3"> <circle cy="0" r="3">
<animate attributeName="cx" values="40;47;40" dur="4s" repeatCount="indefinite" /> <animate attributeName="cx" values="40;47;40" dur="5s" repeatCount="indefinite" />
</circle> </circle>
</g> </g>
</defs> </defs>
@ -38,7 +38,7 @@
attributeName="transform" attributeName="transform"
type="rotate" type="rotate"
values="0 50 50;90 50 50" values="0 50 50;90 50 50"
dur="6s" dur="10s"
repeatCount="indefinite" repeatCount="indefinite"
/> />
</g> </g>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

View file

@ -1,4 +1,4 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 100 100" width="64" height="64" xmlns="http://www.w3.org/2000/svg">
<defs> <defs>
<g id="ray-a"> <g id="ray-a">
<rect x="18" y="-3" height="6" rx="3"> <rect x="18" y="-3" height="6" rx="3">

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Before After
Before After

36
static/no-change/404.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Not found</title>
<meta name="theme-color" content="#b7455e" />
<meta name="viewport" content="initial-scale=1.0" />
<style>
html,
body {
height: 100%;
}
body {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #b7455e;
}
h1 {
font-family: "Roboto", "Helvetica Neue", sans-serif;
font-weight: 100;
font-size: 3rem;
color: white;
text-align: center;
padding: 0.5rem;
}
</style>
</head>
<body>
<h1>The requested resource cannot be found.</h1>
</body>
</html>

View file

@ -0,0 +1,2 @@
User-agent: *
Allow: /

View file

@ -100,6 +100,16 @@ module.exports = {
}, },
}, },
}, },
{
test: /no-change.*(html|txt)$/i,
use: {
loader: 'file-loader',
query: {
outputPath: '/',
name: '[name].[ext]',
},
},
},
{ {
test: /\.(svg)$/, test: /\.(svg)$/,
use: { use: {