Better support multiple fancy splash images +tweak

This commit is contained in:
TEC 2022-10-25 23:37:51 +08:00
parent ea60b9ff17
commit ebd930ad18
Signed by: tec
SSH Key Fingerprint: SHA256:eobz41Mnm0/iYWBvWThftS0ElEs1ftBr6jamutnXc/A
8 changed files with 104 additions and 51 deletions

View File

@ -2043,8 +2043,12 @@ splash screen to something more minimal I switched to just using the /E/.
[[file:misc/splash-images/emacs-e.svg]]
#+begin_src emacs-lisp
(defvar fancy-splash-image-directory
(expand-file-name "misc/splash-images/" doom-private-dir)
"Directory in which to look for splash image templates.")
(defvar fancy-splash-image-template
(expand-file-name "misc/splash-images/emacs-e-template.svg" doom-private-dir)
(expand-file-name "emacs-e-template.svg" fancy-splash-image-directory)
"Default template svg used for the splash image.
Colours are substituted as per `fancy-splash-template-colours'.")
#+end_src
@ -2054,11 +2058,19 @@ replacement system.
#+begin_src emacs-lisp
(defvar fancy-splash-template-colours
'(("$colour1" . keywords)
("$colour2" . type)
("$colour3" . base5)
("$colour4" . base8))
"List of colour-replacement alists of the form (\"$placeholder\" . 'theme-colour).")
'(("$colour1" :doom-color keywords :face font-lock-keyword-face)
("$colour2" :doom-color type :face font-lock-type-face)
("$colour3" :doom-color constants :face font-lock-constant-face)
("$colour4" :doom-color functions :face font-lock-function-name-face)
("$colour5" :doom-color strings :face success)
("$colour6" :doom-color error :face error)
("$colour7" :doom-color teal :face font-lock-builtin-face)
("$shadow" :doom-color base5 :face shadow)
("$light" :doom-color base8 :face font-lock-doc-face))
"Alist of colour-replacement plists.
Each plist is of the form (\"$placeholder\" :doom-color 'key :face 'face).
If the current theme is a doom theme :doom-color will be used,
otherwise the colour will be face foreground.")
#+end_src
Since we're going to be generating theme-specific versions of splash images, it
@ -2098,9 +2110,9 @@ mechanics for actually implementing this. To start with, a basic utility
function to get the relevant file path.
#+begin_src emacs-lisp
(defun fancy-splash-filename (theme height)
(defun fancy-splash-filename (theme template height)
"Get the file name for the splash image with THEME and of HEIGHT."
(expand-file-name (format "%s-%d.svg" theme height) fancy-splash-cache-dir))
(expand-file-name (format "%s-%s-%d.svg" theme (file-name-base template) height) fancy-splash-cache-dir))
#+end_src
Now to go about actually generating the images.
@ -2112,17 +2124,20 @@ The theming is performed using `fancy-splash-template-colours'
and the current theme."
(with-temp-buffer
(insert-file-contents template)
(re-search-forward "$height" nil t)
(replace-match (number-to-string height) nil nil)
(if (re-search-forward "$height" nil t)
(replace-match (number-to-string height) nil nil)
(warn "fancy splash template problem: $height not found in %s" template))
(dolist (substitution fancy-splash-template-colours)
(goto-char (point-min))
(while (search-forward (car substitution) nil t)
(replace-match
(face-attribute (cdr substitution) :foreground nil 'default)
nil nil)))
(let ((replacement
(if (string-match-p "^doom-" (symbol-name (car custom-enabled-themes)))
(doom-color (plist-get (cdr substitution) :doom-color))
(face-attribute (plist-get (cdr substitution) :face) :foreground nil 'default))))
(while (search-forward (car substitution) nil t)
(replace-match replacement nil nil))))
(unless (file-exists-p fancy-splash-cache-dir)
(make-directory fancy-splash-cache-dir t))
(write-region nil nil (fancy-splash-filename (car custom-enabled-themes) height) nil nil)))
(write-region nil nil (fancy-splash-filename (car custom-enabled-themes) template height) nil nil)))
#+end_src
We may as well generate each theme's appropriate images in bunk.
@ -2150,6 +2165,7 @@ the current theme, `fancy-splash-generate-all-images' is called. "
(unless (file-exists-p
(fancy-splash-filename
(car custom-enabled-themes)
fancy-splash-image-template
(or height (plist-get (car fancy-splash-sizes) :height))))
(fancy-splash-generate-all-images)))
#+end_src
@ -2158,11 +2174,47 @@ In case we switch out the images used (or something else goes wrong), it would
be good to have a convenient method to clear this cache.
#+begin_src emacs-lisp
(defun fancy-splash-clear-cache ()
"Delete all cached fancy splash images"
(defun fancy-splash-clear-cache (&optional delete-files)
"Clear all cached fancy splash images.
Optionally delete all cache files and regenerate the currently relevant set."
(interactive (list t))
(dolist (size fancy-splash-sizes)
(unless (plist-get size :file)
(let ((image-file
(fancy-splash-filename
(car custom-enabled-themes)
(or (plist-get size :template)
fancy-splash-image-template)
(plist-get size :height))))
(image-flush (create-image image-file) t))))
(message "Fancy splash image cache cleared!")
(when delete-files
(delete-directory fancy-splash-cache-dir t)
(fancy-splash-generate-all-images)
(message "Fancy splash images cache deleted!")))
#+end_src
In a similar way, it could be fun to allow for switching the template used. We
can support this by looking for files ending in =-template.svg= and running
~image-flush~ via ~fancy-splash-clear-cache~.
#+begin_src emacs-lisp
(defun fancy-splash-switch-template ()
"Switch the template used for the fancy splash image."
(interactive)
(delete-directory fancy-splash-cache-dir t)
(message "Fancy splash image cache cleared!"))
(let ((new (completing-read
"Splash template: "
(mapcar
(lambda (template)
(replace-regexp-in-string "-template\\.svg$" "" template))
(directory-files fancy-splash-image-directory nil "-template\\.svg\\'"))
nil t)))
(setq fancy-splash-image-template
(expand-file-name (concat new "-template.svg") fancy-splash-image-directory))
(fancy-splash-clear-cache)
(message "") ; Clear message from `fancy-splash-clear-cache'.
(setq fancy-splash--last-size nil)
(fancy-splash-apply-appropriate-image)))
#+end_src
Now we can ensure that the desired images exist, we need to work out which
@ -2197,6 +2249,7 @@ in hooks that call functions with arguments."
(setq fancy-splash-image
(or (plist-get appropriate-size :file)
(fancy-splash-filename (car custom-enabled-themes)
fancy-splash-image-template
(plist-get appropriate-size :height)))
+doom-dashboard-banner-padding (plist-get appropriate-size :padding)
fancy-splash--last-size appropriate-size

View File

@ -17,7 +17,7 @@
<path d="m1920 474c-174.94 0-342.71 65.97-466.41 183.4-123.7 117.42-78.6 98.42-177.59 200.6-85.72 88.48-268.91 118.38-387 145-67.14 15.13-94.82 39.05 0 64 71.96 18.93 227.21 39.01 415.8 53.08 317.76 23.69 511.09 27.92 615.2 27.92" stroke="$colour2" stroke-opacity=".2" stroke-width="3" />
<path d="m1920 356c-225.74 0-442.23 81.43-601.86 226.39-159.62 144.95-191.99 248.89-334.94 307.1-142.95 58.23-355.3 85.75-439.42 113.27-50.96 16.67-78.71 59.46 58.66 92.09 89.43 21.24 287.69 41.84 523.71 58.68 410.02 29.25 659.51 34.47 793.85 34.47" stroke="$colour1" stroke-width="2" />
<mask id="f" x="623" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#f)">
<path d="m1920 1359.5a299.76 299.76 0 0 1-212.13-88.01 300.76 300.76 0 0 1-85.89-177.99c-1.31-11.4-22.98-28.5-34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -25,7 +25,7 @@
<path d="m1920 1605c-82.46 0-166.88-20.03-238.41-63.04-43.41-26.11-87.19-59.88-122.59-99.96-45.15-48.58-72.01-108.99-92.07-170-18.22-55.44-27.52-114.25-30.5-173.27-2.19-21.46-38.28-53.67-57.43-68.73" stroke="$colour1" stroke-width="4" />
<path d="m1920 1605c-82.46 0-166.88-20.03-238.41-63.04-43.41-26.11-87.19-59.88-122.59-99.96-45.15-48.58-72.01-108.99-92.07-170-18.22-55.44-27.52-114.25-30.5-173.27-2.19-21.46-38.28-53.67-57.43-68.73" stroke="$colour2" stroke-opacity=".2" stroke-width="4" />
<path d="m1920 1648c-89.63 0-181.38-22.78-259.12-71.71-47.19-29.69-94.77-68.09-133.24-113.68-49.07-55.26-78.27-123.97-100.07-193.36-19.8-63.05-29.91-129.95-33.15-197.07-2.38-24.41-41.6-61.05-62.42-78.18" stroke="$colour1" stroke-width="3" />
<path d="m1920 1648c-89.63 0-181.38-22.78-259.12-71.71-47.19-29.69-94.77-68.09-133.24-113.68-49.07-55.26-78.27-123.97-100.07-193.36-19.8-63.05-29.91-129.95-33.15-197.07-2.38-24.41-41.6-61.05-62.42-78.18" stroke="$colour4" stroke-opacity=".2" stroke-width="3" />
<path d="m1920 1648c-89.63 0-181.38-22.78-259.12-71.71-47.19-29.69-94.77-68.09-133.24-113.68-49.07-55.26-78.27-123.97-100.07-193.36-19.8-63.05-29.91-129.95-33.15-197.07-2.38-24.41-41.6-61.05-62.42-78.18" stroke="$light" stroke-opacity=".2" stroke-width="3" />
<path d="m1920 1684c-96.34 0-194.95-23.2-278.51-73.02-50.72-30.24-101.86-69.35-143.21-115.78-52.75-56.26-84.13-126.24-107.56-196.9-21.28-64.21-32.14-132.33-35.63-200.69-2.55-24.86-44.71-62.16-67.09-79.61" stroke="$colour1" stroke-width="2" />
<path d="m1920 1562c-74.23 0-150.22-17.31-214.61-54.49-39.08-22.57-78.49-51.75-110.36-86.4-40.64-41.99-64.82-94.21-82.87-146.94-16.41-47.91-24.78-98.75-27.46-149.76-1.97-18.55-34.46-46.39-51.7-59.41" stroke="$colour1" stroke-width="5" />
<path d="m1920 1562c-74.23 0-150.22-17.31-214.61-54.49-39.08-22.57-78.49-51.75-110.36-86.4-40.64-41.99-64.82-94.21-82.87-146.94-16.41-47.91-24.78-98.75-27.46-149.76-1.97-18.55-34.46-46.39-51.7-59.41" stroke="$colour2" stroke-opacity=".4" stroke-width="5" />
@ -54,7 +54,7 @@
<path d="m1920 474c174.94 0 342.71 65.97 466.41 183.4 123.7 117.42 78.6 98.42 177.59 200.6 85.72 88.48 268.91 118.38 387 145 67.14 15.13 94.82 39.05 0 64-71.96 18.93-227.21 39.01-415.8 53.08-317.76 23.69-511.09 27.92-615.2 27.92" stroke="$colour2" stroke-opacity=".2" stroke-width="3" />
<path d="m1920 356c225.74 0 442.23 81.43 601.86 226.39 159.62 144.95 191.99 248.89 334.94 307.1 142.95 58.23 355.3 85.75 439.42 113.27 50.96 16.67 78.71 59.46-58.66 92.09-89.43 21.24-287.69 41.84-523.71 58.68-410.02 29.25-659.51 34.47-793.85 34.47" stroke="$colour1" stroke-width="2" />
<mask id="e" x="1919" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#e)">
<path d="m1920 1359.5a299.76 299.76 0 0 0 212.13-88.01 300.76 300.76 0 0 0 85.89-177.99c1.31-11.4 22.98-28.5 34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -62,7 +62,7 @@
<path d="m1920 1605c82.46 0 166.88-20.03 238.41-63.04 43.41-26.11 87.19-59.88 122.59-99.96 45.15-48.58 72.01-108.99 92.07-170 18.22-55.44 27.52-114.25 30.5-173.27 2.19-21.46 38.28-53.67 57.43-68.73" stroke="$colour1" stroke-width="4" />
<path d="m1920 1605c82.46 0 166.88-20.03 238.41-63.04 43.41-26.11 87.19-59.88 122.59-99.96 45.15-48.58 72.01-108.99 92.07-170 18.22-55.44 27.52-114.25 30.5-173.27 2.19-21.46 38.28-53.67 57.43-68.73" stroke="$colour2" stroke-opacity=".2" stroke-width="4" />
<path d="m1920 1648c89.63 0 181.38-22.78 259.12-71.71 47.19-29.69 94.77-68.09 133.24-113.68 49.07-55.26 78.27-123.97 100.07-193.36 19.8-63.05 29.91-129.95 33.15-197.07 2.38-24.41 41.6-61.05 62.42-78.18" stroke="$colour1" stroke-width="3" />
<path d="m1920 1648c89.63 0 181.38-22.78 259.12-71.71 47.19-29.69 94.77-68.09 133.24-113.68 49.07-55.26 78.27-123.97 100.07-193.36 19.8-63.05 29.91-129.95 33.15-197.07 2.38-24.41 41.6-61.05 62.42-78.18" stroke="$colour4" stroke-opacity=".2" stroke-width="3" />
<path d="m1920 1648c89.63 0 181.38-22.78 259.12-71.71 47.19-29.69 94.77-68.09 133.24-113.68 49.07-55.26 78.27-123.97 100.07-193.36 19.8-63.05 29.91-129.95 33.15-197.07 2.38-24.41 41.6-61.05 62.42-78.18" stroke="$light" stroke-opacity=".2" stroke-width="3" />
<path d="m1920 1684c96.34 0 194.95-23.2 278.51-73.02 50.72-30.24 101.86-69.35 143.21-115.78 52.75-56.26 84.13-126.24 107.56-196.9 21.28-64.21 32.14-132.33 35.63-200.69 2.55-24.86 44.71-62.16 67.09-79.61" stroke="$colour1" stroke-width="2" />
<path d="m1920 1562c74.23 0 150.22-17.31 214.61-54.49 39.08-22.57 78.49-51.75 110.36-86.4 40.64-41.99 64.82-94.21 82.87-146.94 16.41-47.91 24.78-98.75 27.46-149.76 1.97-18.55 34.46-46.39 51.7-59.41" stroke="$colour1" stroke-width="5" />
<path d="m1920 1562c74.23 0 150.22-17.31 214.61-54.49 39.08-22.57 78.49-51.75 110.36-86.4 40.64-41.99 64.82-94.21 82.87-146.94 16.41-47.91 24.78-98.75 27.46-149.76 1.97-18.55 34.46-46.39 51.7-59.41" stroke="$colour2" stroke-opacity=".4" stroke-width="5" />
@ -76,10 +76,10 @@
</g>
<defs>
<clipPath id="d">
<path d="m0 0h1920v2160h-1920z" fill="$colour4" />
<path d="m0 0h1920v2160h-1920z" fill="$light" />
</clipPath>
<clipPath id="c">
<path d="m3840 0h-1920v2160h1920z" fill="$colour4" />
<path d="m3840 0h-1920v2160h1920z" fill="$light" />
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View File

@ -16,7 +16,7 @@
<path d="m1920 474c-174.94 0-342.71 65.97-466.41 183.4-123.7 117.42-78.6 98.42-177.59 200.6-85.72 88.48-268.91 118.38-387 145-67.14 15.13-94.82 39.05 0 64 71.96 18.93 227.21 39.01 415.8 53.08 317.76 23.69 511.09 27.92 615.2 27.92" stroke="$colour1" stroke-width="3" />
<path d="m1920 474c-174.94 0-342.71 65.97-466.41 183.4-123.7 117.42-78.6 98.42-177.59 200.6-85.72 88.48-268.91 118.38-387 145-67.14 15.13-94.82 39.05 0 64 71.96 18.93 227.21 39.01 415.8 53.08 317.76 23.69 511.09 27.92 615.2 27.92" stroke="$colour2" stroke-opacity=".2" stroke-width="3" />
<mask id="f" x="623" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#f)">
<path d="m1920 1359.5a299.76 299.76 0 0 1-212.13-88.01 300.76 300.76 0 0 1-85.89-177.99c-1.31-11.4-22.98-28.5-34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -24,7 +24,7 @@
<path d="m1920 1605c-82.46 0-166.88-20.03-238.41-63.04-43.41-26.11-87.19-59.88-122.59-99.96-45.15-48.58-72.01-108.99-92.07-170-18.22-55.44-27.52-114.25-30.5-173.27-2.19-21.46-38.28-53.67-57.43-68.73" stroke="$colour1" stroke-width="4" />
<path d="m1920 1605c-82.46 0-166.88-20.03-238.41-63.04-43.41-26.11-87.19-59.88-122.59-99.96-45.15-48.58-72.01-108.99-92.07-170-18.22-55.44-27.52-114.25-30.5-173.27-2.19-21.46-38.28-53.67-57.43-68.73" stroke="$colour2" stroke-opacity=".2" stroke-width="4" />
<path d="m1920 1648c-89.63 0-181.38-22.78-259.12-71.71-47.19-29.69-94.77-68.09-133.24-113.68-49.07-55.26-78.27-123.97-100.07-193.36-19.8-63.05-29.91-129.95-33.15-197.07-2.38-24.41-41.6-61.05-62.42-78.18" stroke="$colour1" stroke-width="3" />
<path d="m1920 1648c-89.63 0-181.38-22.78-259.12-71.71-47.19-29.69-94.77-68.09-133.24-113.68-49.07-55.26-78.27-123.97-100.07-193.36-19.8-63.05-29.91-129.95-33.15-197.07-2.38-24.41-41.6-61.05-62.42-78.18" stroke="$colour4" stroke-opacity=".2" stroke-width="3" />
<path d="m1920 1648c-89.63 0-181.38-22.78-259.12-71.71-47.19-29.69-94.77-68.09-133.24-113.68-49.07-55.26-78.27-123.97-100.07-193.36-19.8-63.05-29.91-129.95-33.15-197.07-2.38-24.41-41.6-61.05-62.42-78.18" stroke="$light" stroke-opacity=".2" stroke-width="3" />
<path d="m1920 1562c-74.23 0-150.22-17.31-214.61-54.49-39.08-22.57-78.49-51.75-110.36-86.4-40.64-41.99-64.82-94.21-82.87-146.94-16.41-47.91-24.78-98.75-27.46-149.76-1.97-18.55-34.46-46.39-51.7-59.41" stroke="$colour1" stroke-width="5" />
<path d="m1920 1562c-74.23 0-150.22-17.31-214.61-54.49-39.08-22.57-78.49-51.75-110.36-86.4-40.64-41.99-64.82-94.21-82.87-146.94-16.41-47.91-24.78-98.75-27.46-149.76-1.97-18.55-34.46-46.39-51.7-59.41" stroke="$colour2" stroke-opacity=".4" stroke-width="5" />
<path d="m1920 1521c-68.59 0-138.81-15.36-198.31-48.35-36.11-20.03-72.53-45.92-101.97-76.66-37.55-37.26-59.9-83.6-76.58-130.39-15.15-42.51-22.89-87.62-25.37-132.88-1.82-16.46-31.84-41.17-47.77-52.72" stroke="$colour1" stroke-width="6" />
@ -51,7 +51,7 @@
<path d="m1920 474c174.94 0 342.71 65.97 466.41 183.4 123.7 117.42 78.6 98.42 177.59 200.6 85.72 88.48 268.91 118.38 387 145 67.14 15.13 94.82 39.05 0 64-71.96 18.93-227.21 39.01-415.8 53.08-317.76 23.69-511.09 27.92-615.2 27.92" stroke="$colour1" stroke-width="3" />
<path d="m1920 474c174.94 0 342.71 65.97 466.41 183.4 123.7 117.42 78.6 98.42 177.59 200.6 85.72 88.48 268.91 118.38 387 145 67.14 15.13 94.82 39.05 0 64-71.96 18.93-227.21 39.01-415.8 53.08-317.76 23.69-511.09 27.92-615.2 27.92" stroke="$colour2" stroke-opacity=".2" stroke-width="3" />
<mask id="e" x="1919" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#e)">
<path d="m1920 1359.5a299.76 299.76 0 0 0 212.13-88.01 300.76 300.76 0 0 0 85.89-177.99c1.31-11.4 22.98-28.5 34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -59,7 +59,7 @@
<path d="m1920 1605c82.46 0 166.88-20.03 238.41-63.04 43.41-26.11 87.19-59.88 122.59-99.96 45.15-48.58 72.01-108.99 92.07-170 18.22-55.44 27.52-114.25 30.5-173.27 2.19-21.46 38.28-53.67 57.43-68.73" stroke="$colour1" stroke-width="4" />
<path d="m1920 1605c82.46 0 166.88-20.03 238.41-63.04 43.41-26.11 87.19-59.88 122.59-99.96 45.15-48.58 72.01-108.99 92.07-170 18.22-55.44 27.52-114.25 30.5-173.27 2.19-21.46 38.28-53.67 57.43-68.73" stroke="$colour2" stroke-opacity=".2" stroke-width="4" />
<path d="m1920 1648c89.63 0 181.38-22.78 259.12-71.71 47.19-29.69 94.77-68.09 133.24-113.68 49.07-55.26 78.27-123.97 100.07-193.36 19.8-63.05 29.91-129.95 33.15-197.07 2.38-24.41 41.6-61.05 62.42-78.18" stroke="$colour1" stroke-width="3" />
<path d="m1920 1648c89.63 0 181.38-22.78 259.12-71.71 47.19-29.69 94.77-68.09 133.24-113.68 49.07-55.26 78.27-123.97 100.07-193.36 19.8-63.05 29.91-129.95 33.15-197.07 2.38-24.41 41.6-61.05 62.42-78.18" stroke="$colour4" stroke-opacity=".2" stroke-width="3" />
<path d="m1920 1648c89.63 0 181.38-22.78 259.12-71.71 47.19-29.69 94.77-68.09 133.24-113.68 49.07-55.26 78.27-123.97 100.07-193.36 19.8-63.05 29.91-129.95 33.15-197.07 2.38-24.41 41.6-61.05 62.42-78.18" stroke="$light" stroke-opacity=".2" stroke-width="3" />
<path d="m1920 1562c74.23 0 150.22-17.31 214.61-54.49 39.08-22.57 78.49-51.75 110.36-86.4 40.64-41.99 64.82-94.21 82.87-146.94 16.41-47.91 24.78-98.75 27.46-149.76 1.97-18.55 34.46-46.39 51.7-59.41" stroke="$colour1" stroke-width="5" />
<path d="m1920 1562c74.23 0 150.22-17.31 214.61-54.49 39.08-22.57 78.49-51.75 110.36-86.4 40.64-41.99 64.82-94.21 82.87-146.94 16.41-47.91 24.78-98.75 27.46-149.76 1.97-18.55 34.46-46.39 51.7-59.41" stroke="$colour2" stroke-opacity=".4" stroke-width="5" />
<path d="m1920 1521c68.59 0 138.81-15.36 198.31-48.35 36.11-20.03 72.53-45.92 101.97-76.66 37.55-37.26 59.9-83.6 76.58-130.39 15.15-42.51 22.89-87.62 25.37-132.88 1.82-16.46 31.84-41.17 47.77-52.72" stroke="$colour1" stroke-width="6" />
@ -72,10 +72,10 @@
</g>
<defs>
<clipPath id="d">
<path d="m0 0h1920v2160h-1920z" fill="$colour4" />
<path d="m0 0h1920v2160h-1920z" fill="$light" />
</clipPath>
<clipPath id="c">
<path d="m3840 0h-1920v2160h1920z" fill="$colour4" />
<path d="m3840 0h-1920v2160h1920z" fill="$light" />
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -14,7 +14,7 @@
<path d="m1920 542c-153.32 0-300.36 58.24-408.77 161.9-108.42 103.66-84.97 94.4-171.73 184.6-75.13 78.11-225.5 106.5-329 130s-12.78 65.07 370.32 93.85c278.49 20.92 447.94 24.65 539.18 24.65" stroke="$colour1" stroke-width="4" />
<path d="m1920 542c-153.32 0-300.36 58.24-408.77 161.9-108.42 103.66-84.97 94.4-171.73 184.6-75.13 78.11-225.5 106.5-329 130s-12.78 65.07 370.32 93.85c278.49 20.92 447.94 24.65 539.18 24.65" stroke="$colour2" stroke-opacity=".2" stroke-width="4" />
<mask id="f" x="623" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#f)">
<path d="m1920 1359.5a299.76 299.76 0 0 1-212.13-88.01 300.76 300.76 0 0 1-85.89-177.99c-1.31-11.4-22.98-28.5-34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -45,7 +45,7 @@
<path d="m1920 542c153.32 0 300.36 58.24 408.77 161.9 108.42 103.66 84.97 94.4 171.73 184.6 75.13 78.11 225.5 106.5 329 130s12.78 65.07-370.32 93.85c-278.49 20.92-447.94 24.65-539.18 24.65" stroke="$colour1" stroke-width="4" />
<path d="m1920 542c153.32 0 300.36 58.24 408.77 161.9 108.42 103.66 84.97 94.4 171.73 184.6 75.13 78.11 225.5 106.5 329 130s12.78 65.07-370.32 93.85c-278.49 20.92-447.94 24.65-539.18 24.65" stroke="$colour2" stroke-opacity=".2" stroke-width="4" />
<mask id="e" x="1919" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#e)">
<path d="m1920 1359.5a299.76 299.76 0 0 0 212.13-88.01 300.76 300.76 0 0 0 85.89-177.99c1.31-11.4 22.98-28.5 34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -64,10 +64,10 @@
</g>
<defs>
<clipPath id="d">
<path d="m0 0h1920v2160h-1920z" fill="$colour4" />
<path d="m0 0h1920v2160h-1920z" fill="$light" />
</clipPath>
<clipPath id="c">
<path d="m3840 0h-1920v2160h1920z" fill="$colour4" />
<path d="m3840 0h-1920v2160h1920z" fill="$light" />
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -12,7 +12,7 @@
<path d="m1920 598c-133.65 0-261.82 51.97-356.33 144.49-94.5 92.5-144.67 170.51-157.17 187.01s-49.5 59-143.5 83.5c-105 27.37-261 66.35 187 94 243 15 390.47 22 470 22" stroke="$colour1" stroke-width="5" />
<path d="m1920 598c-133.65 0-261.82 51.97-356.33 144.49-94.5 92.5-144.67 170.51-157.17 187.01s-49.5 59-143.5 83.5c-105 27.37-261 66.35 187 94 243 15 390.47 22 470 22" stroke="$colour2" stroke-opacity=".4" stroke-width="5" />
<mask id="f" x="623" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#f)">
<path d="m1920 1359.5a299.76 299.76 0 0 1-212.13-88.01 300.76 300.76 0 0 1-85.89-177.99c-1.31-11.4-22.98-28.5-34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -39,7 +39,7 @@
<path d="m1920 598c133.65 0 261.82 51.97 356.33 144.49 94.5 92.5 144.67 170.51 157.17 187.01s49.5 59 143.5 83.5c105 27.37 261 66.35-187 94-243 15-390.47 22-470 22" stroke="$colour1" stroke-width="5" />
<path d="m1920 598c133.65 0 261.82 51.97 356.33 144.49 94.5 92.5 144.67 170.51 157.17 187.01s49.5 59 143.5 83.5c105 27.37 261 66.35-187 94-243 15-390.47 22-470 22" stroke="$colour2" stroke-opacity=".4" stroke-width="5" />
<mask id="e" x="1919" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#e)">
<path d="m1920 1359.5a299.76 299.76 0 0 0 212.13-88.01 300.76 300.76 0 0 0 85.89-177.99c1.31-11.4 22.98-28.5 34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -56,10 +56,10 @@
</g>
<defs>
<clipPath id="d">
<path d="m0 0h1920v2160h-1920z" fill="$colour4" />
<path d="m0 0h1920v2160h-1920z" fill="$light" />
</clipPath>
<clipPath id="c">
<path d="m3840 0h-1920v2160h1920z" fill="$colour4" />
<path d="m3840 0h-1920v2160h1920z" fill="$light" />
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -10,7 +10,7 @@
<path d="m1920 643c-121.21 0-237.46 46.88-323.17 130.34-85.71 83.45-117.83 170.66-160.33 215.66s-318.5 72 51.5 110c221.41 24.62 359.87 23 432 23" stroke="$colour1" stroke-width="6" />
<path d="m1920 643c-121.21 0-237.46 46.88-323.17 130.34-85.71 83.45-117.83 170.66-160.33 215.66s-318.5 72 51.5 110c221.41 24.62 359.87 23 432 23" stroke="$colour2" stroke-opacity=".4" stroke-width="6" />
<mask id="f" x="623" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#f)">
<path d="m1920 1359.5a299.76 299.76 0 0 1-212.13-88.01 300.76 300.76 0 0 1-85.89-177.99c-1.31-11.4-22.98-28.5-34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -33,7 +33,7 @@
<path d="m1920 643c121.21 0 237.46 46.88 323.17 130.34 85.71 83.45 117.83 170.66 160.33 215.66s318.5 72-51.5 110c-221.41 24.62-359.87 23-432 23" stroke="$colour1" stroke-width="6" />
<path d="m1920 643c121.21 0 237.46 46.88 323.17 130.34 85.71 83.45 117.83 170.66 160.33 215.66s318.5 72-51.5 110c-221.41 24.62-359.87 23-432 23" stroke="$colour2" stroke-opacity=".4" stroke-width="6" />
<mask id="e" x="1919" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#e)">
<path d="m1920 1359.5a299.76 299.76 0 0 0 212.13-88.01 300.76 300.76 0 0 0 85.89-177.99c1.31-11.4 22.98-28.5 34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -48,10 +48,10 @@
</g>
<defs>
<clipPath id="d">
<path d="m0 0h1920v2160h-1920z" fill="$colour4" />
<path d="m0 0h1920v2160h-1920z" fill="$light" />
</clipPath>
<clipPath id="c">
<path d="m3840 0h-1920v2160h1920z" fill="$colour4" />
<path d="m3840 0h-1920v2160h1920z" fill="$light" />
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -8,7 +8,7 @@
<path d="m1920 673c-112.12 0-219.64 43.36-298.92 120.54-79.27 77.18-114.08 176.96-149.68 213.95s-201.35 56.17 64.5 85.74c204.8 22.77 317.38 22.77 384.1 22.77" stroke="$colour1" stroke-width="7" />
<path d="m1920 673c-112.12 0-219.64 43.36-298.92 120.54-79.27 77.18-114.08 176.96-149.68 213.95s-201.35 56.17 64.5 85.74c204.8 22.77 317.38 22.77 384.1 22.77" stroke="$colour2" stroke-opacity=".6" stroke-width="7" />
<mask id="f" x="623" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#f)">
<path d="m1920 1359.5a299.76 299.76 0 0 1-212.13-88.01 300.76 300.76 0 0 1-85.89-177.99c-1.31-11.4-22.98-28.5-34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -27,7 +27,7 @@
<path d="m1920 673c112.12 0 219.64 43.36 298.92 120.54 79.27 77.18 114.08 176.96 149.68 213.95s201.35 56.17-64.5 85.74c-204.8 22.77-317.38 22.77-384.1 22.77" stroke="$colour1" stroke-width="7" />
<path d="m1920 673c112.12 0 219.64 43.36 298.92 120.54 79.27 77.18 114.08 176.96 149.68 213.95s201.35 56.17-64.5 85.74c-204.8 22.77-317.38 22.77-384.1 22.77" stroke="$colour2" stroke-opacity=".6" stroke-width="7" />
<mask id="e" x="1919" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#e)">
<path d="m1920 1359.5a299.76 299.76 0 0 0 212.13-88.01 300.76 300.76 0 0 0 85.89-177.99c1.31-11.4 22.98-28.5 34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -40,10 +40,10 @@
</g>
<defs>
<clipPath id="d">
<path d="m0 0h1920v2160h-1920z" fill="$colour4" />
<path d="m0 0h1920v2160h-1920z" fill="$light" />
</clipPath>
<clipPath id="c">
<path d="m3840 0h-1920v2160h1920z" fill="$colour4" />
<path d="m3840 0h-1920v2160h1920z" fill="$light" />
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -6,7 +6,7 @@
<path d="m1920 701c-101.58 0-199 39.98-270.82 111.15-71.83 71.17-110.18 165.85-141.18 204.85s-174.87 44.47 66 71.73c185.55 21 285.55 20.77 346 20.77" stroke="$colour1" stroke-width="8" />
<path d="m1920 701c-101.58 0-199 39.98-270.82 111.15-71.83 71.17-110.18 165.85-141.18 204.85s-174.87 44.47 66 71.73c185.55 21 285.55 20.77 346 20.77" stroke="$colour2" stroke-opacity=".8" stroke-width="8" />
<mask id="f" x="623" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c-176.81 0-348.03-2.28-510.62-6.56-1836.4 0 61.62 424.56 510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#f)">
<path d="m1920 1359.5a299.76 299.76 0 0 1-212.13-88.01 300.76 300.76 0 0 1-85.89-177.99c-1.31-11.4-22.98-28.5-34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -21,7 +21,7 @@
<path d="m1920 701c101.58 0 199 39.98 270.82 111.15 71.83 71.17 110.18 165.85 141.18 204.85s174.87 44.47-66 71.73c-185.55 21-285.55 20.77-346 20.77" stroke="$colour1" stroke-width="8" />
<path d="m1920 701c101.58 0 199 39.98 270.82 111.15 71.83 71.17 110.18 165.85 141.18 204.85s174.87 44.47-66 71.73c-185.55 21-285.55 20.77-346 20.77" stroke="$colour2" stroke-opacity=".8" stroke-width="8" />
<mask id="e" x="1919" y="1254" width="1298" height="436" maskUnits="userSpaceOnUse">
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$colour3" />
<path d="m1920 1261c176.81 0 348.03-2.28 510.62-6.56 1836.4 0-61.62 424.56-510.62 435.56z" fill="$shadow" />
</mask>
<g mask="url(#e)">
<path d="m1920 1359.5a299.76 299.76 0 0 0 212.13-88.01 300.76 300.76 0 0 0 85.89-177.99c1.31-11.4 22.98-28.5 34.48-36.5" stroke="$colour1" stroke-width="10" />
@ -32,10 +32,10 @@
</g>
<defs>
<clipPath id="d">
<path d="m0 0h1920v2160h-1920z" fill="$colour4" />
<path d="m0 0h1920v2160h-1920z" fill="$light" />
</clipPath>
<clipPath id="c">
<path d="m3840 0h-1920v2160h1920z" fill="$colour4" />
<path d="m3840 0h-1920v2160h1920z" fill="$light" />
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB