From 9c36402bc3501907d4b243014bded9c88d076cb4 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@geeklabor.de>
Date: Sun, 23 May 2021 20:45:26 +0200
Subject: [PATCH] feat: replace error page icon (#39)

---
 layouts/404.html                 | 2 +-
 src/iconfont/uEA13-telescope.svg | 1 -
 src/icons/cloud_off.svg          | 5 +++++
 src/icons/telescope.svg          | 5 -----
 src/sass/_base.scss              | 2 +-
 src/sass/_defaults.scss          | 5 +++++
 src/sass/_mobile.scss            | 2 +-
 7 files changed, 13 insertions(+), 9 deletions(-)
 delete mode 100644 src/iconfont/uEA13-telescope.svg
 create mode 100644 src/icons/cloud_off.svg
 delete mode 100644 src/icons/telescope.svg

diff --git a/layouts/404.html b/layouts/404.html
index 60f81d5..b5ff1e3 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -18,7 +18,7 @@
         <main class="gblog-error flex-even">
             <div class="flex align-center justify-center">
                 <div class="gblog-error__icon">
-                    <svg class="icon telescope"><use xlink:href="#telescope"></use></svg>
+                    <svg class="icon cloud_off"><use xlink:href="#cloud_off"></use></svg>
                 </div>
                 <div class="gblog-error__message">
                     <div class="gblog-error__line gblog-error__title">Lost?</div>
diff --git a/src/iconfont/uEA13-telescope.svg b/src/iconfont/uEA13-telescope.svg
deleted file mode 100644
index cd5357b..0000000
--- a/src/iconfont/uEA13-telescope.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-6.67 -6.67 45.33 45.33"><path d="M25.026 3.335a.466.466 0 00-.646-.238L13.362 8.91a.463.463 0 00-.216.575l.227.593-6.36 3.488a.462.462 0 00-.205.583l.211.508-6.755 3.228a.463.463 0 00-.228.595l1.386 3.341a.463.463 0 00.583.259l7.056-2.5.211.508a.462.462 0 00.557.267l6.733-1.941.202.527a.46.46 0 00.566.277l12.03-3.702a.46.46 0 00.293-.613L25.026 3.335zM2.109 21.061l-1.049-2.53 6.314-3.018 1.332 3.211-6.596 2.337zm7.857-1.708l-.22-.531-1.706-4.113-.22-.53 5.863-3.216 2.197 5.676.347.908-6.261 1.806zm7.505-1.146l-.188-.491c-.003-.01-.001-.022-.006-.032l-.572-1.478-2.549-6.668 10.201-5.381 4.249 10.624-11.136 3.428zm8.943-16.723a.463.463 0 00-.86.344l5.552 13.881a.464.464 0 00.602.258.464.464 0 00.258-.602L26.413 1.484zM16.268 20.627h-2.776c-1.055 0-1.851.796-1.851 1.851v1.217l-5.44 6.347a.462.462 0 10.702.602l5.415-6.316h2.101v6.015a.463.463 0 00.926 0v-6.015h2.101l5.414 6.316a.462.462 0 10.703-.602l-5.44-6.347v-1.148c0-1.076-.813-1.92-1.851-1.92zm.925 2.777h-4.627v-.925c0-.545.38-.925.925-.925h2.776c.527 0 .925.428.925.995v.856z"/></svg>
diff --git a/src/icons/cloud_off.svg b/src/icons/cloud_off.svg
new file mode 100644
index 0000000..1cae5c2
--- /dev/null
+++ b/src/icons/cloud_off.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 28 28">
+<title>cloud_off</title>
+<path d="M9.023 10.5h-2.023q-1.914 0-3.281 1.395t-1.367 3.309 1.367 3.281 3.281 1.367h11.375zM3.5 4.976l1.477-1.477 19.523 19.523-1.477 1.477-2.352-2.297h-13.672q-2.898 0-4.949-2.051t-2.051-4.949q0-2.844 1.969-4.867t4.758-2.133zM22.586 10.554q2.242 0.164 3.828 1.832t1.586 3.965q0 3.008-2.461 4.758l-1.695-1.695q1.805-0.984 1.805-3.063 0-1.422-1.039-2.461t-2.461-1.039h-1.75v-0.602q0-2.68-1.859-4.539t-4.539-1.859q-1.531 0-2.953 0.711l-1.75-1.695q2.133-1.367 4.703-1.367 2.953 0 5.496 2.078t3.090 4.977z"></path>
+</svg>
diff --git a/src/icons/telescope.svg b/src/icons/telescope.svg
deleted file mode 100644
index 807a1cf..0000000
--- a/src/icons/telescope.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>telescope</title>
-<path d="M25.026 3.335c-0.049-0.122-0.147-0.217-0.27-0.263s-0.26-0.036-0.376 0.025l-11.018 5.813c-0.207 0.109-0.3 0.356-0.216 0.575l0.227 0.593-6.36 3.488c-0.208 0.114-0.296 0.366-0.205 0.583l0.211 0.508-6.755 3.228c-0.222 0.106-0.322 0.367-0.228 0.595l1.386 3.341c0.074 0.178 0.245 0.286 0.428 0.286 0.052 0 0.104-0.008 0.155-0.027l7.056-2.5 0.211 0.508c0.073 0.177 0.244 0.286 0.428 0.286 0.043 0 0.085-0.006 0.129-0.019l6.733-1.941 0.202 0.527c0.069 0.182 0.243 0.297 0.43 0.297 0.045 0 0.091-0.006 0.136-0.020l12.030-3.702c0.124-0.038 0.226-0.126 0.281-0.242s0.060-0.252 0.012-0.371l-4.627-11.568zM2.109 21.061l-1.049-2.53 6.314-3.018 1.332 3.211-6.596 2.337zM9.966 19.353l-0.22-0.531c0 0 0 0 0 0l-1.706-4.113c0 0 0 0 0 0l-0.22-0.53 5.863-3.216 2.197 5.676 0.347 0.908-6.261 1.806zM17.471 18.207l-0.188-0.491c-0.003-0.010-0.001-0.022-0.006-0.032l-0.572-1.478-2.549-6.668 10.201-5.381 4.249 10.624-11.136 3.428zM26.414 1.484c-0.095-0.238-0.366-0.353-0.602-0.258s-0.353 0.365-0.258 0.602l5.552 13.881c0.073 0.181 0.247 0.291 0.43 0.291 0.057 0 0.116-0.010 0.172-0.033 0.237-0.095 0.353-0.365 0.258-0.602l-5.553-13.881zM16.268 20.627h-2.776c-1.055 0-1.851 0.796-1.851 1.851v1.217l-5.44 6.347c-0.167 0.193-0.144 0.486 0.050 0.652 0.087 0.075 0.194 0.112 0.301 0.112 0.13 0 0.26-0.055 0.351-0.162l5.415-6.316h2.101v6.015c0 0.255 0.207 0.463 0.463 0.463s0.463-0.207 0.463-0.463v-6.015h2.101l5.414 6.316c0.092 0.107 0.221 0.162 0.352 0.162 0.106 0 0.214-0.037 0.301-0.112 0.194-0.167 0.217-0.458 0.050-0.652l-5.44-6.347v-1.148c0-1.076-0.813-1.92-1.851-1.92zM17.193 23.404h-4.627v-0.925c0-0.545 0.38-0.925 0.925-0.925h2.776c0.527 0 0.925 0.428 0.925 0.995v0.856z"></path>
-</svg>
diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index 61c3ebb..89d9453 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -393,7 +393,7 @@ img {
   max-width: 45em;
 
   .icon {
-    font-size: $font-size-32 * 4;
+    font-size: $font-size-128;
     color: $gray-700;
   }
 
diff --git a/src/sass/_defaults.scss b/src/sass/_defaults.scss
index 518c7f4..c458044 100644
--- a/src/sass/_defaults.scss
+++ b/src/sass/_defaults.scss
@@ -9,7 +9,12 @@ $font-size-base: 16px !default;
 $font-size-12: 0.75rem !default;
 $font-size-14: 0.875rem !default;
 $font-size-16: 1rem !default;
+$font-size-20: 1.25rem !default;
+$font-size-24: 1.5rem !default;
 $font-size-32: 2rem !default;
+$font-size-64: 4rem !default;
+$font-size-96: 6rem !default;
+$font-size-128: 8rem !default;
 
 $border-1: 1px !default;
 $border-2: 2px !default;
diff --git a/src/sass/_mobile.scss b/src/sass/_mobile.scss
index 1792b88..fab0166 100644
--- a/src/sass/_mobile.scss
+++ b/src/sass/_mobile.scss
@@ -45,7 +45,7 @@
     padding: $padding-16 * 6 $padding-16;
 
     .icon {
-      font-size: $font-size-32 * 2.5;
+      font-size: $font-size-96;
     }
 
     &__message {