Fixed page-404 and its metas. Deleted styles 404 in css, replaced to 404.md and 404-vue-component. Change css-link from static to dynamic.

This commit is contained in:
Eugene Serb
2022-07-22 18:34:20 +03:00
parent f7afdcb7de
commit 4b22401df9
5 changed files with 34 additions and 25 deletions

View File

@ -29,6 +29,16 @@
margin-bottom: 0 !important;
}
}
.banner-container {
min-height: 100vh;
display: flex;
}
.banner {
margin: auto;
padding: 16px;
}
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->

View File

@ -463,20 +463,6 @@ table, th, td {
/* PAGES */
/* ----- */
/* ------ */
/* BANNER */
/* ------ */
.banner-container {
min-height: 100vh;
display: flex;
}
.banner {
margin: auto;
padding: 16px;
}
/* ----------- */
/* WAVELOVERS */
/* ----------- */

View File

@ -26,14 +26,14 @@
<meta name="twitter:creator" content="@eugene_serb" />
<meta name="twitter:image" content="https://wavelovers.ru/img/og.png" />
<link rel="stylesheet" type="text/css" href="https://wavelovers.ru/css/styles.css" />
<link rel="shortcut icon" type="image/x-icon" href="https://wavelovers.ru/img/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="https://wavelovers.ru/img/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="https://wavelovers.ru/img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="https://wavelovers.ru/img/favicon-16x16.png" />
<link rel="manifest" href="https://wavelovers.ru/site.webmanifest" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<style>
[v-cloak] {
display: none;

View File

@ -188,11 +188,11 @@ const routes: Array<RouteRecordRaw> = [
metaTags: [
{
name: 'description',
content: 'Wavelovers. Donate to the author.',
content: 'Wavelovers. Page not found.',
},
{
name: 'keywords',
content: 'Wavelovers, Wave Lovers, Wavemaster, Wave Master, Vibration Master, Vibration, Gamepad, Gamepad Vibration, Vibrate Gamepad, Phone Vibration, Gamepad Tester, Phone Vibration Tester, Vibration Tester, Massager, Vibrator, Satisfyer, Womanizer, Relax, Donate, Support, геймпад, джойстик, вибратор, вибромассажер, вибро, вибромассажёр из геймпада, тестер вибрации геймпада, тестер вибрации телефона, задонатить, пожертвовать, помочь, поблагодарить',
content: 'Wavelovers, Wave Lovers, Wavemaster, Wave Master, Vibration Master, Vibration, Gamepad, Gamepad Vibration, Vibrate Gamepad, Phone Vibration, Gamepad Tester, Phone Vibration Tester, Vibration Tester, Massager, Vibrator, Satisfyer, Womanizer, 404, page not found, геймпад, джойстик, вибратор, вибромассажер, вибро, вибромассажёр из геймпада, тестер вибрации геймпада, тестер вибрации телефона, 404, страница не найдена',
},
{
name: 'og:title',
@ -200,7 +200,7 @@ const routes: Array<RouteRecordRaw> = [
},
{
name: 'og:description',
content: 'Wavelovers. Donate to the author.',
content: 'Wavelovers. Page not found.',
},
{
name: 'og:url',
@ -212,7 +212,7 @@ const routes: Array<RouteRecordRaw> = [
},
{
name: 'twitter:description',
content: 'Wavelovers. Donate to the author.',
content: 'Wavelovers. Page not found.',
},
],
linkTags: [

View File

@ -1,10 +1,12 @@
<template>
<main class="page container">
<div class="banner">
<h1>404</h1>
<span>File not found. Please, go to the </span><a href="https://wavelovers.ru/" target="_self">homepage</a><br />
<span>Contact me </span><a href="https://t.me/eugene_serb/" target="_blank">@eugene_serb</a>
</div>
<section class="banner-container">
<div class="banner">
<h1>404</h1>
<span>File not found. Please, go to the </span><a href="https://wavelovers.ru/" target="_self">homepage</a><br />
<span>Contact me </span><a href="https://t.me/eugene_serb/" target="_blank">@eugene_serb</a>
</div>
</section>
</main>
</template>
@ -16,3 +18,14 @@
});
</script>
<style lang="scss">
.banner-container {
display: flex;
}
.banner {
margin: auto;
padding: 16px;
}
</style>