illustration fixes

src/pages/_data/errors.yml

@@ -8,6 +8,7 @@
   title: 403
   description: We are sorry but you do not have permission to access this page
 404:
+  illustration: not-found.svg
   title: 404
   description: We are sorry but the page you are looking for was not found
 500:

src/pages/_includes/ui/illustration.html

@@ -1,26 +1,17 @@
 {% removeemptylines %}
 {% assign image = include.image | replace: '.svg', '' %}
 {% assign height = include.height | default: 128 %}
-{% assign src-light = "/illustrations/light/" | append: image %}
-{% assign src-dark = "/illustrations/dark/" | append: image %}
+{% assign src = "/free-illustrations/autodark/" | append: image %}
 
-{% assign illustration-light = site.free-illustrations | where: "id", src-light | first %}
-{% assign illustration-dark = site.free-illustrations | where: "id", src-dark | first %}
+{% assign illustration = site.free-illustrations | where: "id", src | first %}
 
-{% assign replace-to-light = '<svg class="img-light' %}
-{% if include.class %}{% assign replace-to-light = replace-to-light | append: ' ' | append: include.class %}{% endif %}
-{% assign replace-to-light = replace-to-light | append: '" ' %}
-{% assign illustration-light = illustration-light | replace: '<svg ', replace-to-light %}
-
-{% assign replace-to-dark = '<svg class="img-dark' %}
-{% if include.class %}{% assign replace-to-dark = replace-to-dark | append: ' ' | append: include.class %}{% endif %}
-{% assign replace-to-dark = replace-to-dark | append: '" ' %}
-{% assign illustration-dark = illustration-dark | replace: '<svg ', replace-to-dark %}
+{% assign replace-to = '<svg class="img' %}
+{% if include.class %}{% assign replace-to = replace-to | append: ' ' | append: include.class %}{% endif %}
+{% assign replace-to = replace-to | append: '" ' %}
+{% assign illustration = illustration | replace: '<svg ', replace-to %}
 
 {% assign replace-to-height = 'height="' | append: height | append: '"' %}
-{% assign illustration-light = illustration-light | replace: 'width="800" height="600"', replace-to-height %}
-{% assign illustration-dark = illustration-dark | replace: 'width="800" height="600"', replace-to-height %}
+{% assign illustration = illustration | replace: 'width="800" height="600"', replace-to-height %}
 
-{{ illustration-light }}
-{{ illustration-dark }}
+{{ illustration }}
 {% endremoveemptylines %}

src/pages/wizard.html

@@ -6,7 +6,7 @@ menu: extra.wizard
 
 <div class="card card-md">
 	<div class="card-body text-center py-4 p-sm-5">
-		{% include ui/illustration.html image="boy-girl.svg" height="120" class="mb-n2" %}
+		{% include ui/illustration.html image="boy-girl.svg" height="200" class="mb-n2" %}
 		<h1 class="mt-5">Welcome to Tabler!</h1>
 		<p class="text-secondary">Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again.</p>
 	</div>