Add mascot to 404 page

diff --git a/client/src/app/+page-not-found/page-not-found.component.html b/client/src/app/+page-not-found/page-not-found.component.html
index 2934003ab9aa50666d355cf8caa2f0032714c087..df3ea6739aa56ae7a84d57bfcbd5ff1473b5be19 100644 (file)
--- a/client/src/app/+page-not-found/page-not-found.component.html
+++ b/client/src/app/+page-not-found/page-not-found.component.html
@@ -1,3 +1,7 @@
-<div i18n>
-  Sorry, but we couldn't find the page you were looking for.
-</div>
\ No newline at end of file
+<div class="root">
+  <img src="/client/assets/images/mascot/defeated.png" alt="404 mascot">
+
+  <div class="text" i18n>
+    Sorry, we couldn't find the page you were looking for.
+  </div>
+</div>

diff --git a/client/src/app/+page-not-found/page-not-found.component.scss b/client/src/app/+page-not-found/page-not-found.component.scss
index f3f0354a3898007c819a968791e905145365e71a..7b7ff005ac1c7e04fc80344c604e20fe732c41f2 100644 (file)
--- a/client/src/app/+page-not-found/page-not-found.component.scss
+++ b/client/src/app/+page-not-found/page-not-found.component.scss
@@ -1,8 +1,18 @@
-div {
+.root {
   height: 100%;
   width: 100%;
   text-align: center;
   padding-top: 150px;
 
-  font-size: 32px;
-}
\ No newline at end of file
+  img {
+    margin-bottom: 75px;
+  }
+
+  .text {
+    font-size: 30px;
+  }
+
+  @media screen and (max-height: 600px) {
+    padding-top: 50px;
+  }
+}

diff --git a/client/src/assets/images/mascot/arguing.png b/client/src/assets/images/mascot/arguing.png
new file mode 100644 (file)
index 0000000..154c45c
Binary files /dev/null and b/client/src/assets/images/mascot/arguing.png differ

diff --git a/client/src/assets/images/mascot/default.png b/client/src/assets/images/mascot/default.png
new file mode 100644 (file)
index 0000000..e0a1410
Binary files /dev/null and b/client/src/assets/images/mascot/default.png differ

diff --git a/client/src/assets/images/mascot/defeated.png b/client/src/assets/images/mascot/defeated.png
new file mode 100644 (file)
index 0000000..58e1ce1
Binary files /dev/null and b/client/src/assets/images/mascot/defeated.png differ

diff --git a/client/src/assets/images/mascot/happy.png b/client/src/assets/images/mascot/happy.png
new file mode 100644 (file)
index 0000000..a51f9df
Binary files /dev/null and b/client/src/assets/images/mascot/happy.png differ

diff --git a/client/src/assets/images/mascot/oh.png b/client/src/assets/images/mascot/oh.png
new file mode 100644 (file)
index 0000000..168b11b
Binary files /dev/null and b/client/src/assets/images/mascot/oh.png differ

diff --git a/client/src/assets/images/mascot/pointing.png b/client/src/assets/images/mascot/pointing.png
new file mode 100644 (file)
index 0000000..670702f
Binary files /dev/null and b/client/src/assets/images/mascot/pointing.png differ