From 7d7ee080ed4ce56daa3f87d7295091111247240b Mon Sep 17 00:00:00 2001 From: dbroqua Date: Fri, 8 Apr 2022 15:01:09 +0200 Subject: [PATCH] #32 - Avoir un logo pour les pages d'erreurs --- public/500.html | 39 +---- public/img/404.svg | 344 ++++++++++++++++++++++++++++++++++++++++++++- sass/500.scss | 22 +++ sass/index.scss | 1 + 4 files changed, 372 insertions(+), 34 deletions(-) create mode 100644 sass/500.scss diff --git a/public/500.html b/public/500.html index 072dfd0..76eb123 100644 --- a/public/500.html +++ b/public/500.html @@ -4,7 +4,7 @@ - Site en maintenance + MusicTopus - Erreur applicative @@ -17,37 +17,10 @@ - - - -
-
-

Site inaccessible

- -

- Pas de panique on revient très vite ! -

-
- - + + Image représentant la mascotte tenant un vinyle cassé + Nous sommes désolé mais quelque chose a mal tourné de notre côté. +
+ On devrait revenir très vite ! 😅 diff --git a/public/img/404.svg b/public/img/404.svg index c963bb6..b4dbe78 100644 --- a/public/img/404.svg +++ b/public/img/404.svg @@ -1 +1,343 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/sass/500.scss b/sass/500.scss new file mode 100644 index 0000000..910f8dd --- /dev/null +++ b/sass/500.scss @@ -0,0 +1,22 @@ +.body-500 { + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + font-weight: 400; + font-size: larger; + line-height: 200%; + + text-align: center; + + img { + max-width: 60%; + margin-bottom: 32px; + + @include respond-to("small-up") { + max-width: 30%; + } + } +} \ No newline at end of file diff --git a/sass/index.scss b/sass/index.scss index c54fc3c..3a53fd2 100644 --- a/sass/index.scss +++ b/sass/index.scss @@ -41,6 +41,7 @@ @import './box'; @import './error'; +@import './500'; @import './home'; @import './ajouter-un-album'; @import './collection';