UX: switch wizard SVG colors for dark mode (#18109)

This commit is contained in:
Kris 2022-09-12 11:34:15 -04:00 committed by GitHub
parent b0ac98b465
commit 3f2c3d5360
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 145 additions and 12 deletions

View File

@ -1,7 +1,6 @@
import discourseComputed, { observes } from "discourse-common/utils/decorators";
import Component from "@ember/component";
import I18n from "I18n";
import getUrl from "discourse-common/lib/get-url";
import { htmlSafe } from "@ember/template";
import { schedule } from "@ember/runloop";
import { action } from "@ember/object";
@ -65,11 +64,11 @@ export default Component.extend({
},
@discourseComputed("step.banner")
bannerImage(src) {
if (!src) {
bannerImage(bannerName) {
if (!bannerName) {
return;
}
return getUrl(`/images/wizard/${src}`);
return bannerName;
},
@discourseComputed()

View File

@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 867.69 783.72">
<defs>
{{! template-lint-disable no-forbidden-elements }}
<style>.cls-3{fill:#f9000a}.cls-4{fill:#fff9a3}.cls-5,.cls-7{fill:#ff5d10}.cls-10{fill:#00aff4}.cls-12,.cls-13{fill:#17b5ef}.cls-14,.cls-15,.cls-16{stroke-linecap:round;stroke-linejoin:round}.cls-10,.cls-13,.cls-14,.cls-7{fill-rule:evenodd}.cls-15{stroke:#241f20;stroke-width:7px}.cls-14,.cls-16{stroke-width:8.75px}.cls-14,.cls-15,.cls-16{fill:none}.cls-14,.cls-16{stroke:var(--primary)}</style>
</defs>
<path class="cls-4" d="m250.9 343.35-4.11 5.73-8.45 11.62-8.45 11.71c-2.83 3.9-5.63 7.82-8.42 11.75-11.21 15.71-22.19 31.46-32.68 47.38s-20.52 31.86-29.8 47.95-17.84 32.22-25.2 48.44a290.69 290.69 0 0 0-17.2 48.5c-1.97 7.78-3.42 15.67-4.35 23.64-.85 7.55-1.09 15.16-.73 22.75.22 3.7.61 7.37 1.18 11 .55 3.61 1.3 7.19 2.26 10.72.95 3.56 2.1 7.06 3.44 10.49 1.34 3.52 2.9 6.96 4.65 10.3 1.8 3.45 3.81 6.79 6 10 2.24 3.37 4.65 6.62 7.22 9.74 2.63 3.18 5.41 6.33 8.45 9.35 1.47 1.55 3.08 3 4.63 4.51s3.21 3 4.92 4.37c6.89 5.92 14.19 11.34 21.84 16.24l5.82 3.72c1 .63 1.92 1.22 2.9 1.8s1.94 1.19 2.92 1.74c3.93 2.28 7.94 4.36 12 6.33a137.711 137.711 0 0 0 80.59 12.41c9.5-1.42 18.85-3.7 27.94-6.8 18.43-6.21 36.11-15.7 52.57-27.15 8.25-5.79 16.21-11.99 23.85-18.57 7.68-6.6 15-13.61 22.17-20.85a440.37 440.37 0 0 0 39.45-46.79 517.599 517.599 0 0 0 33.32-51.57c5-8.93 9.82-18 14.28-27.19 2.25-4.6 4.41-9.24 6.47-13.91 1.02-2.34 2.02-4.67 3-7 1-2.33 1.95-4.74 2.78-7 1.06-2.7 4.11-4.02 6.81-2.96a5.255 5.255 0 0 1 3.05 6.56c-.07.2-.15.39-.25.57-2.41 4.77-4.74 9.34-7.23 13.93s-4.89 9.15-7.38 13.7c-5 9.08-10.09 18.09-15.35 27-10.49 17.84-21.49 35.38-33.24 52.46a607.873 607.873 0 0 1-37.78 49.47c-6.72 8-13.78 15.69-21.1 23.21s-15 14.72-23 21.66c-16 13.8-33.54 26.38-53 36.46-9.81 5.12-20.01 9.46-30.5 13a195.754 195.754 0 0 1-33 7.91c-11.43 1.69-23 2.33-34.55 1.91-5.82-.18-11.63-.66-17.42-1.39s-11.43-1.66-17.19-2.84-11.4-2.59-17-4.22c-1.41-.39-2.79-.83-4.19-1.25s-2.79-.85-4.17-1.31-2.78-.9-4.14-1.39l-4-1.48a261.426 261.426 0 0 1-31.74-14.34c-2.63-1.36-5.21-2.9-7.82-4.37s-5.17-3.08-7.71-4.77c-5.12-3.26-10.13-6.86-15.05-10.68a180.928 180.928 0 0 1-27.57-26.5 176.773 176.773 0 0 1-35.98-70.51 207.57 207.57 0 0 1-6.05-38.7c-.39-6.42-.52-12.8-.44-19.12s.4-12.59 1-18.77c2.15-24.78 7.46-48.32 14.44-70.71a450.273 450.273 0 0 1 25.7-64 545.833 545.833 0 0 1 33.25-58.25 592.503 592.503 0 0 1 39.03-53.25c3.51-4.22 7.06-8.4 10.65-12.55 3.65-4.1 7.28-8.22 11.06-12.23s7.59-8 11.52-11.95c2-2 4-3.92 6-5.88l3.14-3 6.37 32.57 8.17 9.07-62.16 64.24-7.06 11.02v8.68l9.86 8.06 11.04-1.44 69.56-67.47"/>
<path class="cls-4" d="m254.4 338.41-.11.15-.44.64"/>
<path class="cls-7" d="M243.47 302.71c24.02 24.56 46.57 23.76 46.57 23.76l-43.18 23.82s-19.1-1.96-36.12-13.27m-23.31-28.8c-9.67-17.17-11.76-31.16-11.76-31.16l20.92-41.14s7.14 21.76 23.48 43.23"/>
<path class="cls-14" d="m340.28 299.04 1.51 68.19s-98.78 118.74-105.52 107.54-25-51.41-6.14-90.86c7.05-14.77 19.08-29.89 28.83-40.31m-82.29-72.34c-22.09 22.22-70.2 59.13-125.07 29.99 0 0 37.91-67.73 111.76-118l67.39-2.88"/>
<circle class="cls-3" cx="97.24" cy="74.71" r="47.7"/>
<circle class="cls-16" cx="671.5" cy="53.06" r="48.69"/>
<circle cx="216.01" cy="24.19" r="17.86" fill="#00a850"/>
<circle class="cls-5" cx="780.46" cy="206.63" r="17.86"/>
<circle class="cls-12" cx="42.4" cy="175.74" r="19.83"/>
<circle class="cls-12" cx="445.42" cy="296" r="17.23"/>
<path d="M436.62 193.55c-28-113.32-114.55-102.81-115.8-102.65 39.08-27.81 85.48-46.35 138.46-43.1 7.37.45 13.16 6.47 13.32 13.85.48 22.95-2.93 74.37-35.98 131.9Z" stroke="#ff5d10" stroke-width="8.75" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" fill="#ff5d10"/>
<path class="cls-14" d="M189.5 311.77c-12.17-18.68-13.82-34.76-13.82-34.76s51.69-119.47 145.11-186.08h0c1.28-.16 87.88-10.67 115.83 102.61-31 54-89 110.31-193.15 156.7-14.14-2.55-23.73-5.91-32.73-13.23"/>
<path class="cls-16" d="M246.85 304.77c13.35 10.36 29.62 18.01 49.07 19.25m-98.13-89.74s7.17 21.06 22.85 42.79"/>
<circle class="cls-5" cx="580.2" cy="150.96" r="14.67"/>
<path class="cls-16" d="M418.38 146.55s31.13-28.06 50.3-87.23a6.354 6.354 0 0 0-4.06-8.01c-1.2-.39-2.5-.42-3.72-.07C418.32 63.11 375.28 103 375.28 103"/>
<path d="M646.68 512.68v-.47c0-.15.28-.51.42-.77l-.42 1.24Z" fill-rule="evenodd" fill="#00a850"/>
<path class="cls-13" d="M703.9 413.55c-2.12 6.62-2.34 12-3.1 18.86-.6 5.48-4.33 8.43-9.4 10.34-6.33 2.38-9.32 2.18-15.32-.74-6.22-3-10.24-4.39-16.92-1.13-12.24 6-3.16 12.56 1.17 21 1.27 2.45 2.57 5.68.85 8.16-3.09 4.5-8 2.61-12 2.27-9-.78-12.88 14.44-7.76 20.18 3 3.32 9 4.92 10.17 9.58 1.39 5.39-4.72 5.81-4.89 10.18-2.5 4.81-5.43 9.39-8.76 13.67-4.77 6.07-9.62 12-11.07 19.75-1.33 7.12.24 16.71.92 24.07.83 9 3.86 21.05 13.11 24.37 4.29 1.54 9.42 1.65 14 1.25 6.83-.59 8.49-5.1 14.18-7.39 2.61-1 8-.9 10.31 1.16s2.28 6.94 2.88 9.81c2.23 10.63 2.87 23.15.26 33.79-2.28 9.26-12.74 12.7-14.93 22.12s-2.25 17.26-1 26.84c.51 3.95 1.59 7.86 2 11.84a187.933 187.933 0 0 1-40.83 23.66c-23.68 9.82-50.45 17.28-77.68 17.28s-53.45-8.78-77.13-18.6c-24.54-10.18-44.61-27.47-63.11-46s-34.5-39.1-44.68-63.65c-9.81-23.68-12.46-49.36-12.46-76.59v-.52c1.53.55 2.99 1.28 4.35 2.18 7 5.1 7.89 15.55 12.68 22.51 5.42 7.89 13.61 11.9 23.13 13s14.69 4.59 22.13 10.78c6.29 5.23 14.27 15 23.53 14v-.41c1.46 2.91 5.82 3.08 7 7.25 1.52 5.29-.55 10.94-1.88 16-.67 2.6-2.42 6-2.28 8.7s2 4.39 2.82 6.84c1.9 5.37 2 10.57 5.67 15.51 4.59 6.13 10.06 8 17.55 8 6.6 0 9.64 2.11 12.41 8.37 4.81 10.87 5.06 22.7 9.5 33.61 2.68 6.56 7.95 10.74 11.09 17 2 3.92 5.18 14.72 11.22 13.31l10.75 3.72c.92-.37 1.62-1.13 1.92-2.08-6.67-5.11-16.1-13.74-10.94-23.45 2.62-4.93 8.71-8.21 12.3-12.34 4.16-4.79 5.19-10.95 8.49-16.09 2.59-4 4.92-6.3 9.45-7.23 4.29-.88 9.15-1.56 12.16-5.33 2.56-3.2 1.54-7.34 2.16-11.16.75-4.59 2.76-9.08 6.91-11.58 4.87-2.93 6.64-3.79 9.17-9.1 2.36-4.94 2.92-9.14-2-13.12-8.76-7.15-23.95-3.58-34-8.37-4.83-2.3-6.2-5.68-9-9.78-4.07-5.87-8-4.71-14.19-4.66-11.77.1-15.78-9.57-25.41-14-4.53-2.07-10.4-2.49-14.55-5.11-2.54-1.61-3.39-4.45-6.23-5.35-1.55-.5-4.18 0-5.76.34-4.23.83-7.36 3.82-11 5.82-2 1.1-6.05 4.49-8.31 4.14-.1-.42 0-.76-.06-1.18l-.83.83c-11.26-2.11-10.29-9.63-11.55-19-.6-4.4-1.65-8-5.8-9.41-2.57-.87-6.78-1.9-9.5-1.75v1.03c-5-2.26-10.47-3.65-15.17-6.39-6.35-3.69-5.66-7.37-6.94-13.86-1-5-1.88-9.49 3.21-12.39 4.69-2.69 11.07-1.48 15.24 1.77 4.39 3.43 4.53 9.07 8.57 12.82 10.74 10 11.72-5.32 12-12.83.45-10.31-2.09-22.11 3.79-31.32 3.31-5.19 9.94-7.89 14.62-11.69 4.15-3.5 8.7-6.49 13.55-8.92 4.67-2.28 8-4.5 9.32-9.8 1.13-4.6 1.52-8.37 7.19-10s9.19 3.3 14.28 3.4c3.71.07 9.63-2.07 11.41-5.29 3.11-5.64-2.26-10.65-4.77-15.35s-2.32-9.44-6.32-13.32c-2-2-3.88-3.27-5.29-5.59-1-1.66-.83-3.06-2.63-4.43-2.44-1.85-7-2.74-9.86-1.79-4 1.36-6.19 5.88-9.47 8.29s-7.82 3.61-9.92 7.17-1.85 6.83-5.83 9.28c-3.22 2-6 2-9.47.39-1.42-.68-3.17-2.8-4.56-3-1.75-.3-2.05.92-3.64 1.13-4.09.55-7.42-.8-8.78-5a9.625 9.625 0 0 1 1.77-8.78c2.06-2.67 3.52-4.8 5.38-7.64 3.49-5.31 11-5.3 17-5.59 6.63-.32 15 2.22 19.73-4.12 1.85-2.48 1.07-3.84 1.64-6.64.47-2.32 2.09-4.21 1.62-6.79-1.53-8.43-10.77-4.92-15.75-3.2-7.4 2.54-13-.27-16.45-6.89-1.76-3.34-4.54-5.12-7.26-7.07 11.68-10 24.27-18.83 38.73-24.82 1.1-.46 2.21-.91 3.32-1.34 1.35 1.69 2.97 3.14 4.79 4.29 5.95 2.94 15.83 0 20.95 3.93 2.71 2.07 3.35 6.29 6 8.86 3.36 3.25 5.31 3.36 9.82 4.11 9.7 1.62 15.14 12.61 10.85 21.52-1.81 3.75-6.67 7-6.22 11.14.29 2.71 3.8 8.83 5.83 10.76 3.75 3.54 7.27 3.92 9.38 9.51 1.8 4.76 4.82 7.92 10.43 3.73 8.37-6.25-5.73-19.26 5.75-25.58 4.47-2.45 10.24-1.74 15-4.29s8.63-6.64 13.32-9.41c5.84-3.46 10-8.68 8.18-16-1.88-7.65-7.88-8.3-3.67-16.8 2.66-5.36 5.87-9.28 4.08-15.53v-.06a252.73 252.73 0 0 1 36.23 12.06 289.75 289.75 0 0 1 36 17.54c-4.27 3.58-8.94 7-9.88 12.54-.86 5.11 5.16 7.5 4 13.19-1 5.18-4 10.15-5.18 15.31-1.09 4.57-1.26 10.61 2.77 13.72 4.27 3.31 9.53 0 14.4 1.65 5.23 1.82 7.62 10.39 14.12 8.94 8.46-1.89 2.62-11.92.84-16.46-2.34-6-4.13-10.08.74-14.9 3.77-3.74 7.57-5.59 12.92-4.54 1.03.2 2.01.59 2.89 1.16 1.14 1.34 2.23 2.69 3.3 4.08 2.28 5.13 1.65 12.58.19 17.13Z"/>
<path class="cls-13" d="M746.79 521.14c-3.06-1.46-4.48-2.94-7.24-6.44s-5.91-4.79-10.3-4.09c-6.14 1-5 4.26-9 7.65-9.33 7.77-15.58-6.55-20.67-12.13-2.84-3.13-3.92-8.6-7.2-11.06-3-2.28-7.09-.74-10.52-.56-4.66.24-8.48.67-9.11-4.27-.6-4.67 1.85-8.79 4.53-12.32s4.55-5.89 9.11-5.75c4.11.15 8.15 1.14 11.87 2.9 3.56 1.72 8 3.79 9.24 7.63.88 2.63-1 8.1.83 10.14 2.28 2.5 8.25-.71 10.28-2.37 3.12-2.57 3.13-5.6 2.93-9.64-.17-3.25-.54-7 .37-10.25 1.22-4.39 3.43-4.33 7.38-5.32 2.77-.69 5.55-1.23 8.26-2 6.09 18.28 8.7 37.53 9.24 57.88Z"/>
<path d="M651.56 502.02c-1.21-4.66-7.21-6.26-10.17-9.58-5.12-5.74-1.25-21 7.76-20.18 4 .34 8.94 2.23 12-2.27 1.72-2.48.42-5.71-.85-8.16-4.33-8.39-13.41-15-1.17-21 6.68-3.26 10.7-1.89 16.92 1.13 6 2.92 9 3.12 15.32.74 5.07-1.91 8.8-4.86 9.4-10.34.76-6.86 1-12.24 3.1-18.86 1.46-4.56 2.09-12-.17-17.12 13 16.81 21.84 37.05 30.12 57 1.33 3.24 2.55 6.51 3.66 9.81-2.71.77-5.49 1.31-8.26 2-4 1-6.16.93-7.38 5.32-.91 3.27-.54 7-.37 10.25.2 4 .19 7.07-2.93 9.64-2 1.66-8 4.87-10.28 2.37-1.86-2 0-7.51-.83-10.14-1.27-3.84-5.68-5.91-9.24-7.63a30.354 30.354 0 0 0-11.87-2.9c-4.56-.14-6.4 2.19-9.11 5.75s-5.13 7.65-4.53 12.32c.63 4.94 4.45 4.51 9.11 4.27 3.43-.18 7.49-1.72 10.52.56 3.28 2.46 4.36 7.93 7.2 11.06 5.09 5.58 11.34 19.9 20.67 12.13 4.08-3.39 2.9-6.67 9-7.65 4.39-.7 7.45.49 10.3 4.09s4.18 5 7.24 6.44c.07 2.8.11 5.61.11 8.46 0 27.23-4.55 51.93-14.36 75.61-10.18 24.54-21.32 48.62-39.81 67.12-7.58 7.6-15.67 14.66-24.23 21.14-.36-4-1.44-7.89-2-11.84-1.26-9.58-1.22-17.33 1-26.84s12.65-12.86 14.93-22.12c2.61-10.64 2-23.16-.26-33.79-.6-2.87-.58-7.74-2.88-9.81s-7.7-2.21-10.31-1.16c-5.69 2.29-7.35 6.8-14.18 7.39-4.55.4-9.68.29-14-1.25-9.25-3.32-12.28-15.42-13.11-24.37-.68-7.36-2.25-16.95-.92-24.07 1.45-7.78 6.3-13.68 11.07-19.75 3.33-4.28 6.26-8.86 8.76-13.67" fill="#00aff4"/>
<path class="cls-15" d="M668.5 693.49c-.36-4-1.44-7.89-2-11.84-1.26-9.58-1.22-17.33 1-26.84s12.65-12.86 14.93-22.12c2.61-10.64 2-23.16-.26-33.79-.6-2.87-.58-7.74-2.88-9.81s-7.7-2.21-10.31-1.16c-5.69 2.29-7.35 6.8-14.18 7.39-4.55.4-9.68.29-14-1.25-9.25-3.32-12.28-15.42-13.11-24.37-.68-7.36-2.25-16.95-.92-24.07 1.45-7.78 6.3-13.68 11.07-19.75 3.33-4.28 6.26-8.86 8.76-13.67m90.91-48.94c-2.71.77-5.49 1.31-8.26 2-4 1-6.16.93-7.38 5.32-.91 3.27-.54 7-.37 10.25.2 4 .19 7.07-2.93 9.64-2 1.66-8 4.87-10.28 2.37-1.86-2 0-7.51-.83-10.14-1.27-3.84-5.68-5.91-9.24-7.63a30.354 30.354 0 0 0-11.87-2.9c-4.56-.14-6.4 2.19-9.11 5.75s-5.13 7.65-4.53 12.32c.63 4.94 4.45 4.51 9.11 4.27 3.43-.18 7.49-1.72 10.52.56 3.28 2.46 4.36 7.93 7.2 11.06 5.09 5.58 11.34 19.9 20.67 12.13 4.08-3.39 2.9-6.67 9-7.65 4.39-.7 7.45.49 10.3 4.09s4.18 5 7.24 6.44m-95.19-19.13c-1.21-4.66-7.21-6.26-10.17-9.58-5.12-5.74-1.25-21 7.76-20.18 4 .34 8.94 2.23 12-2.27 1.72-2.48.42-5.71-.85-8.16-4.33-8.39-13.41-15-1.17-21 6.68-3.26 10.7-1.89 16.92 1.13 6 2.92 9 3.12 15.32.74 5.07-1.91 8.8-4.86 9.4-10.34.76-6.86 1-12.24 3.1-18.86 1.46-4.56 2.09-12-.17-17.12"/>
<path class="cls-10" d="M573.93 631.24c-2.53 5.31-4.3 6.17-9.17 9.1-4.15 2.5-6.16 7-6.91 11.58-.62 3.82.4 8-2.16 11.16-3 3.77-7.87 4.45-12.16 5.33-4.53.93-6.86 3.21-9.45 7.23-3.3 5.14-4.33 11.3-8.49 16.09-3.59 4.13-9.68 7.41-12.3 12.34-5.16 9.71 4.27 18.34 10.94 23.45-.3.95-1 1.71-1.92 2.08l-10.75-3.72c-6 1.41-9.26-9.39-11.22-13.31-3.14-6.28-8.41-10.46-11.09-17-4.44-10.91-4.69-22.74-9.5-33.61-2.77-6.26-5.81-8.35-12.41-8.37-7.49 0-13-1.92-17.55-8-3.7-4.94-3.77-10.14-5.67-15.51-.86-2.45-2.67-4.18-2.82-6.84s1.61-6.1 2.28-8.7c1.33-5.1 3.4-10.75 1.88-16-1.21-4.17-5.57-4.34-7-7.25v.26c-9.26.92-17.24-8.81-23.53-14-7.44-6.19-12.65-9.71-22.13-10.78s-17.71-5.09-23.13-13c-4.79-7-5.66-17.41-12.68-22.51-1.36-.9-2.82-1.63-4.35-2.18 0-27-.43-53.85 9.33-77.38 10.18-24.54 30.15-43 48.65-61.51 7.6-7.6 15.31-15.17 23.47-22.16 2.72 1.95 5.5 3.73 7.26 7.07 3.5 6.62 9.05 9.43 16.45 6.89 5-1.72 14.22-5.23 15.75 3.2.47 2.58-1.15 4.47-1.62 6.79-.57 2.8.21 4.16-1.64 6.64-4.74 6.34-13.1 3.8-19.73 4.12-6 .29-13.56.28-17 5.59-1.86 2.84-3.32 5-5.38 7.64-2 2.46-2.66 5.74-1.77 8.78 1.36 4.23 4.69 5.58 8.78 5 1.59-.21 1.89-1.43 3.64-1.13 1.39.23 3.14 2.35 4.56 3 3.42 1.64 6.25 1.59 9.47-.39 4-2.45 3.73-5.72 5.83-9.28s6.7-4.79 9.92-7.17 5.43-6.93 9.47-8.29c2.84-.95 7.42-.06 9.86 1.79 1.8 1.37 1.62 2.77 2.63 4.43 1.41 2.32 3.26 3.62 5.29 5.59 4 3.88 3.74 8.56 6.28 13.31s7.88 9.71 4.77 15.35c-1.78 3.22-7.7 5.36-11.41 5.29-5.09-.1-8.51-5-14.28-3.4s-6.06 5.38-7.19 10c-1.31 5.3-4.65 7.52-9.32 9.8-4.85 2.43-9.4 5.42-13.55 8.92-4.68 3.8-11.31 6.5-14.62 11.69-5.88 9.21-3.34 21-3.79 31.32-.33 7.51-1.31 22.8-12 12.83-4-3.75-4.18-9.39-8.57-12.82-4.17-3.25-10.55-4.46-15.24-1.77-5.09 2.9-4.18 7.41-3.21 12.39 1.28 6.49.59 10.17 6.94 13.86 4.7 2.74 10.19 4.13 15.17 6.39v-.83c2.72-.15 6.93.88 9.5 1.75 4.15 1.41 5.2 5 5.8 9.41 1.26 9.37.29 16.89 11.55 19l.83-.83c.07.42 0 .76.06 1.18 2.26.35 6.28-3 8.31-4.14 3.69-2 6.82-5 11-5.82 1.58-.32 4.21-.84 5.76-.34 2.84.9 3.69 3.74 6.23 5.35 4.15 2.62 10 3 14.55 5.11 9.63 4.38 13.64 14.05 25.41 14 6.17 0 10.12-1.21 14.19 4.66 2.84 4.1 4.21 7.48 9 9.78 10 4.79 25.22 1.22 34 8.37 4.82 3.99 4.26 8.19 1.9 13.13Z"/>
<path class="cls-15" d="M434.06 368.05c2.72 1.95 5.5 3.73 7.26 7.07 3.5 6.62 9.05 9.43 16.45 6.89 5-1.72 14.22-5.23 15.75 3.2.47 2.58-1.15 4.47-1.62 6.79-.57 2.8.21 4.16-1.64 6.64-4.74 6.34-13.1 3.8-19.73 4.12-6 .29-13.56.28-17 5.59-1.86 2.84-3.32 5-5.38 7.64-2 2.46-2.66 5.74-1.77 8.78 1.36 4.23 4.69 5.58 8.78 5 1.59-.21 1.89-1.43 3.64-1.13 1.39.23 3.14 2.35 4.56 3 3.42 1.64 6.25 1.59 9.47-.39 4-2.45 3.73-5.72 5.83-9.28s6.7-4.79 9.92-7.17 5.43-6.93 9.47-8.29c2.84-.95 7.42-.06 9.86 1.79 1.8 1.37 1.62 2.77 2.63 4.43 1.41 2.32 3.26 3.62 5.29 5.59 4 3.88 3.74 8.56 6.28 13.31s7.88 9.71 4.77 15.35c-1.78 3.22-7.7 5.36-11.41 5.29-5.09-.1-8.51-5-14.28-3.4s-6.06 5.38-7.19 10c-1.31 5.3-4.65 7.52-9.32 9.8-4.85 2.43-9.4 5.42-13.55 8.92-4.68 3.8-11.31 6.5-14.62 11.69-5.88 9.21-3.34 21-3.79 31.32-.33 7.51-1.31 22.8-12 12.83-4-3.75-4.18-9.39-8.57-12.82-4.17-3.25-10.55-4.46-15.24-1.77-5.09 2.9-4.18 7.41-3.21 12.39 1.28 6.49.59 10.17 6.94 13.86 4.7 2.74 10.19 4.13 15.17 6.39v-.83c2.72-.15 6.93.88 9.5 1.75 4.15 1.41 5.2 5 5.8 9.41 1.26 9.37.29 16.89 11.55 19l.83-.83c.07.42 0 .76.06 1.18 2.26.35 6.28-3 8.31-4.14 3.69-2 6.82-5 11-5.82 1.58-.32 4.21-.84 5.76-.34 2.84.9 3.69 3.74 6.23 5.35 4.15 2.62 10 3 14.55 5.11 9.63 4.38 13.64 14.05 25.41 14 6.17 0 10.12-1.21 14.19 4.66 2.84 4.1 4.21 7.48 9 9.78 10 4.79 25.22 1.22 34 8.37 4.88 4 4.32 8.18 2 13.12-2.53 5.31-4.3 6.17-9.17 9.1-4.15 2.5-6.16 7-6.91 11.58-.62 3.82.4 8-2.16 11.16-3 3.77-7.87 4.45-12.16 5.33-4.53.93-6.86 3.21-9.45 7.23-3.3 5.14-4.33 11.3-8.49 16.09-3.59 4.13-9.68 7.41-12.3 12.34-5.16 9.71 4.27 18.34 10.94 23.45-.3.95-1 1.71-1.92 2.08l-10.75-3.72c-6 1.41-9.26-9.39-11.22-13.31-3.14-6.28-8.41-10.46-11.09-17-4.44-10.91-4.69-22.74-9.5-33.61-2.77-6.26-5.81-8.35-12.41-8.37-7.49 0-13-1.92-17.55-8-3.7-4.94-3.77-10.14-5.67-15.51-.86-2.45-2.67-4.18-2.82-6.84s1.61-6.1 2.28-8.7c1.33-5.1 3.4-10.75 1.88-16-1.21-4.17-5.57-4.34-7-7.25v.25c-9.26.92-17.24-8.81-23.53-14-7.44-6.19-12.65-9.71-22.13-10.78s-17.71-5.09-23.13-13c-4.79-7-5.66-17.41-12.68-22.51-1.36-.9-2.82-1.63-4.35-2.18"/>
<path class="cls-10" d="M590.19 364.44c1.81 7.34-2.34 12.56-8.18 16-4.69 2.77-8.42 6.79-13.32 9.41s-10.54 1.84-15 4.29c-11.48 6.32 2.62 19.33-5.75 25.58-5.61 4.19-8.63 1-10.43-3.73-2.11-5.59-5.63-6-9.38-9.51-2-1.93-5.54-8.05-5.83-10.76-.45-4.13 4.41-7.39 6.22-11.14 4.29-8.91-1.15-19.9-10.85-21.52-4.51-.75-6.46-.86-9.82-4.11-2.64-2.57-3.28-6.79-6-8.86-5.12-3.93-15-1-20.95-3.93-1.82-1.15-3.44-2.6-4.79-4.29 22.8-9.07 47.92-15 73.88-15 13.69.08 27.32 1.83 40.59 5.19v.06c1.79 6.25-1.42 10.17-4.08 15.53-4.19 8.49 1.81 9.14 3.69 16.79Z"/>
<path class="cls-15" d="M590.6 332.1c1.79 6.25-1.42 10.17-4.08 15.53-4.21 8.5 1.79 9.15 3.67 16.8 1.81 7.34-2.34 12.56-8.18 16-4.69 2.77-8.42 6.79-13.32 9.41s-10.54 1.84-15 4.29c-11.48 6.32 2.62 19.33-5.75 25.58-5.61 4.19-8.63 1-10.43-3.73-2.11-5.59-5.63-6-9.38-9.51-2-1.93-5.54-8.05-5.83-10.76-.45-4.13 4.41-7.39 6.22-11.14 4.29-8.91-1.15-19.9-10.85-21.52-4.51-.75-6.46-.86-9.82-4.11-2.64-2.57-3.28-6.79-6-8.86-5.12-3.93-15-1-20.95-3.93-1.82-1.15-3.44-2.6-4.79-4.29"/>
<path d="M700.41 392.34c-.88-.57-1.86-.96-2.89-1.16-5.35-1.05-9.15.8-12.92 4.54-4.87 4.82-3.08 8.91-.74 14.9 1.78 4.54 7.62 14.57-.84 16.46-6.5 1.45-8.89-7.12-14.12-8.94-4.87-1.69-10.13 1.66-14.4-1.65-4-3.11-3.86-9.15-2.77-13.72 1.22-5.16 4.17-10.13 5.18-15.31 1.11-5.69-4.91-8.08-4-13.19.94-5.52 5.61-9 9.88-12.54" stroke="#241f20" stroke-width="7" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" fill="#00aff4"/>
<path class="cls-14" d="m266.62 232.08-142.24 147c-5.59 5.77-5.45 14.98.33 20.57.74.72 1.55 1.35 2.42 1.9.37.22.74.43 1.14.63 5.59 2.86 12.39 1.8 16.84-2.63l152.68-150.49"/>
<circle class="cls-16" cx="301.85" cy="535.64" r="14.93"/>
<circle class="cls-3" cx="832.43" cy="371.31" r="35.26"/>
<circle class="cls-16" cx="708.48" cy="279.06" r="14.73"/>
<circle class="cls-16" cx="526.08" cy="262.4" r="15.33"/>
<path class="cls-16" d="M143.49 90.62c25.57 22.85 41 41.29 37.29 46.1-5.21 6.78-46.6-16.26-92.44-51.46s-78.79-69.25-73.58-76c3.78-4.92 26.6 5.85 56.35 25.58"/>
<path class="cls-7" d="M310.79 159.01c-29.43 0-53.28 23.86-53.27 53.29 0 29.43 23.86 53.28 53.29 53.27 29.42 0 53.27-23.86 53.27-53.28s-23.85-53.28-53.28-53.28Zm0 84.41c-17.19 0-31.13-13.94-31.13-31.13s13.94-31.13 31.13-31.13 31.13 13.94 31.13 31.13-13.94 31.13-31.13 31.13Z"/>
<path class="cls-16" d="M170.81 280.35C146.2 297.7 35.57 384.48 5.27 561.06"/>
<path d="M496.62 229.02c7 0 7-10.94 0-10.94s-7.05 10.94 0 10.94ZM257.48 554.3c7 0 7.05-10.94 0-10.94s-7.05 10.94 0 10.94Zm348.44-342.21c7 0 7-10.94 0-10.94s-7 10.94 0 10.94Zm0 43.18c7 0 7-10.94 0-10.94s-7 10.94 0 10.94ZM257.48 47.55c7 0 7.05-10.94 0-10.94s-7.05 10.94 0 10.94Zm-41.47 483.94c7 0 7-10.94 0-10.94s-7.05 10.94 0 10.94ZM209 86.74c7 0 7.05-10.94 0-10.94s-7 10.94 0 10.94ZM5.27 143.37c7 0 7.05-10.94 0-10.94s-7 10.94 0 10.94Z" fill="#241f20"/>
<circle class="cls-16" cx="310.76" cy="212.28" r="31" transform="rotate(-80.78 310.775 212.283)"/>
<path class="cls-16" d="M261.28 232.08s5.1 21.67 30.82 30.83M86.32 654.55c1.89 34 97.58 193.31 283.35 71.79M62.71 713.69c-21-36.73-37.27-123.1 14.16-215.91"/>
<path class="cls-3" d="M61.26 43.4S78.53 27 81.27 31.97c5.68 10.3-9.68 13.88-9.68 13.88l-10.33-2.46Zm82.78 36.45s.96 10.11-6.5 19.4-7.57-6.43-7.57-6.43l14.07-12.97Z"/>
</svg>

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -0,0 +1,55 @@
<svg xmlns="http://www.w3.org/2000/svg" id="wizard-members-illustration" viewBox="0 0 891.79 761.94">
<defs>
<pattern id="Unnamed_Pattern_2" x="0" y="0" width="144" height="144" patternTransform="matrix(1.3 0 0 -.96 405.71 -15766.98)" patternUnits="userSpaceOnUse">
<path class="cls-1" d="M0 0h144v144H0z"/>
<path class="cls-1" d="M0 0h144v144H0z"/>
<path fill="#fef7b8" d="M0 0h144v144H0z"/>
</pattern>
{{! template-lint-disable no-forbidden-elements }}
<style>.cls-1,.cls-2{fill:none}.cls-3{fill:#00ac43}.cls-4{fill:#f9000a}.cls-7{fill:#ff5d10}.cls-10{fill:#00aff4}.cls-2{stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:8.75px}</style>
</defs>
<rect class="cls-3" x="565.81" y="229.93" width="194.54" height="46.05" rx="23.02" ry="23.02"/>
<path class="cls-2" d="M271.42 434.36c4.99-12.76 20.17-26.82 38.23-35.03"/>
<path class="cls-3" d="M538.32 438.29s21.75-37.26 45.83-39.8 31-7.82 51 17.86 27.92 85.85 27.92 85.85l-102 9.77-22.75-73.68Z"/>
<path class="cls-2" d="M628.29 725.31 607.34 587.6M272.43 731.77l15.88-146.71"/>
<path class="cls-1" d="m175.12 663.62-50.93 10.4v21.5c0 5.85 4.75 10.59 10.6 10.6h56c6.43.01 11.66-5.19 11.67-11.63 0-3.22-1.32-6.31-3.67-8.51l-23.67-22.36Z"/>
<path class="cls-3" d="m175.12 663.67-.65-.64-1.62-57.41c2.53-24.51-4.9-32.88-27.35-43.05l-47.63-21.54-1.39-2.36c-7.51 8.9-14.2 15.56-21.32 22.41-4.41 8.73-7.46 16.91-16.84 26.3-9.82 9.85-24.05 14.7-38.59 16.06-.53.07-1.06.14-1.59.18a58.373 58.373 0 0 0 44.71 20.8h61.34v49.61l50.93-10.36Z"/>
<path class="cls-2" d="M43.49 460.07h0c-37.14 0-35.45 50.43-39.12 71.6v34.22c0 32.3 26.18 58.48 58.48 58.48h61.34v71.11c0 5.85 4.75 10.59 10.6 10.6h56c6.44.01 11.67-5.2 11.68-11.64v-.02h0c0-3.21-1.33-6.28-3.67-8.48l-24.32-22.92"/>
<path class="cls-10" d="M803.42 464.11c-8.3 14.93-16.49 34.58-16.49 54.06 0 2.82-.3 5.45-.85 7.91-1.77 7.9 40.33-6.96 34.71-2.34 8.78 5 13 3.6 15.94 6.23 2.18 1.95 2.41 8.69 9.77 8.37 17.91-.78 28.31.99 36.36 17.17 1.38 2.77-13.15 18.25-13.73 26.04-.38 5.13 12.66 3.49 14.16 4.81 1.01.95 2.1 1.82 3.25 2.6.6-2.94.9-5.94.9-8.94l-.02-68.77c-12.56-48.81-28.25-57.05-28.25-57.05l-11.12 17.67-18.24 2.87-20.46-7.09-5.93-3.54Zm-90.23 207.58-19.27 20.62c-3.93 4.19-3.72 10.78.47 14.71a10.45 10.45 0 0 0 7.14 2.82h53.35c8.13 0 14.72-6.58 14.73-14.71v-20.68l-50.54-11.19a36.243 36.243 0 0 1-5.88 8.43Z"/>
<path class="cls-10" d="M883.26 586.37c-10.21-9.01-36.42-9.73-48.22-15.56-7.85-3.88-.6-14.84-9.78-14.44-17.28.75-35.69-3-51-11.72-17.1 14.07-45.49 15-45.49 15l-6 89.8c-.32 4.8-1.6 9.5-3.76 13.8l50.55 11.19v-50.06h73.51c21.05 0 39.2-14.79 43.45-35.41-1.16-.78-2.25-1.64-3.26-2.6Zm-35.22-85.51v25.86c12.73 6.76 26.91 13.89 36 24.59.91-3.74 1.54-7.55 1.9-11.38l-.03-25.9"/>
<circle class="cls-4" cx="44.74" cy="445.2" r="33.11"/>
<circle cx="44.74" cy="445.2" r="33.11" stroke="var(--primary)" stroke-miterlimit="10" stroke-width="8" fill="#f9000a"/>
<path class="cls-2" d="M63.07 472.79c-15.23 10.13-35.79 5.98-45.92-9.25a33.16 33.16 0 0 1-5.18-13.51"/>
<path d="m796.69 523.98-12.61 3.87-5.3 8.18 1.02 9.93 13.17 3.75 18.8-1.04 12.51 3.77c-16.56 35.23-138.77 63.72-297.1 70.43-3.44.15.41-16.02-3.8-27.6-7.73-21.27-23.96-44.3-30.44-44.14s-17.59-10.14-29.4-11.27c-13.46-1.28-27.72 6.59-35.33 6.59-17.05 0-40.34 30.58-44.33 45.2-2.29 8.41 3.82 31.41-4.69 31.03-168.32-7.59-294.76-39.82-294.76-78.44s118.85-68.88 279.48-77.68l4.61 18.51 5.27-.88 24.76-19.14c18.5-.61 37.46-.93 56.76-.93 168.4 0 310.59 24.25 355.84 57.47" fill="url(#Unnamed_Pattern_2)"/>
<path class="cls-2" d="M375.99 622.54c-117.18-5.52-213.67-23-260.67-46.23m691.44-6.39c-41.86 26.76-147.39 47.19-277.65 52.87M262.8 329.99h-53.99l-98.31 97.68a1.64 1.64 0 0 1-2.04 1.1 1.65 1.65 0 0 1-1.17-1.55l40-97.23h-13.7c-13.93 0-25.22-11.29-25.22-25.22h0v-36c0-13.93 11.29-25.22 25.22-25.22h98.54m45.56 0h97.74c13.93 0 25.22 11.29 25.22 25.22h0v36c0 13.93-11.29 25.22-25.22 25.22h-90.04"/>
<path class="cls-4" d="M278.44 265.92h47.42c10.61 0 19.22 8.61 19.22 19.22s-8.61 19.22-19.22 19.22h-43.24m-30.39 0h-89.88c-10.61 0-19.22-8.61-19.22-19.22s8.61-19.22 19.22-19.22h73.64"/>
<path class="cls-2" d="M510.58 245.83h-59.9c-9.69 0-39.83 0-39.83 54.09 0 40.45 50.23 66.71 75.59 77.39 1.44.6 2.12 2.26 1.52 3.7a2.84 2.84 0 0 1-2.62 1.74h-9.27c-41.74 0-78.62-20.82-100.81-52.65m76.66-257.08h240.16c16.97 0 30.73 13.75 30.74 30.72h0v77.49"/>
<path class="cls-7" d="M448.88 104.11h217.34c12.71 0 23.02 10.31 23.02 23.02 0 12.72-10.31 23.03-23.02 23.03H448.88"/>
<path class="cls-2" d="M278.4 232.73c-4.53 58.89 3.81 90.65 12.24 113 .87 2.32-.3 4.91-2.62 5.78-1.68.63-3.58.2-4.83-1.1-40.93-43.2-49.64-90.68-52.44-118.11-.93-9.29-8.75-16.36-18.08-16.36h-48c-24.89 0-45.06-20.18-45.06-45.07V49.43c0-24.88 20.18-45.05 45.06-45.06h237.55c24.88 0 45.05 20.18 45.06 45.06v121.43c0 24.89-20.17 45.06-45.06 45.07h-105.7c-9.5 0-17.39 7.33-18.12 16.8Zm533.38-30.61V307.3c0 11.54-9.35 20.89-20.89 20.89h-85.17c-23 0 40.45 59.24 47 79.77.69 2.13-.49 4.42-2.62 5.11-1.04.34-2.18.24-3.15-.28-30.43-15.72-104.35-84.6-111.69-84.6H531.49c-11.54 0-20.89-9.34-20.9-20.88h0V202.12c0-11.54 9.35-20.89 20.89-20.89h259.4c11.54 0 20.89 9.34 20.9 20.88h0Z"/>
<circle class="cls-7" cx="456.74" cy="485.07" r="33.11"/>
<circle cx="456.74" cy="485.07" r="33.11" fill="#00ad43" stroke="var(--primary)" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.75"/>
<path d="M452.95 539.86c-57.21 0-70.44 50.56-70.44 50.56l-1-.98c0-19.55-2.76-84.5 75.23-84.5 0 0 72.79-4.18 70.38 92.4 0 0-11.55-53.06-73.21-57.48" stroke="var(--primary)" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.75" fill="#ff5d10"/>
<path class="cls-2" d="M4.38 482.14v221.93m170.11-41.06-50.3 11.85m256.52 10.88v-72.67c0-40.43 32.78-73.21 73.21-73.21h0c40.43 0 73.21 32.78 73.21 73.21h0v70s-38.8 24.22-72.31 24.22-74.11-21.55-74.11-21.55Zm0 71.82v-81.82m146.41 81.82v-84.51m360.29-207.97v244.77m-168.22-46.84 50.42 11.85"/>
<path class="cls-10" d="M400.67 88.91c0 12.7-10.3 23-23 23h-48.11c-12.7 0-23 10.3-23 23s-10.3 23-23 23H183.41c-12.7 0-23-10.3-23-23v-46c0-12.7 10.3-23 23-23h194.24c12.7-.01 23.01 10.28 23.02 22.98v.02Z"/>
<path class="cls-2" d="M4.38 624.37h119.81v79.7m763.22-79.7H772.19v85.49"/>
<path class="cls-10" d="M359.84 458.42a91.653 91.653 0 0 0-18.19 6.75c-10.91 5.47-17.74 16.9-16.58 29.05 1.42 14.92 13.28 15.75 13.28 15.75 15-2.88 19.1-22 19.1-22 4.89-.65 9.74-1.63 14.5-2.93-.41-9.77-4.56-19.96-12.11-26.62Zm-86.87-15.63c-.94-4.95-1.93-10.39-2.93-16.24-4.75-27.63-27.11-23.44-27.11-23.44-20.07 3.37-22.94 13.39-22.88 18.13.14 12 9.81 11.08 9.81 11.08l6.73-1.09c4.2-.67 8.15 2.2 8.81 6.4.04.23.06.46.08.69l.87 13.15c9.37 2.04 20.41-1.77 26.62-8.68Z"/>
<path class="cls-1" d="M279.25 472.75s-2.78-11.55-6.28-30c-6.21 6.91-17.25 10.72-26.62 8.68l1.92 29 30.98-7.68Z"/>
<path class="cls-2" d="M340.6 393.1s23.39 1.7 44.77 21.66 17.19 48.42 17.19 48.42-4.57 19.26-45.12 24.84c0 0-4.06 19.07-19.1 22 0 0-11.86-.83-13.28-15.75-1.16-12.15 5.68-23.58 16.58-29.05a97.563 97.563 0 0 1 34.68-9.63m-128.04 24.85-2.79-42.13c-.28-4.24-3.95-7.45-8.2-7.17a8.1 8.1 0 0 0-.69.08l-6.73 1.09s-9.67.94-9.81-11.08c-.06-4.74 2.81-14.76 22.88-18.13 0 0 22.36-4.19 27.11 23.44 4.75 27.63 9.21 46.21 9.21 46.21"/>
<path class="cls-3" d="M658.29 426.76c-15.92-25.12-52.56-32.38-52.56-32.38l32.18 51.91c1.26 2.53 2.27 5.18 3 7.91 8.38-4.88 18.21-8.89 27.59-9-3-6.36-6.41-12.52-10.21-18.44Z"/>
<path class="cls-7" d="M668.54 445.17c-9.38.15-19.21 4.16-27.59 9 5.1 19.55-16.38 18.53-16.38 18.53-14.66 1.7-24.71 5.32-24.79 10.74s5.95 5.25 5.95 5.25c6.33 6.14 20.59 5.33 20.59 5.33 12 1.83 19.81-4 19.81-4 13.76.2 21.35-3.28 25.43-6.59 2.95-2.45 4.56-6.17 4.31-10-.48-8.19-1.9-16.57-7.33-28.26Z"/>
<path class="cls-2" d="M658.29 426.76c14.19 22.4 16.89 34.73 17.58 46.64.25 3.83-1.35 7.55-4.3 10-4.09 3.3-33.22 10.46-45.25 8.63 0 0-14.26 5.81-20.59-.33 0 0-8-3.82-7.95-9.25.06-4.46 6.86-9.72 17.4-12.4 3.6-.87 7.3-1.21 11-1 7.28.35 22.3-1.31 11.77-22.8"/>
<path class="cls-7" d="M618.28 488.89c-1.44-6.13-10.18-16-21-16.16l-29.87-4.53a6.416 6.416 0 0 1-3.57-4.58 61.77 61.77 0 0 1-1.22-12.13c-8.83-3.68-19.47-6.31-27.75-2.2-2.1 22.23.28 30.12.28 30.12s1.81 12.2 21.38 17.77c2.86.8 5.82 1.13 8.78 1 7.32-.31 23.64-.84 33.18 0 1.58.16 3.16.24 4.75.24 5.42.06 16.26-4.3 15.04-9.53Z"/>
<path class="cls-3" d="M562.67 451.49c0-2.75.28-5.49.84-8.18l-6.43-36.79s-19.31 15.57-21.89 40c-.11 1-.2 1.89-.28 2.81 8.29-4.15 18.93-1.52 27.76 2.16Z"/>
<path class="cls-2" d="M535.19 446.48c-2.59 24.38 0 32.93 0 32.93s1.19 8 12 14c6.53 3.52 13.96 5 21.34 4.24 8.73-.83 23.61-2 32.11-1.19 1.61.15 3 .23 4.31.24 8.18.07 17.49-4.89 13.28-11.91-2.58-4.3-7.55-11.82-21-12.07l-29.87-4.53a6.416 6.416 0 0 1-3.57-4.58c-.89-4.45-2-12.75-.38-20.31"/>
<path class="cls-4" d="M149.5 496.49c-23.63-10.36-39.28 2.79-39.28 2.79l-28.48 22.87 4.15 11.17 4.51-1.3c4.65-5.58 11.72-19.72 31.16-13.84 13.49 4.08 32.11-3 36.86-6.93s-8.92-14.76-8.92-14.76Z"/>
<path class="cls-2" d="m80.71 520.49 29.5-21.21s15.65-13.15 39.28-2.79c0 0 13.66 10.82 8.92 14.76s-23.47 11.33-36.86 6.93"/>
<path class="cls-4" d="M107.07 532.9s-10.79-2.35-32.6 5.75c-1.68 8.85 0 18.8 4.56 26.11 4.46-1.77 8.59-4.27 12.23-7.4 0 0 20.74 4 36.53.72 0 0 7.28-5.36 8-11.62.06 0-9.24-12.86-28.72-13.56Z"/>
<path class="cls-2" d="M20.88 501.27s2.55 36.37 20.6 62.15a16.939 16.939 0 0 0 16.39 7c9.74-1.49 24.44-5 33.41-13 0 0 20.74 4 36.53.72 0 0 7.28-5.36 8-11.62 0 0-9.3-12.86-28.77-13.56 0 0-11.46-2.5-34.63 6.52a8.003 8.003 0 0 1-10.36-4.55l-.12-.33"/>
<path d="M292.15 402.63c-4.26-17.78 6.7-35.65 24.48-39.92 17.78-4.26 35.65 6.7 39.92 24.48 4.26 17.78-6.7 35.65-24.48 39.92-2.53.61-5.12.91-7.73.91-15.3 0-28.6-10.47-32.19-25.34" stroke-miterlimit="10" stroke-width="8" stroke="var(--primary)" fill="#00aff4"/>
<path class="cls-2" d="M324.34 361.76c18.29 0 33.11 14.83 33.11 33.11 0 18.29-14.83 33.11-33.11 33.11-15.3 0-28.6-10.48-32.19-25.35"/>
<path d="M292.15 402.63c-.61-2.54-.91-5.15-.91-7.76 0-2.09.19-4.17.58-6.22" stroke="var(--primary)" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.75" fill="#00aff4"/>
<circle cx="576.03" cy="390.79" r="33.11" stroke="#ff5d10" stroke-miterlimit="10" stroke-width="8" fill="#ff5d10"/>
<path class="cls-2" d="M608.9 386.8c2.15 18.16-10.83 34.62-28.99 36.77a33.102 33.102 0 0 1-30.83-13.63m311.4 44.17s25.43 28.24 25.43 59.87v25.86s-2.94 39.87-27 39.87c-15 0-28.72-10-33.21-21.32a15.538 15.538 0 0 0-16.89-9.53c-7.6 1.17-17.33 1.71-25.8-.86a7.075 7.075 0 0 1-5-7.57c.5-4.6 2-10.72 6.07-12.58 8.18-3.69 16.38-5 26.79-4.8 14.45-.6 28.3 5.81 37.2 17.2v-39.48"/>
<circle class="cls-2" cx="829.8" cy="441.63" r="33.11"/>
<path class="cls-2" d="M363.91 434.36s3.77 15.61 0 22.35M71.22 503.56l10.79 30.5"/>
</svg>

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -0,0 +1,32 @@
<svg xmlns="http://www.w3.org/2000/svg" id="wizard-welcome-illustration" viewBox="0 0 941.69 730.8">
<defs>
{{! template-lint-disable no-forbidden-elements }}
<style>.cls-1{fill:#00ac43}.cls-3{fill:#f9000a}.cls-4{fill:#fff9a3}.cls-5{fill:#ff5d10}.cls-7{fill:#00aff4}.cls-10{stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:8.75px;fill:none}</style>
</defs>
<path class="cls-1" d="M575.12 627.96c1.62 10.85 5.09 25.81 12.47 37.62 1.77 2.82 3.35 5.75 4.73 8.78h-70.23c-.31-2.63-1.57-5.06-3.53-6.84-9.8-8.94-26.52-26.37-26-40.87.39-11 3.81-16.75 6.91-19.77 5.59-.88 11.04-2.49 16.21-4.77 30.1-13.35 75-54.89 60.22-126a67.107 67.107 0 0 1 17.54 14.37c3.42 3.99 6.62 8.17 9.6 12.5 22.41 32.81 14.63 86.28-17.16 110.12l-1.55 1.16c-6.96 5.22-10.51 5.1-9.21 13.7Z"/>
<path class="cls-3" d="M281.65 471.55c-71.27 74.43-140 16.21-140 16.21-27-41.2-32-93-32.53-120.72-.08-4-.07-7.44 0-10.31-8.29-1.88-16.38-4.56-24.15-8-14.83-6.74-27.16-16.83-36.11-32.94a98.627 98.627 0 0 1-7.25-16.55c4.11-17.76 14.48-39.93 39.16-59.53 1.32 2.3 2.73 4.69 4.22 7.14 25.91 42.7 78.4 105.63 155.51 87.63-2.91 14.82-5.76 44.76 12.23 66.44a54.15 54.15 0 0 1-8 1.27s24.56 34.08 36.92 69.36Z"/>
<path class="cls-1" d="M345.19 307.87c-24 63.33-63.33 84.21-85 91.06l-1.21.37c-2.35.71-4.47 1.25-6.31 1.66-18-21.68-15.14-51.62-12.23-66.44 1.37-.31 2.75-.66 4.14-1 7.63-2.06 15.09-4.74 22.29-8 40.45-18.23 64.46-21.63 78.32-17.65Zm160.33 296.32c-5 20.94-20.3 18.79-32.47 22-7.08 1.89-11.58 8.83-10.42 16.07.78 4.65 1.99 9.21 3.62 13.63 2.26 6.29 4.12 12.44 6 18.35l-72.07-3.7c-.22-5.04-1.47-9.97-3.67-14.51-8.45-18.83-19.16-34.53-21.55-47.07-3.43-18.46 8.75-36.21 27.21-39.64 1.01-.19 2.03-.33 3.06-.43l23-2.18 18.21 22.67 36.42 16.78 22.66-1.97Z"/>
<path class="cls-7" d="M102.19 637.62c-8.77 38-48.24 24.86-48.24 24.86-29.32-6.64-43.15-16.1-49.58-24.18-3.9-4.88-3.1-11.99 1.77-15.88a11.3 11.3 0 0 1 4.5-2.18 110.456 110.456 0 0 0 44.06-21.29c3.07-2.48 5.36-5.81 6.57-9.57l40.92 48.24Zm180.21 72.12c-18.74 15.53-60.82 17.8-80.78 17.8-22.66 0-20.47-13.89-13.88-17.54 3.8-2.13 14.46-10.12 22.77-16.47 1.2-.91 2.19-2.06 2.92-3.37l45.6-52.54c5 7.32 10.13 14.56 14.23 21.2 9.45 15.29 13.08 28.37 14.48 36.17a15.563 15.563 0 0 1-5.34 14.75Z"/>
<path d="M277.39 487.79a80.63 80.63 0 0 1 2.47 18.29c.18 35.68-16.5 52.12-29.9 65.33-4.68 4.61-9.1 9-12.39 13.7-11 15.85.7 36.94 10.47 51.82l-29.8 34.34c-.5-.53-1.03-1.04-1.59-1.51-4.32-3.68-9.35-7.26-14.21-10.71-11.83-8.42-24.07-17.12-26.7-27.28-3.06-11.77 4.39-24.92 11.6-37.63 2.35-4.15 4.78-8.44 6.79-12.62.11-.22.21-.44.31-.67 4.62-10.14.14-22.1-10-26.72a20.09 20.09 0 0 0-8.29-1.81c-2.24 0-4.46.38-6.58 1.1a54.274 54.274 0 0 1-17.44 2.59c-2 0-4-.08-6-.23-.93-.08-1.88-.11-2.81-.11-15 0-28.4 9.38-33.51 23.49-4.54 12.68-8.89 28.23-11.92 39.8l-27.1-31.94c.32-2.34.34-4.72.08-7.07-3.53-31.46.9-53.71 5.25-66.83 3.29-9.94 12.59-16.66 23.06-16.64h39.5c7.85 5.81 32.25 21.67 64.7 21.67 26.25 0 51.09-10.22 74-30.39m4.27-16.24c-27.78 29.05-55.14 37.96-78.27 37.96-36.13 0-61.7-21.67-61.7-21.67h-42.5c-14.25-.04-26.92 9.08-31.41 22.61-5.06 15.3-9.23 38.58-5.64 70.55.32 2.85.03 5.73-.85 8.46l40.92 48.24s7.68-32.82 15.81-55.51a26.733 26.733 0 0 1 25.27-17.69c.71 0 1.42 0 2.13.08 2.13.16 4.38.26 6.71.26 6.87.1 13.71-.91 20.26-3 5.93-2.08 12.43 1.03 14.51 6.96.97 2.77.84 5.81-.38 8.49-.06.14-.12.28-.19.42-8.2 17-24.13 36.55-19 56.29 4.71 18.2 28.89 29.83 43.71 42.45 2.52 2.14 3.94 5.3 3.85 8.61-.02.72.55 1.31 1.27 1.33h.05c.38 0 .75-.16 1-.45l41.91-48.29c-11.88-17.55-22.53-35.65-14.28-47.52 11.7-16.81 44.13-32.16 43.86-84.07-.06-10.82-2.83-22.72-7-34.48l-.04-.03Z" fill="var(--primary)"/>
<path class="cls-1" d="M80.76 239.74c-24.68 19.6-35 41.77-39.16 59.53-2.24-6.67-3.98-13.49-5.21-20.42-9.91-54 2.81-84.54 14.91-100.51l15 32.36c4.21 9.97 9.04 19.67 14.46 29.04Z"/>
<path class="cls-10" d="M135.92 478.21s13.8 29.29 29.88 49.76m32.31-129.09s30.46 8.47 60.92.42"/>
<path class="cls-7" d="m811.27 401.62 10.6-10.58 37.26 48.13-38.39 29.59-38 29.26-.1.06c-2.79 1.65-56.57 32.61-71.52-29.32h28.68c6.92.04 13.24-3.95 16.16-10.23 1.46-3.41 3.62-6.47 6.33-9 6-5.33 27.48-26.5 48.76-47.73"/>
<path class="cls-4" d="M937.32 472.56c-71.19 44.44-116.58-3.8-116.58-3.8l38.39-29.59-37.26-48.13-10.6 10.58-31.76-42.59 47.93-49.4c16.51 16.02 42.89 15.62 58.91-.89.84-.86 1.63-1.76 2.39-2.69 17.74 17.26 37.2 41.8 42.44 69.86 6.52 34.89 10.07 64.15 6.14 96.65Z"/>
<path class="cls-3" d="M937.32 472.56c-2.24 18.57-6.94 38.2-14.91 60.52-13.29 37.21-29.52 91.58-40.26 128.66-29.54-21-67.36-14.61-67.36-14.61 4.16-11.14 5.09-48.9 5.27-71.08.05-6.15-2.14-3.14-6.48 1.21l-95.86 84.48c11.7-40.93-14.61-65.79-14.61-65.79 2.9-3.62 78.48-96.48 79.66-97.93l38-29.26s45.36 48.24 116.55 3.8Z"/>
<path class="cls-7" d="M811.08 401.8c-21.28 21.23-42.72 42.4-48.76 47.73a26.686 26.686 0 0 0-6.33 9 17.705 17.705 0 0 1-16.16 10.23h-25.75c-1.31 0-2.37-1.07-2.36-2.38 0-.17.02-.33.05-.49l10.35-47.69 56.39-58.13.47-.49c10.38 13.9 23.39 30.9 32.1 42.22Z"/>
<path class="cls-10" d="M811.27 401.62c-.06.07-.12.13-.19.18m-55.1 54.11c20.59-20.56 104.29-103.43 104.29-103.43m-38.68 38.84 34.87 46m54.98-38.44-52.32 40.29m-80.63-79.09 30.66 43.66M482.85 79.03l99.63 149.95M688.47 87.16l-2.62 41.45M509.22 50.24l63.02 116.6m-23.39-97.96 65.62 123.99M564.3 23.49l56.19 120.69m-42.43 232.46 77.47-102.34M435.75 130.88s64.57 4.47 76-8.29m-110.71 83.02a77.1 77.1 0 0 0 2.15-44.28c-1.27-4.95-4.83-8.13-8.67-7.72-5.31.58-12.27 2.69-13.46 9.71-1 5.9 1.75 11.12 4.68 14.82 1.71 2.15.91 6-1.37 6.61-4.25 1.2-8.86 4-9.21 10.3-.42 7.66 8.8 13.42 15.47 16.56 4.08 1.93 8.56-.69 10.41-6Zm-63.46-97.07s12.67-21.06 7.8-45.26m-101.04 87.88 2.92 18.2s36.9-5.1 64.32-6.92c10.43-.68 19.44 7.23 20.12 17.66.03.41.04.82.04 1.23h0c0 3.61 2.92 6.54 6.53 6.55h.11c5.94 0 10.85-4.62 11.24-10.54.6-8.64 2.19-19.48 6.48-19.68h.22c8.07-.38 14.41-7.03 14.4-15.11v-2c0-4.35-3.37-7.97-7.71-8.27-21.01-1.45-80.2-3.25-118.67 18.88Zm16.9-96.17-12.34 67.6s34.11 3.56 36.06-27.63M78.81 108.54s65.79-22.36 57.51-97.89m-4.4 97.89s69.72-26.06 61.42-103.41m-10.48 123.66s66-20.25 61.49-108.4"/>
<circle class="cls-1" cx="120.48" cy="326.94" r="41.67"/>
<path d="M146.89 359.17c-17.76 14.64-44.02 12.11-58.66-5.65-11.76-14.27-12.71-34.57-2.34-49.88" stroke="var(--primary)" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.75" fill="#00ac43"/>
<path class="cls-10" d="M522.1 674.36h-.01m-56.24 32.42c-22.3 9.52-50.31 13.82-69.53 11.55-24.86-2.92-27.05-9.8-19.74-18.58 3.53-4.23 11.14-10.87 18-16.6 4-3.32 5.53-7.78 5.5-12.61l72.07 3.7c1.11 3.62 2.22 7.15 3.4 10.56 3.04 8.74-1.2 18.34-9.7 21.98Zm122.87 2.7c-14.63 5.07-43.78 12.44-74.93 5-6.4-1.52-10.35-7.95-8.82-14.35.58-2.44 1.92-4.64 3.82-6.27l.38-.32a68.18 68.18 0 0 0 10.74-11.2 10.88 10.88 0 0 0 2.14-8h70.23a71.853 71.853 0 0 1 5.79 19.78c.92 6.69-2.98 13.11-9.35 15.36Zm232.01-240.72s47.33 49 116.58 3.8"/>
<path class="cls-7" d="M898.11 279.72c0 23.01-18.65 41.67-41.66 41.68-23.01 0-41.67-18.65-41.68-41.66 0-23.01 18.65-41.67 41.66-41.68h.01c22.91-.11 41.56 18.38 41.67 41.29v.37Z"/>
<path d="M888.74 306.05c-14.54 17.83-40.78 20.51-58.61 5.97-.93-.76-1.83-1.56-2.69-2.39" stroke="var(--primary)" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.75" fill="#00aff4"/>
<path class="cls-5" d="m717.72 661.74-26.21 26.23c-3.36 3.36-8.82 3.36-12.18 0a8.522 8.522 0 0 1-1.53-2.09c-10.1-19.25-30.3-61.5-29.2-89.43.16-6.07 5.22-10.87 11.29-10.7 2.18.06 4.29.76 6.07 2.02 2.96 2.11 5.63 4.62 7.91 7.45 15.35 18.27 26.32 4.39 29.25.73 0 0 26.3 24.86 14.6 65.79Zm164.43 0c-2.88 10-5.38 18.71-7.3 25.51-2.62 9.19-10.86 15.64-20.41 16l-69 2.62c-6.19.25-11.4-4.56-11.65-10.75-.07-1.71.26-3.42.95-4.99 1.46-3.25 4.09-5.84 7.37-7.23 13.16-5.85 26.72-19.74 32.73-35.81-.05.04 37.77-6.3 67.31 14.65Z"/>
<path class="cls-10" d="M691.5 687.97c-3.36 3.36-8.82 3.36-12.18 0a8.522 8.522 0 0 1-1.53-2.09c-10.1-19.25-30.3-61.5-29.2-89.43m54.51-.5s26.31 24.86 14.61 65.79m97.08-14.61s37.82-6.34 67.36 14.61M33.33 232.34s-9.29 88.14 51.64 116.42m-44 255.43 9.09 13.32-20.8-6.18 6.5 10.08-16.57-4.55m189.74 73.1 4.87 13.32s-12.3-5.2-12.3-4.22 1.62 8.12 1.62 8.12l-10.4-1.3m586.74 1.62h81.9M4.38 638.3s26.51 29.24 76.22 24.37m111.11 63.35s49.79 4.46 90.68-16.28M544.55 597.1s-94.38 4.86-26 70.42M803.1 44.4 759 456.45"/>
<path class="cls-4" d="M49 138.6s-23.6-40.4 41.71 33.74 62.31 116.72 120.31 106.93c43.02-7.26 43.49 50.21 112.21-19.59 19.07-19.37 0 72.91 125.54-3.99 20.91-12.81-.39-8.42-1.26 10.79s27.88 69.2 40.62 66.11 25.64 38.05 43.92 19.89 121.64-8.61 129.83 7.71c4.09 8.15 108.14-6.23 104.52 27.28-1.73 15.96-.49 14.23-3.29 30.73-4.67 27.49-7.11 50.76-7.11 50.76l-68.39-5.06-25.51-19.68-9.67-25.82-25.73-15.43-28.85-1.98-5.44 55.66-22.31 16.46-18.66-16.46 34.55-99.71-62.67 35.74-40.76 23-20.15 1.89-47.81-119.68-14.45-2.92-53.64 36.82-45.63 5.14-28.34 15.75-52.86 8.49-48.63-12.21-78.79-52.46-45.95-73.62 2.71-84.28Z"/>
<path class="cls-10" d="M575.91 476.11s16.75-6.33 16.42-26.62 5.51-48.7 5.51-48.7 34.11-7.35 54.58 17.37v12c0 6.19 3.86 11.73 9.67 13.86l11.77 4.46v.69c0 7.76 6 14.19 13.74 14.73l57.74 4c6.88.48 12.92-4.56 13.67-11.42l44.09-412c.76-7.05-4.35-13.38-11.4-14.14h-.03l-58.83-6.16a16.253 16.253 0 0 0-16.73 10l-5 12.12-1-.11c-8.8-1.04-16.8 5.16-18 13.94l-3.6 27.03s-33.16 25.32-44.86 6.82l-12-44.23a30.86 30.86 0 0 0-23.64-22.21c-23.51-4.71-59-6.13-72.53.16-14.16 6.56-51.32 49.33-71.77 73.71a47.425 47.425 0 0 1-36.31 16.94h-1.21c-3.97 0-7.72-1.83-10.18-4.94-5-6.31-13.05-17-15-22.35-2.93-7.8-35.58-35.58-55.56-27.78 0 0-19.87-32.68-67.18-26.15a34.603 34.603 0 0 1-22.41-4.32 23.284 23.284 0 0 1-7.39-6.57c-6.34-9.26-53.12-33.14-112.09-15.59s-92.12 61.89-89.3 111.11c.32 4.5.96 8.98 1.91 13.39a99.51 99.51 0 0 1 .31 35.6c-2.9 16.87-4.54 42.5 4.65 67.3 15.34 41.43 135.38 178.48 246.91 98.68 3.56-2.54 7.92-3.69 12.27-3.25 10.7 1.1 31.57 1.9 43.3-6.54 16.24-11.7 36.06-31.2 43.7-32.17s14.45 2.92 14.45 2.92 40.92 83.12 41.92 120.51"/>
<path class="cls-10" d="m242.71 259.68 4.23-66.81s30.21 8.12 29.89 33.4m23.39 86.69c.32-1.29 32-35.87 20.47-82.19m-198.83-74.08s58.28 45.31 26.87 139.62m54.35 19.48S234 216.42 156.5 129.57m57.21 203.02s39.56 30.41 74.77 12.1m181.62 7.83 188.4-208.34M500.6 381.91 655.53 210.7m-240.94 86.99s51.66.74 75.79 13.16"/>
<path class="cls-10" d="M463.91 303.09c1.32 7.52 5.62 23.33 18.94 29.5M746.1 25.49l-50.31 437.42m15.36-416.69-37.3 402.91m-21.44-30.93 9.46-61.46M82.22 131.64s-30.71 13.47-31.91 31.52m365.67-49.75s18.1 15.2 30.52 27.07c8 7.73 17.53 35.09 16.81 52.35-.35 8.42-6.78 16.24-6.58 24.41.43 17.36 3.66 38.75-20.47 50.44s-44.54 31.28-44.54 31.28m123.96 301.71a65.72 65.72 0 0 1-16.18 4.77c-29.05 4.72-56.65-14.47-71-34.94-22-31.43-13.93-62.51-19.65-109-5.54-45.09-2.56-47.52-2.56-47.52s19.11-4.2 46.39.83a71.986 71.986 0 0 0 56.82-13.57l.9-.69c4.23-3.25 8.51-6.46 12.9-9.51 17.59 5.63 31.35 26.61 30.41 52.16h0c-4.5 9.25-.64 20.4 8.61 24.9.43.21.88.4 1.33.58 2.1.83 4.24 1.75 6.37 2.79h.06c3.74 1.82 6.36 5.36 7 9.48 10.93 67.32-32.21 106.78-61.4 119.72Z"/>
<path d="M623.41 372.26c-3.26 7.33-7.32 14.28-12.11 20.71a138.21 138.21 0 0 1-35.07 33.23c-4.75 3.15-10.7 7.2-16.7 11.54-2.49 1.78-4.5 4.15-5.85 6.9.94-25.55-12.82-46.53-30.41-52.16 7.86-5.63 16.23-10.51 25-14.59 39.31-17.82 39.86-22.51 56.41-41.8 3.54-4.17 9.79-4.69 13.97-1.15a9.7 9.7 0 0 1 1.89 2.15c5.1 7.99 9.32 20.24 2.87 35.17Z" stroke="var(--primary)" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.75" fill="#ff5d10"/>
<circle class="cls-5" cx="424.73" cy="431.81" r="41.67"/>
<path class="cls-10" d="m643.65 93.98 19.43 59.33a70.213 70.213 0 0 1 3.43 21.76v9c0 3.75-2.2 7.16-5.63 8.69h0a9.51 9.51 0 0 0-5.63 9c.53 18.44 1.81 71.92-.19 92.34 0 .35-.07.7-.1 1a99.551 99.551 0 0 1-17.25 46.57m-199.9 50.71c21.77 7.47 33.35 31.18 25.88 52.94-7.47 21.77-31.18 33.35-52.94 25.88a41.71 41.71 0 0 1-9.18-4.47"/>
</svg>

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -29,9 +29,16 @@
{{#if this.step.description}}
<p class="wizard-container__step-description">{{html-safe this.step.description}}</p>
{{/if}}
{{#if this.bannerImage}}
<img src={{this.bannerImage}} class="wizard-container__step-banner-image">
<div class="wizard-container__step-banner-image">
{{#if (eq this.bannerImage "welcome-illustration")}}
<IllustrationWelcome />
{{else if (eq this.bannerImage "members-illustration")}}
<IllustrationMembers />
{{else if (eq this.bannerImage "finished-illustration")}}
<IllustrationFinished />
{{/if}}
</div>
{{/if}}
</div>
{{/if}}

View File

@ -11,7 +11,7 @@ class Wizard
return @wizard unless SiteSetting.wizard_enabled? && @wizard.user.try(:staff?)
@wizard.append_step('introduction') do |step|
step.banner = "welcome-illustration.svg"
step.banner = "welcome-illustration"
step.add_field(id: 'title', type: 'text', required: true, value: SiteSetting.title)
step.add_field(id: 'site_description', type: 'text', required: false, value: SiteSetting.site_description)
@ -48,7 +48,7 @@ class Wizard
end
@wizard.append_step('privacy') do |step|
step.banner = "members-illustration.svg"
step.banner = "members-illustration"
step.add_field(
id: 'login_required',
type: 'checkbox',
@ -79,7 +79,7 @@ class Wizard
@wizard.append_step('ready') do |step|
# no form on this page, just info.
step.banner = "finished-illustration.svg"
step.banner = "finished-illustration"
end
@wizard.append_step('styling') do |step|

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 18 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 10 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB