feat: replace error page icon (#84)

BREAKING CHANGE: The icon `gdoc_telescope` was removed. If you are using this icon you have to replace it.

exampleSite/data/sprites/geekdoc.json

@@ -4,6 +4,7 @@
   "arrow_right_alt",
   "bitbucket",
   "bookmark",
+  "cloud_off",
   "code",
   "date",
   "download",
@@ -22,6 +23,5 @@
   "person",
   "search",
   "shield",
-  "tags",
-  "telescope"
+  "tags"
 ]

layouts/404.html

@@ -14,7 +14,7 @@
         <main class="gdoc-error flex-even">
             <div class="flex align-center justify-center">
                 <div class="gdoc-error__icon">
-                    <svg class="icon gdoc_telescope"><use xlink:href="#gdoc_telescope"></use></svg>
+                    <svg class="icon gdoc_cloud_off"><use xlink:href="#gdoc_cloud_off"></use></svg>
                 </div>
                 <div class="gdoc-error__message">
                     <div class="gdoc-error__line gdoc-error__title">Lost?</div>

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>

src/icons/telescope.svg

@@ -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>

src/sass/_base.scss

@@ -488,8 +488,8 @@ img {
   max-width: 45em;
 
   .icon {
-    width: $font-size-16 * 6;
-    height: $font-size-16 * 6;
+    width: $font-size-16 * 8;
+    height: $font-size-16 * 8;
     color: $gray-700;
   }
 

src/sass/_mobile.scss

@@ -27,8 +27,8 @@
     padding: $padding-16 * 6 $padding-16;
 
     .icon {
-      width: $font-size-16 * 4;
-      height: $font-size-16 * 4;
+      width: $font-size-16 * 6;
+      height: $font-size-16 * 6;
     }
 
     &__message {