github/hugo-geekblog
0
0
Fork 0
mirror of https://github.com/thegeeklab/hugo-geekblog.git synced 2024-11-25 06:20:40 +00:00
Code Issues Projects Releases Wiki Activity

feat: replace error page icon (#39)

Browse Source
This commit is contained in:
Robert Kaussow 2021-05-23 20:45:26 +02:00 committed by GitHub
parent 209f86d821
commit 9c36402bc3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/404.html
View File

@ -18,7 +18,7 @@
<main class="gblog-error flex-even"> <main class="gblog-error flex-even">
<div class="flex align-center justify-center"> <div class="flex align-center justify-center">
<div class="gblog-error__icon"> <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>
<div class="gblog-error__message"> <div class="gblog-error__message">
<div class="gblog-error__line gblog-error__title">Lost?</div> <div class="gblog-error__line gblog-error__title">Lost?</div>

1
src/iconfont/uEA13-telescope.svg
View File

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

Before

Width:  |  Height:  |  Size: 1.1 KiB

5
src/icons/cloud_off.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 676 B

5
src/icons/telescope.svg
View File

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

Before

Width:  |  Height:  |  Size: 1.8 KiB

2
src/sass/_base.scss
View File

@ -393,7 +393,7 @@ img {
max-width: 45em; max-width: 45em;
.icon { .icon {
font-size: $font-size-32 * 4; font-size: $font-size-128;
color: $gray-700; color: $gray-700;
} }

5
src/sass/_defaults.scss
View File

@ -9,7 +9,12 @@ $font-size-base: 16px !default;
$font-size-12: 0.75rem !default; $font-size-12: 0.75rem !default;
$font-size-14: 0.875rem !default; $font-size-14: 0.875rem !default;
$font-size-16: 1rem !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-32: 2rem !default;
$font-size-64: 4rem !default;
$font-size-96: 6rem !default;
$font-size-128: 8rem !default;
$border-1: 1px !default; $border-1: 1px !default;
$border-2: 2px !default; $border-2: 2px !default;

2
src/sass/_mobile.scss
View File

@ -45,7 +45,7 @@
padding: $padding-16 * 6 $padding-16; padding: $padding-16 * 6 $padding-16;
.icon { .icon {
font-size: $font-size-32 * 2.5; font-size: $font-size-96;
} }
&__message { &__message {