aboutsummaryrefslogtreecommitdiffstats
path: root/subprojects
diff options
context:
space:
mode:
authorLibravatar Kristóf Marussy <kristof@marussy.com>2024-04-16 21:00:37 +0200
committerLibravatar Kristóf Marussy <kristof@marussy.com>2024-04-18 17:00:12 +0200
commit9e202ee524f7fd4657be343c2c020c8e5191180f (patch)
tree02787b98f5490d48fa03577ed589f03c20cdc878 /subprojects
parentdocs: contributing guide (diff)
downloadrefinery-9e202ee524f7fd4657be343c2c020c8e5191180f.tar.gz
refinery-9e202ee524f7fd4657be343c2c020c8e5191180f.tar.zst
refinery-9e202ee524f7fd4657be343c2c020c8e5191180f.zip
docs: update landing page
Diffstat (limited to 'subprojects')
-rw-r--r--subprojects/docs/src/components/Features/fi1.svg1
-rw-r--r--subprojects/docs/src/components/Features/fi1.svg.license4
-rw-r--r--subprojects/docs/src/components/Features/fi2.svg1
-rw-r--r--subprojects/docs/src/components/Features/fi2.svg.license4
-rw-r--r--subprojects/docs/src/components/Features/fi3.svg1
-rw-r--r--subprojects/docs/src/components/Features/fi3.svg.license4
-rw-r--r--subprojects/docs/src/components/Features/fi4.svg1
-rw-r--r--subprojects/docs/src/components/Features/fi4.svg.license4
-rw-r--r--subprojects/docs/src/components/Features/fi5.svg1
-rw-r--r--subprojects/docs/src/components/Features/fi5.svg.license4
-rw-r--r--subprojects/docs/src/components/Features/index.module.css126
-rw-r--r--subprojects/docs/src/components/Features/index.tsx114
-rw-r--r--subprojects/docs/src/css/custom.css2
-rw-r--r--subprojects/docs/src/css/sr-only.css22
-rw-r--r--subprojects/docs/src/pages/index.module.css4
-rw-r--r--subprojects/docs/src/pages/index.tsx166
16 files changed, 458 insertions, 1 deletions
diff --git a/subprojects/docs/src/components/Features/fi1.svg b/subprojects/docs/src/components/Features/fi1.svg
new file mode 100644
index 00000000..0acaf3f0
--- /dev/null
+++ b/subprojects/docs/src/components/Features/fi1.svg
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="356" height="356" viewBox="0 0 356 356"><path d="M293.85 121c22.865 39.603 22.865 88.397 0 128S228.729 313 183 313v-79.879l6.248-.63c25.813-5.282 45.23-28.12 45.23-55.495 0-3.91-.397-7.728-1.151-11.416l-2.537-8.17zM178 48c45.791 0 88.104 24.369 111 63.928l-62.474 35.981-1.387-2.55c-10.194-15.051-27.456-24.947-47.035-24.947s-36.841 9.896-47.035 24.947L129.632 148 67 111.928C89.896 72.37 132.209 48 178 48zM61.149 121l63.238 36.51-2.505 8.07a57 57 0 0 0-1.15 11.416c0 27.375 19.416 50.213 45.23 55.495l6.04.609V313c-45.73 0-87.987-24.397-110.85-64-22.866-39.603-22.866-88.397 0-128z" class="fibackground"/><path d="M184.177 125.99c8.187 0 14.824-6.385 14.824-14.261v-.476c0-7.877-6.637-14.262-14.824-14.262h-12.353c-8.187 0-14.823 6.386-14.823 14.262v.476c0 7.876 6.637 14.262 14.823 14.262z" class="fiforeground"/><path d="M171.824 127.99c-9.227 0-16.824-7.261-16.824-16.262v-.476c0-9 7.598-16.262 16.824-16.262h12.354c9.227 0 16.822 7.261 16.822 16.262v.476c0 9-7.595 16.262-16.822 16.262zm0-4h12.354c7.147 0 12.822-5.508 12.822-12.262v-.476c0-6.754-5.675-12.262-12.822-12.262h-12.354c-7.147 0-12.824 5.508-12.824 12.262v.476c0 6.754 5.678 12.262 12.824 12.262" class="fiforeground"/><path d="M184.177 125.99c8.187 0 14.824-6.385 14.824-14.261v-.476c0-7.877-6.637-14.262-14.824-14.262h-12.353c-8.187 0-14.823 6.386-14.823 14.262v.476c0 7.876 6.637 14.262 14.823 14.262z" class="fiforeground"/><path d="M171.824 127.99c-9.227 0-16.824-7.261-16.824-16.262v-.476c0-9 7.598-16.262 16.824-16.262h12.354c9.227 0 16.822 7.261 16.822 16.262v.476c0 9-7.595 16.262-16.822 16.262zm0-4h12.354c7.147 0 12.822-5.508 12.822-12.262v-.476c0-6.754-5.675-12.262-12.822-12.262h-12.354c-7.147 0-12.824 5.508-12.824 12.262v.476c0 6.754 5.678 12.262 12.824 12.262M120.177 54.99c8.187 0 14.824-6.385 14.824-14.261v-.476c0-7.877-6.637-14.262-14.824-14.262h-12.353c-8.187 0-14.823 6.386-14.823 14.262v.476c0 7.876 6.637 14.262 14.823 14.262z" class="fiforeground"/><path d="M107.824 56.99C98.597 56.99 91 49.73 91 40.728v-.476c0-9 7.598-16.262 16.824-16.262h12.354c9.227 0 16.822 7.261 16.822 16.262v.476c0 9-7.595 16.262-16.822 16.262zm0-4h12.354c7.147 0 12.822-5.508 12.822-12.262v-.476c0-6.754-5.675-12.262-12.822-12.262h-12.354C100.677 27.99 95 33.498 95 40.252v.476c0 6.754 5.678 12.262 12.824 12.262" class="fiforeground"/><path d="M120.177 54.99c8.187 0 14.824-6.385 14.824-14.261v-.476c0-7.877-6.637-14.262-14.824-14.262h-12.353c-8.187 0-14.823 6.386-14.823 14.262v.476c0 7.876 6.637 14.262 14.823 14.262z" class="fiforeground"/><path d="M107.824 56.99C98.597 56.99 91 49.73 91 40.728v-.476c0-9 7.598-16.262 16.824-16.262h12.354c9.227 0 16.822 7.261 16.822 16.262v.476c0 9-7.595 16.262-16.822 16.262zm0-4h12.354c7.147 0 12.822-5.508 12.822-12.262v-.476c0-6.754-5.675-12.262-12.822-12.262h-12.354C100.677 27.99 95 33.498 95 40.252v.476c0 6.754 5.678 12.262 12.824 12.262M166 97.99c-8.712-9.286-20.675-22.007-31-33" class="fiforeground"/><path d="M164.541 99.36c-8.711-9.286-20.672-22.008-30.998-33l2.916-2.739c10.324 10.992 22.286 23.714 31 33.002zM138 62.23l-10-5.24 4.353 10z" class="fiforeground"/><path d="m131.59 70.25-7.688-17.664 17.664 9.254zm1.525-6.518 1.32-1.113-2.335-1.223zM184.177 54.99c8.187 0 14.824-6.385 14.824-14.261v-.476c0-7.877-6.637-14.262-14.824-14.262h-12.353c-8.187 0-14.823 6.386-14.823 14.262v.476c0 7.876 6.637 14.262 14.823 14.262z" class="fiforeground"/><path d="M171.824 56.99C162.597 56.99 155 49.73 155 40.728v-.476c0-9 7.598-16.262 16.824-16.262h12.354c9.227 0 16.822 7.261 16.822 16.262v.476c0 9-7.595 16.262-16.822 16.262zm0-4h12.354c7.147 0 12.822-5.508 12.822-12.262v-.476c0-6.754-5.675-12.262-12.822-12.262h-12.354c-7.147 0-12.824 5.508-12.824 12.262v.476c0 6.754 5.678 12.262 12.824 12.262" class="fiforeground"/><path d="M184.177 54.99c8.187 0 14.824-6.385 14.824-14.261v-.476c0-7.877-6.637-14.262-14.824-14.262h-12.353c-8.187 0-14.823 6.386-14.823 14.262v.476c0 7.876 6.637 14.262 14.823 14.262z" class="fiforeground"/><path d="M171.824 56.99C162.597 56.99 155 49.73 155 40.728v-.476c0-9 7.598-16.262 16.824-16.262h12.354c9.227 0 16.822 7.261 16.822 16.262v.476c0 9-7.595 16.262-16.822 16.262zm0-4h12.354c7.147 0 12.822-5.508 12.822-12.262v-.476c0-6.754-5.675-12.262-12.822-12.262h-12.354c-7.147 0-12.824 5.508-12.824 12.262v.476c0 6.754 5.678 12.262 12.824 12.262M176 97.99v-30h4v30z" class="fiforeground"/><path d="m182 67.991-4-10-4 10z" class="fiforeground"/><path d="M171.047 69.99 178 52.605l6.955 17.385zm5.908-4h2.092L178 63.377zM248.177 54.99c8.187 0 14.824-6.385 14.824-14.261v-.476c0-7.877-6.637-14.262-14.824-14.262h-12.353c-8.187 0-14.823 6.386-14.823 14.262v.476c0 7.876 6.637 14.262 14.823 14.262z" class="fiforeground"/><path d="M235.824 56.99C226.597 56.99 219 49.73 219 40.728v-.476c0-9 7.598-16.262 16.824-16.262h12.354c9.227 0 16.822 7.261 16.822 16.262v.476c0 9-7.595 16.262-16.822 16.262zm0-4h12.354c7.147 0 12.822-5.508 12.822-12.262v-.476c0-6.754-5.675-12.262-12.822-12.262h-12.354c-7.147 0-12.824 5.508-12.824 12.262v.476c0 6.754 5.678 12.262 12.824 12.262" class="fiforeground"/><path d="M248.177 54.99c8.187 0 14.824-6.385 14.824-14.261v-.476c0-7.877-6.637-14.262-14.824-14.262h-12.353c-8.187 0-14.823 6.386-14.823 14.262v.476c0 7.876 6.637 14.262 14.823 14.262z" class="fiforeground"/><path d="M235.824 56.99C226.597 56.99 219 49.73 219 40.728v-.476c0-9 7.598-16.262 16.824-16.262h12.354c9.227 0 16.822 7.261 16.822 16.262v.476c0 9-7.595 16.262-16.822 16.262zm0-4h12.354c7.147 0 12.822-5.508 12.822-12.262v-.476c0-6.754-5.675-12.262-12.822-12.262h-12.354c-7.147 0-12.824 5.508-12.824 12.262v.476c0 6.754 5.678 12.262 12.824 12.262M190 97.99c8.713-9.286 20.675-22.007 31-33" class="fiforeground"/><path d="m191.459 99.36-2.918-2.737c8.714-9.288 20.678-22.01 31.002-33.002l2.916 2.738c-10.325 10.993-22.289 23.715-31 33M223.648 66.99l4.352-10-10 5.24z" class="fiforeground"/><path d="m224.41 70.25-9.974-8.41 17.664-9.254zm-1.525-6.518 1.017-2.338-2.335 1.225zM46.117 137.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z" class="fiforeground"/><path d="M57.883 135.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754H46.117c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4H46.117c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754" class="fiforeground"/><path d="M46.117 137.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z" class="fiforeground"/><path d="M57.883 135.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754H46.117c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4H46.117c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754M108.117 286.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z" class="fiforeground"/><path d="M119.883 284.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754h-11.766c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4h-11.766c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754" class="fiforeground"/><path d="M108.117 286.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z" class="fiforeground"/><path d="M119.883 284.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754h-11.766c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4h-11.766c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754M46.117 212.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z" class="fiforeground"/><path d="M57.883 210.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754H46.117c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4H46.117c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754" class="fiforeground"/><path d="M46.117 212.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z" class="fiforeground"/><path d="M57.883 210.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754H46.117c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4H46.117c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754M54 167.016v31h-4v-31z" class="fiforeground"/><path d="m49 197.016 3.5 11 3.5-11z" class="fiforeground"/><path d="M58.734 195.016 52.5 214.612l-6.236-19.596zm-5.468 4h-1.532l.766 2.404zM64 241.016c8.15 9.85 19.341 23.342 29 35" class="fiforeground"/><path d="M65.541 239.74c8.15 9.848 19.339 23.341 28.998 35l-3.08 2.551c-9.659-11.658-20.848-25.149-29-35z" class="fiforeground"/><path d="m90 278.253 10 5.763-4.353-11z" class="fiforeground"/><path d="m96.432 269.563 7.537 19.05-17.318-9.982zm-1.569 6.908-1.513 1.404 2.681 1.545zM46.117 286.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z" class="fiforeground"/><path d="M57.883 284.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754H46.117c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4H46.117c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754" class="fiforeground"/><path d="M46.117 286.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z" class="fiforeground"/><path d="M57.883 284.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754H46.117c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4H46.117c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754M59 241.016c.894 8.736 1.192 20.372.88 31" class="fiforeground"/><path d="M60.99 240.813c.908 8.87 1.204 20.554.889 31.262l-3.998-.118c.31-10.547.01-22.136-.871-30.738zM57 272.015l2.47 11L64 272.772z" class="fiforeground"/><path d="m54.436 269.727 12.5 1.351-8.088 18.291zm5.128 4.578.53 2.357.968-2.195zM46 287.016c-1.81-8.994-2.388-21.037-1.75-32" class="fiforeground"/><path d="m42.254 254.9 3.992.233c-.628 10.808-.042 22.752 1.715 31.488l-3.922.789c-1.86-9.252-2.432-21.392-1.785-32.51z" class="fiforeground"/><path d="m49 257.016-3.177-13L40 256.108z" class="fiforeground"/><path d="m46.441 238.121 5.172 21.168-14.654-1.476zm-1.236 11.787-2.166 4.496 3.346.338zM314.88 146.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z" class="fiforeground"/><path d="M303.12 144.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H303.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754" class="fiforeground"/><path d="M314.88 146.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z" class="fiforeground"/><path d="M303.12 144.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H303.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754M252.88 295.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z" class="fiforeground"/><path d="M241.12 293.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H241.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754" class="fiforeground"/><path d="M252.88 295.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z" class="fiforeground"/><path d="M241.12 293.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H241.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754M252.88 221.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z" class="fiforeground"/><path d="M241.12 219.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H241.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754" class="fiforeground"/><path d="M252.88 221.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z" class="fiforeground"/><path d="M241.12 219.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H241.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754M297 176.02c-8.15 9.568-19.341 22.675-29 34.001" class="fiforeground"/><path d="M295.48 174.72c-8.149 9.566-19.338 22.673-28.998 34l3.043 2.596c9.658-11.325 20.851-24.432 29.002-34.002z" class="fiforeground"/><path d="m271 212.25-10 5.763 4.353-11z" class="fiforeground"/><path d="m264.57 203.56-7.537 19.051 17.318-9.98zm1.568 6.91 1.514 1.405-2.681 1.544zM314.88 221.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z" class="fiforeground"/><path d="M303.12 219.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H303.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754" class="fiforeground"/><path d="M314.88 221.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z" class="fiforeground"/><path d="M303.12 219.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H303.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754M302 176.02c-.894 8.736-1.192 20.372-.879 31" class="fiforeground"/><path d="M300.01 175.81c-.908 8.87-1.204 20.553-.889 31.262l4-.117c-.31-10.548-.01-22.136.87-30.738z" class="fiforeground"/><path d="m304 206.02-2.472 11.001-4.529-10.244z" class="fiforeground"/><path d="m306.56 203.73-12.5 1.352 8.086 18.29zm-5.129 4.578-.53 2.358-.97-2.196zM245 250.02v31h4v-31zM251 281.02l-3.501 11-3.5-11z" class="fiforeground"/><path d="m241.27 279.02 6.234 19.596 6.237-19.596zm5.469 4h1.531l-.766 2.404zM315 221.02c1.808-8.713 2.387-20.38 1.749-31" class="fiforeground"/><path d="m318.75 189.9-3.992.24c.628 10.46.042 22.024-1.711 30.473l3.916.813c1.863-8.978 2.435-20.746 1.787-31.525z" class="fiforeground"/><path d="m312 191.02 2.824-12L320 190.182z" class="fiforeground"/><path d="m314.2 172.92-4.795 20.375 13.584-1.422zm1.242 12.186 1.563 3.371-2.416.254z" class="fiforeground"/></svg>
diff --git a/subprojects/docs/src/components/Features/fi1.svg.license b/subprojects/docs/src/components/Features/fi1.svg.license
new file mode 100644
index 00000000..15aca74d
--- /dev/null
+++ b/subprojects/docs/src/components/Features/fi1.svg.license
@@ -0,0 +1,4 @@
1SPDX-FileCopyrightText: 2024 The Refinery Authors <https://refinery.tools/>
2
3SPDX-License-Identifier: EPL-2.0
4
diff --git a/subprojects/docs/src/components/Features/fi2.svg b/subprojects/docs/src/components/Features/fi2.svg
new file mode 100644
index 00000000..c1cba58d
--- /dev/null
+++ b/subprojects/docs/src/components/Features/fi2.svg
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="356" height="356" viewBox="0 0 356 356"><path d="M639 181.35c19.279 0 37.645-3.906 54.351-10.97l8.286-3.991L639 49.999l-62.637 116.39 8.287 3.991c16.706 7.064 35.072 10.97 54.35 10.97zM646.318 312h133.68l-72.851-135.37-9.271 4.465a150.3 150.3 0 0 1-43.412 11.103l-8.148.412zm-148.32 0h137.6V192.81l-12.061-.609a150.3 150.3 0 0 1-43.412-11.103l-9.27-4.465z" class="fibackground" transform="translate(-461 -10)"/><g class="fiforeground"><path d="M61.88 224.98c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.321-14.755-14.118-14.755H50.115c-7.797 0-14.118 6.606-14.118 14.755v.491c0 8.149 6.321 14.754 14.118 14.754z"/><path d="M50.12 226.98c-8.926 0-16.117-7.57-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754h11.766c8.927 0 16.119 7.57 16.119 16.754v.492c0 9.183-7.193 16.754-16.119 16.754zm0-4h11.766c6.668 0 12.119-5.64 12.119-12.754v-.492c0-7.115-5.452-12.754-12.119-12.754H50.12c-6.667 0-12.117 5.639-12.117 12.754v.492c0 7.115 5.45 12.754 12.117 12.754"/><path d="M61.88 224.98c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.321-14.755-14.118-14.755H50.115c-7.797 0-14.118 6.606-14.118 14.755v.491c0 8.149 6.321 14.754 14.118 14.754z"/><path d="M50.12 226.98c-8.926 0-16.117-7.57-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754h11.766c8.927 0 16.119 7.57 16.119 16.754v.492c0 9.183-7.193 16.754-16.119 16.754zm0-4h11.766c6.668 0 12.119-5.64 12.119-12.754v-.492c0-7.115-5.452-12.754-12.119-12.754H50.12c-6.667 0-12.117 5.639-12.117 12.754v.492c0 7.115 5.45 12.754 12.117 12.754M61.88 287.984c7.797 0 14.118-6.826 14.118-15.246v-.508c0-8.42-6.321-15.246-14.118-15.246H50.115c-7.797 0-14.118 6.826-14.118 15.246v.508c0 8.42 6.321 15.246 14.118 15.246z"/><path d="M50.12 289.984c-8.964 0-16.117-7.825-16.117-17.246v-.508c0-9.42 7.153-17.246 16.117-17.246h11.766c8.964 0 16.119 7.825 16.119 17.246v.508c0 9.421-7.155 17.246-16.119 17.246zm0-4h11.766c6.63 0 12.119-5.827 12.119-13.246v-.508c0-7.419-5.49-13.246-12.119-13.246H50.12c-6.63 0-12.117 5.827-12.117 13.246v.508c0 7.42 5.488 13.246 12.117 13.246"/><path d="M61.88 287.984c7.797 0 14.118-6.826 14.118-15.246v-.508c0-8.42-6.321-15.246-14.118-15.246H50.115c-7.797 0-14.118 6.826-14.118 15.246v.508c0 8.42 6.321 15.246 14.118 15.246z"/><path d="M50.12 289.984c-8.964 0-16.117-7.825-16.117-17.246v-.508c0-9.42 7.153-17.246 16.117-17.246h11.766c8.964 0 16.119 7.825 16.119 17.246v.508c0 9.421-7.155 17.246-16.119 17.246zm0-4h11.766c6.63 0 12.119-5.827 12.119-13.246v-.508c0-7.419-5.49-13.246-12.119-13.246H50.12c-6.63 0-12.117 5.827-12.117 13.246v.508c0 7.42 5.488 13.246 12.117 13.246"/></g><path d="M54 269.98v-31h4v31z" class="fiforeground"/><g class="fiforeground"><path d="m59 239.98-3.5-11-3.5 11z"/><path d="m49.27 241.98 6.234-19.596 6.235 19.596zm5.469-4h1.531l-.766-2.404zM147.88 287.984c7.797 0 14.118-6.826 14.118-15.246v-.508c0-8.42-6.321-15.246-14.118-15.246h-11.765c-7.797 0-14.118 6.826-14.118 15.246v.508c0 8.42 6.321 15.246 14.118 15.246z"/><path d="M136.12 289.984c-8.964 0-16.117-7.825-16.117-17.246v-.508c0-9.42 7.153-17.246 16.117-17.246h11.766c8.964 0 16.119 7.825 16.119 17.246v.508c0 9.421-7.155 17.246-16.119 17.246zm0-4h11.766c6.63 0 12.119-5.827 12.119-13.246v-.508c0-7.419-5.49-13.246-12.119-13.246H136.12c-6.63 0-12.117 5.827-12.117 13.246v.508c0 7.42 5.488 13.246 12.117 13.246"/><path d="M147.88 287.984c7.797 0 14.118-6.826 14.118-15.246v-.508c0-8.42-6.321-15.246-14.118-15.246h-11.765c-7.797 0-14.118 6.826-14.118 15.246v.508c0 8.42 6.321 15.246 14.118 15.246z"/><path d="M136.12 289.984c-8.964 0-16.117-7.825-16.117-17.246v-.508c0-9.42 7.153-17.246 16.117-17.246h11.766c8.964 0 16.119 7.825 16.119 17.246v.508c0 9.421-7.155 17.246-16.119 17.246zm0-4h11.766c6.63 0 12.119-5.827 12.119-13.246v-.508c0-7.419-5.49-13.246-12.119-13.246H136.12c-6.63 0-12.117 5.827-12.117 13.246v.508c0 7.42 5.488 13.246 12.117 13.246"/></g><path d="M76.02 274v-4h31v4z" class="fiforeground"/><g class="fiforeground"><path d="m106.02 276 11-3.5-11-3.5z"/><path d="M104.02 278.736v-12.471l19.596 6.234zm4-5.47 2.404-.766-2.404-.766zM222.88 229.98c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.321-14.755-14.118-14.755h-11.765c-7.797 0-14.118 6.606-14.118 14.755v.491c0 8.149 6.321 14.754 14.118 14.754z"/><path d="M211.12 231.98c-8.926 0-16.117-7.57-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754h11.766c8.927 0 16.119 7.57 16.119 16.754v.492c0 9.183-7.193 16.754-16.119 16.754zm0-4h11.766c6.668 0 12.119-5.64 12.119-12.754v-.492c0-7.115-5.452-12.754-12.119-12.754H211.12c-6.667 0-12.117 5.639-12.117 12.754v.492c0 7.115 5.45 12.754 12.117 12.754"/><path d="M222.88 229.98c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.321-14.755-14.118-14.755h-11.765c-7.797 0-14.118 6.606-14.118 14.755v.491c0 8.149 6.321 14.754 14.118 14.754z"/><path d="M211.12 231.98c-8.926 0-16.117-7.57-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754h11.766c8.927 0 16.119 7.57 16.119 16.754v.492c0 9.183-7.193 16.754-16.119 16.754zm0-4h11.766c6.668 0 12.119-5.64 12.119-12.754v-.492c0-7.115-5.452-12.754-12.119-12.754H211.12c-6.667 0-12.117 5.639-12.117 12.754v.492c0 7.115 5.45 12.754 12.117 12.754M222.88 291.984c7.797 0 14.118-6.606 14.118-14.754v-.492c0-8.148-6.321-14.754-14.118-14.754h-11.765c-7.797 0-14.118 6.606-14.118 14.754v.492c0 8.148 6.321 14.754 14.118 14.754z"/><path d="M211.12 293.984c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754h11.766c8.927 0 16.119 7.57 16.119 16.754v.492c0 9.183-7.193 16.754-16.119 16.754zm0-4h11.766c6.667 0 12.119-5.64 12.119-12.754v-.492c0-7.114-5.452-12.754-12.119-12.754H211.12c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754"/><path d="M222.88 291.984c7.797 0 14.118-6.606 14.118-14.754v-.492c0-8.148-6.321-14.754-14.118-14.754h-11.765c-7.797 0-14.118 6.606-14.118 14.754v.492c0 8.148 6.321 14.754 14.118 14.754z"/><path d="M211.12 293.984c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754h11.766c8.927 0 16.119 7.57 16.119 16.754v.492c0 9.183-7.193 16.754-16.119 16.754zm0-4h11.766c6.667 0 12.119-5.64 12.119-12.754v-.492c0-7.114-5.452-12.754-12.119-12.754H211.12c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754"/></g><path d="M215 274.98v-31h4v31z" class="fiforeground"/><g class="fiforeground"><path d="m220 243.98-3.5-11-3.5 11z"/><path d="m210.27 245.98 6.234-19.596 6.235 19.596zm5.469-4h1.531l-.766-2.404zM308.88 229.98c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.321-14.755-14.118-14.755h-11.765c-7.797 0-14.118 6.606-14.118 14.755v.491c0 8.149 6.321 14.754 14.118 14.754z"/><path d="M297.12 231.98c-8.926 0-16.117-7.57-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754h11.766c8.927 0 16.119 7.57 16.119 16.754v.492c0 9.183-7.193 16.754-16.119 16.754zm0-4h11.766c6.668 0 12.119-5.64 12.119-12.754v-.492c0-7.115-5.452-12.754-12.119-12.754H297.12c-6.667 0-12.117 5.639-12.117 12.754v.492c0 7.115 5.45 12.754 12.117 12.754"/><path d="M308.88 229.98c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.321-14.755-14.118-14.755h-11.765c-7.797 0-14.118 6.606-14.118 14.755v.491c0 8.149 6.321 14.754 14.118 14.754z"/><path d="M297.12 231.98c-8.926 0-16.117-7.57-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754h11.766c8.927 0 16.119 7.57 16.119 16.754v.492c0 9.183-7.193 16.754-16.119 16.754zm0-4h11.766c6.668 0 12.119-5.64 12.119-12.754v-.492c0-7.115-5.452-12.754-12.119-12.754H297.12c-6.667 0-12.117 5.639-12.117 12.754v.492c0 7.115 5.45 12.754 12.117 12.754"/></g><path d="M237.02 217v-4h31v4z" class="fiforeground"/><g class="fiforeground"><path d="m267.02 218 11-3.501-11-3.5z"/><path d="M265.02 220.74v-12.471l19.596 6.234zm4-5.47 2.404-.766-2.404-.766zM140.53 72.98c7.992 0 14.471-6.605 14.471-14.754v-.491c0-8.149-6.479-14.755-14.471-14.755h-12.059c-7.992 0-14.471 6.606-14.471 14.755v.491c0 8.149 6.479 14.754 14.471 14.754z"/><path d="M128.47 74.98c-9.094 0-16.471-7.545-16.471-16.754v-.492c0-9.21 7.377-16.754 16.471-16.754h12.059c9.094 0 16.473 7.545 16.473 16.754v.492c0 9.21-7.379 16.754-16.473 16.754zm0-4h12.059c6.89 0 12.473-5.665 12.473-12.754v-.492c0-7.09-5.583-12.754-12.473-12.754H128.47c-6.89 0-12.471 5.665-12.471 12.754v.492c0 7.089 5.58 12.754 12.471 12.754"/><path d="M140.53 72.98c7.992 0 14.471-6.605 14.471-14.754v-.491c0-8.149-6.479-14.755-14.471-14.755h-12.059c-7.992 0-14.471 6.606-14.471 14.755v.491c0 8.149 6.479 14.754 14.471 14.754z"/><path d="M128.47 74.98c-9.094 0-16.471-7.545-16.471-16.754v-.492c0-9.21 7.377-16.754 16.471-16.754h12.059c9.094 0 16.473 7.545 16.473 16.754v.492c0 9.21-7.379 16.754-16.473 16.754zm0-4h12.059c6.89 0 12.473-5.665 12.473-12.754v-.492c0-7.09-5.583-12.754-12.473-12.754H128.47c-6.89 0-12.471 5.665-12.471 12.754v.492c0 7.089 5.58 12.754 12.471 12.754M140.53 134.98c7.992 0 14.471-6.605 14.471-14.754v-.491c0-8.149-6.479-14.755-14.471-14.755h-12.059c-7.992 0-14.471 6.606-14.471 14.755v.491c0 8.149 6.479 14.754 14.471 14.754z"/><path d="M128.47 136.98c-9.094 0-16.471-7.545-16.471-16.754v-.492c0-9.21 7.377-16.754 16.471-16.754h12.059c9.094 0 16.473 7.545 16.473 16.754v.492c0 9.21-7.379 16.754-16.473 16.754zm0-4h12.059c6.89 0 12.473-5.665 12.473-12.754v-.492c0-7.09-5.583-12.754-12.473-12.754H128.47c-6.89 0-12.471 5.665-12.471 12.754v.492c0 7.089 5.58 12.754 12.471 12.754"/><path d="M140.53 134.98c7.992 0 14.471-6.605 14.471-14.754v-.491c0-8.149-6.479-14.755-14.471-14.755h-12.059c-7.992 0-14.471 6.606-14.471 14.755v.491c0 8.149 6.479 14.754 14.471 14.754z"/><path d="M128.47 136.98c-9.094 0-16.471-7.545-16.471-16.754v-.492c0-9.21 7.377-16.754 16.471-16.754h12.059c9.094 0 16.473 7.545 16.473 16.754v.492c0 9.21-7.379 16.754-16.473 16.754zm0-4h12.059c6.89 0 12.473-5.665 12.473-12.754v-.492c0-7.09-5.583-12.754-12.473-12.754H128.47c-6.89 0-12.471 5.665-12.471 12.754v.492c0 7.089 5.58 12.754 12.471 12.754"/></g><path d="M133 117.98v-31h4v31z" class="fiforeground"/><g class="fiforeground"><path d="m138 86.99-3.5-10-3.5 10z"/><path d="m128.18 88.99 6.318-18.055 6.319 18.055zm5.639-4h1.36l-.68-1.943z"/></g><path d="M215.12 74.984c-8.926 0-16.117-7.57-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754h11.766c8.927 0 16.119 7.57 16.119 16.754v.492c0 9.183-7.193 16.754-16.119 16.754zm0-4h11.766c6.668 0 12.119-5.64 12.119-12.754v-.492c0-7.115-5.452-12.754-12.119-12.754H215.12c-6.667 0-12.117 5.639-12.117 12.754v.492c0 7.115 5.45 12.754 12.117 12.754" class="fiforeground"/><path class="fiempty" d="M226.88 134.98c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.321-14.755-14.118-14.755h-11.765c-7.797 0-14.118 6.606-14.118 14.755v.491c0 8.149 6.321 14.754 14.118 14.754z"/><path d="M215.12 136.98c-8.926 0-16.117-7.57-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754h11.766c8.927 0 16.119 7.57 16.119 16.754v.492c0 9.183-7.193 16.754-16.119 16.754zm0-4h11.766c6.668 0 12.119-5.64 12.119-12.754v-.492c0-7.115-5.452-12.754-12.119-12.754H215.12c-6.667 0-12.117 5.639-12.117 12.754v.492c0 7.115 5.45 12.754 12.117 12.754" class="fiforeground"/><path stroke-dasharray="4, 4" d="M155.02 122v-4h4v4zm8 0v-4h4v4zm8 0v-4h4v4zm8 0v-4h4v4z" class="fiforeground"/><g class="fiforeground"><path d="m185.02 124 11-3.501-11-3.5z"/><path d="M183.02 126.74v-12.471l19.596 6.234zm4-5.47 2.404-.766-2.404-.766z"/></g><path stroke-dasharray="4, 4" d="M155.02 60v-4h4v4zm8 0v-4h4v4zm8 0v-4h4v4zm8 0v-4h4v4z" class="fiforeground"/><g class="fiforeground"><path d="m185.02 62 11-4.001-11-4z"/><path d="M183.02 64.86V51.147l18.852 6.856zm4-5.713 3.148-1.144-3.148-1.145z"/></g></svg>
diff --git a/subprojects/docs/src/components/Features/fi2.svg.license b/subprojects/docs/src/components/Features/fi2.svg.license
new file mode 100644
index 00000000..15aca74d
--- /dev/null
+++ b/subprojects/docs/src/components/Features/fi2.svg.license
@@ -0,0 +1,4 @@
1SPDX-FileCopyrightText: 2024 The Refinery Authors <https://refinery.tools/>
2
3SPDX-License-Identifier: EPL-2.0
4
diff --git a/subprojects/docs/src/components/Features/fi3.svg b/subprojects/docs/src/components/Features/fi3.svg
new file mode 100644
index 00000000..a901aa56
--- /dev/null
+++ b/subprojects/docs/src/components/Features/fi3.svg
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="356" height="356" viewBox="0 0 356 356"><g class="fiforeground"><path d="m219.4 147.87-9.322 21.336h-2.746l-7.841-21.336h3.107l6.27 17.958 7.605-17.958zM137.87 167.38l9.322-21.336h2.746l7.841 21.336h-3.107l-6.27-17.958-7.605 17.958zM185.6 147.14v-10.37h-19.692v-2.385h22.258v12.755zM216 181.66v23.035h-15.23v-2.511h12.412V194h-12.213v-2.53h12.213v-7.298H200.77v-2.512zM140.95 181.02l2.276 6.558h10.262l2.765-6.558h2.98L149.1 204.163h-2.765L137.7 181.02zm11.49 9.033h-8.365l3.794 10.731zM190.5 210.64h-.217q-5.33.325-11.11 2.33-5.782 1.988-8.311 6.306l-2.096-1.391q2.349-3.74 6.287-5.727 3.939-2.006 10.406-2.638v-.199q-6.486-.777-10.424-2.8-3.92-2.023-6.269-5.655l2.096-1.39q2.565 4.209 8.328 6.268 5.764 2.042 11.093 2.367h.217zm0 5.872q-6.739 0-10.822 2.348-4.083 2.349-6.757 6.902l-2.041-1.518q3.378-5.366 7.967-7.732 4.589-2.385 11.653-2.349z"/></g><path d="M1015.4 261.94h14.295c9.467 0 17.149 8.053 17.149 17.986v.599c0 9.933-7.682 17.985-17.149 17.985h-14.285c-9.477 0-17.154-8.052-17.154-17.985v-.599c0-9.933 7.677-17.986 17.144-17.986m42.964-29.783-3.954 3.264c-9.502 6.422-20.957 10.172-33.293 10.172-12.326 0-23.78-3.75-33.288-10.172l-3.138-2.595-38.937 38.951 75.962 75.996 76.111-76.137zm-129.62-65.353c9.477 0 17.154 8.053 17.154 17.986v.599c0 9.933-7.677 17.985-17.154 17.985h-14.285c-9.477 0-17.154-8.052-17.154-17.985v-.599c0-9.933 7.677-17.986 17.154-17.986zm178.94-57.016-39.782 39.796 2.593 3.145c6.42 9.506 10.17 20.966 10.168 33.302.001 12.335-3.749 23.795-10.168 33.302l-2.498 3.028 39.546 39.56 76.109-76.137zm-171.78-.141-76.112 76.137 76.252 76.278 38.876-38.89-3.169-3.839c-6.418-9.507-10.166-20.967-10.166-33.302s3.749-23.796 10.166-33.302l3.269-3.956zm93.866-36.288c9.467 0 17.149 8.052 17.149 17.985v.6c0 9.932-7.682 17.985-17.149 17.985h-14.285c-9.477 0-17.154-8.053-17.154-17.986v-.599c0-9.933 7.677-17.985 17.154-17.985zm-8.047-49.564L945.62 99.932l39.186 39.206 3.029-2.499c9.506-6.422 20.962-10.172 33.288-10.172 12.336 0 23.79 3.75 33.293 10.172l3.838 3.168 39.721-39.735z" class="fibackground" transform="translate(-844 -10)"/><g class="fiforeground"><path d="M271.4 158.02c-9.354 0-16.936 7.926-16.936 17.705v.59c0 9.778 7.582 17.705 16.936 17.705h14.112c9.354 0 16.936-7.927 16.936-17.705v-.59c0-9.779-7.582-17.705-16.936-17.705z"/><path d="M271.4 156.02c-10.483 0-18.936 8.893-18.936 19.705v.59c0 10.812 8.452 19.705 18.936 19.705h14.113c10.483 0 18.936-8.894 18.936-19.705v-.59c0-10.813-8.452-19.705-18.936-19.705zm0 4h14.113c8.224 0 14.936 6.96 14.936 15.705v.59c0 8.744-6.712 15.705-14.936 15.705H271.4c-8.224 0-14.936-6.961-14.936-15.705v-.59c0-8.745 6.712-15.705 14.936-15.705"/></g><g class="fiforeground"><path d="m170.8 260.1-3.43 3.352 6.69 6.527-6.69 6.527 3.43 3.353 6.69-6.528 6.68 6.528 3.44-3.353-6.69-6.527 6.69-6.527-3.44-3.352-6.68 6.527zm-.52-8.102h14.42c9.55 0 17.29 7.927 17.29 17.705v.59c0 9.778-7.74 17.705-17.29 17.705h-14.42c-9.55 0-17.29-7.927-17.29-17.705v-.59c0-9.778 7.74-17.705 17.29-17.705"/><path d="M170.3 250.02c-10.657 0-19.289 8.87-19.289 19.705v.59c0 10.833 8.632 19.705 19.289 19.705h14.422c10.657 0 19.289-8.872 19.289-19.705v-.59c0-10.834-8.633-19.705-19.289-19.705zm0 4h14.422c8.443 0 15.289 6.981 15.289 15.705v.59c0 8.722-6.846 15.705-15.289 15.705H170.3c-8.443 0-15.289-6.983-15.289-15.705v-.59c0-8.724 6.846-15.705 15.289-15.705M170.3 61.02c-10.688 0-19.289 9.12-19.289 20.197v.605c0 11.076 8.602 20.197 19.289 20.197h14.422c10.688 0 19.289-9.12 19.289-20.197v-.605c0-11.077-8.602-20.197-19.289-20.197zm0 4h14.422c8.413 0 15.289 7.174 15.289 16.197v.605c0 9.023-6.877 16.197-15.289 16.197H170.3c-8.413 0-15.289-7.174-15.289-16.197v-.605c0-9.023 6.876-16.197 15.289-16.197"/></g></svg>
diff --git a/subprojects/docs/src/components/Features/fi3.svg.license b/subprojects/docs/src/components/Features/fi3.svg.license
new file mode 100644
index 00000000..15aca74d
--- /dev/null
+++ b/subprojects/docs/src/components/Features/fi3.svg.license
@@ -0,0 +1,4 @@
1SPDX-FileCopyrightText: 2024 The Refinery Authors <https://refinery.tools/>
2
3SPDX-License-Identifier: EPL-2.0
4
diff --git a/subprojects/docs/src/components/Features/fi4.svg b/subprojects/docs/src/components/Features/fi4.svg
new file mode 100644
index 00000000..b7ad5a1d
--- /dev/null
+++ b/subprojects/docs/src/components/Features/fi4.svg
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="356" height="356" viewBox="0 0 356 356"><path d="M319.81 29.75c-4.175 0-7.559 3.303-7.559 7.377s3.384 7.377 7.559 7.377 7.559-3.303 7.559-7.377-3.384-7.377-7.559-7.377m-20.542 0c-4.175 0-7.559 3.303-7.559 7.377s3.384 7.377 7.559 7.377c4.174 0 7.559-3.303 7.559-7.377s-3.385-7.377-7.559-7.377m-20.569-.371c-4.175 0-7.559 3.303-7.559 7.377s3.384 7.377 7.559 7.377 7.559-3.303 7.559-7.377-3.384-7.377-7.559-7.377m-246.46-6.651h296.75c4.763 0 8.624 3.768 8.624 8.416v13.168c0 4.648-3.861 8.416-8.624 8.416H32.239c-4.763 0-8.624-3.768-8.624-8.416V31.144c0-4.648 3.861-8.416 8.624-8.416" class="fiforeground"/><path d="M125.85 260.65v24h33v62h-33v45h33v62h-33v24h66v-22h153v-21h33v-24h-33v-43h-66v-18h99v-24h-33v-20h33v-23h-99v-22z" class="fibackground" transform="translate(-79 -182)"/><path d="M34.96 20.72c-7.34 0-13.336 5.995-13.336 13.336v293.33c0 7.34 5.995 13.334 13.336 13.334h291.33c7.34 0 13.334-5.993 13.334-13.334V34.056c0-7.34-5.993-13.336-13.334-13.336zm0 4h291.33a9.305 9.305 0 0 1 9.334 9.336v293.33a9.303 9.303 0 0 1-9.334 9.334H34.96a9.305 9.305 0 0 1-9.336-9.334V34.056a9.307 9.307 0 0 1 9.336-9.336" class="fiforeground"/><path d="M23.62 48.73v4h314v-4z" class="fiforeground"/></svg>
diff --git a/subprojects/docs/src/components/Features/fi4.svg.license b/subprojects/docs/src/components/Features/fi4.svg.license
new file mode 100644
index 00000000..15aca74d
--- /dev/null
+++ b/subprojects/docs/src/components/Features/fi4.svg.license
@@ -0,0 +1,4 @@
1SPDX-FileCopyrightText: 2024 The Refinery Authors <https://refinery.tools/>
2
3SPDX-License-Identifier: EPL-2.0
4
diff --git a/subprojects/docs/src/components/Features/fi5.svg b/subprojects/docs/src/components/Features/fi5.svg
new file mode 100644
index 00000000..65d61c3c
--- /dev/null
+++ b/subprojects/docs/src/components/Features/fi5.svg
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="356" height="356" viewBox="0 0 356 356"><defs><clipPath id="refinery-fi5-clip0"><path d="M478.5 237.41c-41.747 0-75.591 33.844-75.591 75.591s33.844 75.591 75.591 75.591c41.748 0 75.591-33.844 75.591-75.591S520.248 237.41 478.5 237.41M323 160.001h311v306H323z" clip-rule="evenodd"/></clipPath></defs><g clip-path="url(#refinery-fi5-clip0)" transform="translate(-301 -146)"><path d="m544.17 208.9 24.346-20.43 19.45 16.32-15.892 27.525a125.2 125.2 0 0 1 25.251 43.735l31.786-.001 4.41 25.005-29.871 10.869a125.2 125.2 0 0 1-8.769 49.734l24.35 20.429-12.698 21.988-29.866-10.871a125.2 125.2 0 0 1-38.686 32.462l5.52 31.3-23.859 8.683-15.891-27.525a125.2 125.2 0 0 1-50.501 0l-15.89 27.525-23.859-8.683 5.52-31.3a125.2 125.2 0 0 1-38.686-32.462l-29.866 10.871-12.695-21.988 24.347-20.429a125.2 125.2 0 0 1-8.769-49.734l-29.866-10.869 4.409-25.005 31.782.001a125.2 125.2 0 0 1 25.251-43.735l-15.892-27.525 19.45-16.32 24.346 20.43a125.2 125.2 0 0 1 47.456-17.272l5.518-31.3h25.39l5.518 31.3A125.2 125.2 0 0 1 544.17 208.9" class="fibackground"/></g><path d="M164.01 262v4h12v-4z" class="fiforeground"/><g class="fiforeground"><path d="m177.02 261 11 3.501-11 3.5z"/><path d="M175.02 258.26v12.471l19.596-6.234zm4 5.47 2.404.766-2.404.766z"/></g><path d="M152.02 324v4h31v-4z" class="fiforeground"/><g class="fiforeground"><path d="m183.02 323 11 3.501-11 3.5z"/><path d="M181.02 320.26v12.471l19.596-6.234zm4 5.47 2.404.766-2.404.766z"/></g><path d="M157.02 150v4h31v-4z" class="fiforeground"/><g class="fiforeground"><path d="m188.01 148 10 4-10 4.001z"/><path d="M186.01 145.04v13.91l17.385-6.957zm4 5.908 2.617 1.047-2.617 1.045z"/></g><path d="M157.02 150v4h31v-4z" class="fiforeground"/><g class="fiforeground"><path d="m188.01 148 10 3.5-10 3.5z"/><path d="M186.01 145.18v12.637l18.055-6.318zm4 5.639 1.943.68-1.943.68z"/></g><path d="M157.02 129v4h31v-4z" class="fiforeground"/><g class="fiforeground"><path d="m188.01 128 10 3.5-10 3.5z"/><path d="M186.01 125.18v12.637l18.055-6.318zm4 5.639 1.943.68-1.943.68z"/></g><path d="M157.02 129v4h31v-4z" class="fiforeground"/><g class="fiforeground"><path d="m188.01 128 10 3.5-10 3.5z"/><path d="M186.01 125.18v12.637l18.055-6.318zm4 5.639 1.943.68-1.943.68z"/></g><g class="fiforeground"><path d="M141.88 311.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z"/><path d="M130.12 309.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H130.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754"/></g><g class="fiforeground"><path d="M141.88 311.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z"/><path d="M130.12 309.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H130.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754"/></g><g class="fiforeground"><path d="M141.88 249.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z"/><path d="M130.12 247.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H130.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754"/></g><g class="fiforeground"><path d="M141.88 249.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z"/><path d="M130.12 247.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H130.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754"/></g><path d="M134 266.02v31h4v-31z" class="fiforeground"/><g class="fiforeground"><path d="m139 297.02-3.501 11-3.5-11z"/><path d="m129.27 295.02 6.234 19.596 6.237-19.596zm5.469 4h1.531l-.766 2.404z"/></g><g class="fiforeground"><path d="M117.88 188.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z"/><path d="M106.12 186.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H106.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754"/></g><g class="fiforeground"><path d="M117.88 188.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755h-11.765c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z"/><path d="M106.12 186.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H106.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754"/></g><path d="m115.02 203.24-3.863 1.037 7.978 29.746 3.863-1.037z" class="fiforeground"/><g class="fiforeground"><path d="m124.49 232.34-.682 11.384-6.289-9.514z"/><path d="m126.66 229.68-12.334 3.309 11.127 16.832zm-4.326 5.303-.156 2.627-1.452-2.196z"/></g><g class="fiforeground"><path d="M74.88 127.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755H63.115c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z"/><path d="M63.12 125.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H63.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754"/></g><g class="fiforeground"><path d="M74.88 127.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755H63.115c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z"/><path d="M63.12 125.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H63.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754"/></g><path d="m81.96 149.63-3.469 1.992 15.336 26.707 3.469-1.992z" class="fiforeground"/><g class="fiforeground"><path d="m98.56 175.32 2.258 11.178-8.516-7.584z"/><path d="m99.97 172.21-11.072 6.357 15.066 13.418zm-2.822 6.232.521 2.582-1.967-1.752z"/></g><g class="fiforeground"><path d="M214.117 311.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z"/><path d="M225.883 309.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754h-11.766c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4h-11.766c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754"/><path d="M214.117 311.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z"/><path d="M225.883 309.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754h-11.766c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4h-11.766c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754"/></g><g class="fiforeground"><path d="M214.117 249.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z"/><path d="M225.883 247.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754h-11.766c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4h-11.766c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754"/><path d="M214.117 249.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z"/><path d="M225.883 247.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754h-11.766c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4h-11.766c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754"/></g><path d="M222 266.016v31h-4v-31z" class="fiforeground"/><g class="fiforeground"><path d="m216 297.016 4 11 4-11z"/><path d="M226.856 295.016 220 313.87l-6.855-18.854zm-5.713 4h-2.287l1.144 3.146z"/></g><g class="fiforeground"><path d="M237.47 188.016c-7.992 0-14.471 6.605-14.471 14.754v.491c0 8.149 6.479 14.754 14.471 14.754h12.059c7.992 0 14.471-6.605 14.471-14.754v-.491c0-8.149-6.479-14.754-14.471-14.754z"/><path d="M249.529 186.016c9.094 0 16.471 7.545 16.471 16.754v.492c0 9.208-7.377 16.754-16.471 16.754H237.47c-9.094 0-16.471-7.546-16.471-16.754v-.492c0-9.209 7.377-16.754 16.471-16.754zm0 4H237.47c-6.89 0-12.471 5.665-12.471 12.754v.492c0 7.088 5.58 12.754 12.471 12.754h12.059c6.89 0 12.471-5.666 12.471-12.754v-.492c0-7.089-5.58-12.754-12.471-12.754"/><path d="M237.47 188.016c-7.992 0-14.471 6.605-14.471 14.754v.491c0 8.149 6.479 14.754 14.471 14.754h12.059c7.992 0 14.471-6.605 14.471-14.754v-.491c0-8.149-6.479-14.754-14.471-14.754z"/><path d="M249.529 186.016c9.094 0 16.471 7.545 16.471 16.754v.492c0 9.208-7.377 16.754-16.471 16.754H237.47c-9.094 0-16.471-7.546-16.471-16.754v-.492c0-9.209 7.377-16.754 16.471-16.754zm0 4H237.47c-6.89 0-12.471 5.665-12.471 12.754v.492c0 7.088 5.58 12.754 12.471 12.754h12.059c6.89 0 12.471-5.666 12.471-12.754v-.492c0-7.089-5.58-12.754-12.471-12.754"/></g><path d="m244.588 204.283-7.98 29.745-3.864-1.036 7.98-29.745z" class="fiforeground"/><g class="fiforeground"><path d="m231.255 232.335.682 11.383 6.289-9.513z"/><path d="m241.425 232.993-11.126 16.83-1.206-20.139zm-6.398 2.425-1.609-.432.157 2.626z"/></g><g class="fiforeground"><path d="M281.117 127.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z"/><path d="M292.883 125.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754h-11.766c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4h-11.766c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754"/><path d="M281.117 127.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z"/><path d="M292.883 125.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754h-11.766c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4h-11.766c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754"/></g><path d="m277.267 151.63-15.336 26.706-3.47-1.992 15.337-26.706z" class="fiforeground"/><g class="fiforeground"><path d="m257.183 175.33-2.257 11.178 8.516-7.585z"/><path d="m266.845 178.571-15.068 13.418 3.996-19.776zm-6.806.705-1.444-.83-.522 2.58z"/></g><path d="M157.02 171v4h31v-4z" class="fiforeground"/><g class="fiforeground"><path d="m188.01 169 10 3.5-10 3.5z"/><path d="M186.01 166.18v12.637l18.055-6.318zm4 5.639 1.943.68-1.943.68z"/></g><path d="M157.02 171v4h31v-4z" class="fiforeground"/><g class="fiforeground"><path d="m188.01 169 10 3.5-10 3.5z"/><path d="M186.01 166.18v12.637l18.055-6.318zm4 5.639 1.943.68-1.943.68z"/></g><path d="M158.02 192v4h30v-4z" class="fiforeground"/><g class="fiforeground"><path d="m188.02 190 11 3.501-11 3.5z"/><path d="M186.02 187.26v12.471l19.596-6.234zm4 5.47 2.404.766-2.404.766z"/></g><path d="M158.02 191v4h30v-4z" class="fiforeground"/><g class="fiforeground"><path d="m188.02 190 11 3.501-11 3.5z"/><path d="M186.02 187.26v12.471l19.596-6.234zm4 5.47 2.404.766-2.404.766z"/></g><g class="fiforeground"><path d="M49.88 62.02c7.797 0 14.118 6.605 14.118 14.754v.491c0 8.149-6.321 14.755-14.118 14.755H38.115c-7.797 0-14.118-6.606-14.118-14.755v-.491c0-8.149 6.321-14.754 14.118-14.754z"/><path d="M38.12 60.02c-8.926 0-16.117 7.57-16.117 16.754v.492c0 9.183 7.19 16.754 16.117 16.754h11.766c8.927 0 16.119-7.57 16.119-16.754v-.492c0-9.183-7.193-16.754-16.119-16.754zm0 4h11.766c6.668 0 12.119 5.64 12.119 12.754v.492c0 7.115-5.452 12.754-12.119 12.754H38.12c-6.667 0-12.117-5.639-12.117-12.754v-.492c0-7.115 5.45-12.754 12.117-12.754"/></g><g class="fiforeground"><path d="M305.117 62.016c-7.797 0-14.118 6.605-14.118 14.754v.491c0 8.149 6.32 14.754 14.118 14.754h11.765c7.797 0 14.118-6.605 14.118-14.754v-.491c0-8.149-6.32-14.754-14.118-14.754z"/><path d="M316.883 60.016c8.927 0 16.117 7.57 16.117 16.754v.492c0 9.182-7.19 16.754-16.117 16.754h-11.766c-8.927 0-16.117-7.571-16.117-16.754v-.492c0-9.183 7.19-16.754 16.117-16.754zm0 4h-11.766c-6.667 0-12.117 5.64-12.117 12.754v.492c0 7.114 5.45 12.754 12.117 12.754h11.766c6.667 0 12.117-5.64 12.117-12.754v-.492c0-7.115-5.45-12.754-12.117-12.754"/></g></svg>
diff --git a/subprojects/docs/src/components/Features/fi5.svg.license b/subprojects/docs/src/components/Features/fi5.svg.license
new file mode 100644
index 00000000..15aca74d
--- /dev/null
+++ b/subprojects/docs/src/components/Features/fi5.svg.license
@@ -0,0 +1,4 @@
1SPDX-FileCopyrightText: 2024 The Refinery Authors <https://refinery.tools/>
2
3SPDX-License-Identifier: EPL-2.0
4
diff --git a/subprojects/docs/src/components/Features/index.module.css b/subprojects/docs/src/components/Features/index.module.css
new file mode 100644
index 00000000..aa136724
--- /dev/null
+++ b/subprojects/docs/src/components/Features/index.module.css
@@ -0,0 +1,126 @@
1/*
2 * SPDX-FileCopyrightText: 2024 The Refinery Authors
3 *
4 * SPDX-License-Identifier: EPL-2.0
5 */
6
7:global(.fibackground) {
8 fill: url(#fi-lg);
9}
10
11:global(.fiforeground) {
12 fill: #303846;
13}
14
15:global(.fiempty) {
16 fill: #fff;
17}
18
19[data-theme='dark'] :global(.fiforeground) {
20 fill: #ebebff;
21}
22
23[data-theme='dark'] :global(.fiempty) {
24 fill: var(--ifm-background-color);
25}
26
27.lg {
28 position: absolute;
29 visibility: hidden;
30 top: 0;
31 left: 0;
32 width: 0;
33 height: 0;
34}
35
36.lg__start {
37 stop-color: var(--ifm-color-primary-lighter);
38}
39
40.lg__end {
41 stop-color: var(--ifm-color-primary);
42}
43
44[data-theme='dark'] .lg__start {
45 stop-color: var(--ifm-color-primary-light);
46}
47
48[data-theme='dark'] .lg__end {
49 stop-color: var(--ifm-color-primary-darker);
50}
51
52.feature__container {
53 display: flex;
54 flex-direction: column;
55 container-type: inline-size;
56 justify-content: stretch;
57}
58
59.feature {
60 display: flex;
61 flex-direction: column;
62 align-items: center;
63 margin-bottom: var(--ifm-leading);
64 gap: 1rem;
65}
66
67.feature__icon {
68 display: flex;
69 width: 100%;
70 max-width: 220px;
71 height: auto;
72 aspect-ratio: 1/1;
73}
74
75.feature__icon svg {
76 width: 100%;
77 height: 100%;
78}
79
80.feature__contents {
81 display: flex;
82 flex-direction: column;
83 align-items: center;
84 gap: 1rem;
85}
86
87.feature__title {
88 margin: 0;
89}
90
91.feature__text {
92 margin: 0;
93 text-align: center;
94}
95
96@container (min-width: 660px) {
97 .feature {
98 flex-direction: row;
99 }
100
101 .feature--even {
102 flex-direction: row-reverse;
103 }
104
105 .feature__icon {
106 flex-shrink: 0;
107 }
108
109 .feature__contents {
110 align-items: flex-start;
111 }
112
113 .feature--even .feature__contents {
114 align-items: flex-end;
115 }
116
117 .feature__title,
118 .feature__text {
119 text-align: left;
120 }
121
122 .feature--even .feature__title,
123 .feature--even .feature__text {
124 text-align: right;
125 }
126}
diff --git a/subprojects/docs/src/components/Features/index.tsx b/subprojects/docs/src/components/Features/index.tsx
new file mode 100644
index 00000000..57012725
--- /dev/null
+++ b/subprojects/docs/src/components/Features/index.tsx
@@ -0,0 +1,114 @@
1/*
2 * SPDX-FileCopyrightText: 2024 The Refinery Authors
3 *
4 * SPDX-License-Identifier: EPL-2.0
5 */
6
7import clsx from 'clsx';
8
9import Fi1 from './fi1.svg';
10import Fi2 from './fi2.svg';
11import Fi3 from './fi3.svg';
12import Fi4 from './fi4.svg';
13import Fi5 from './fi5.svg';
14import styles from './index.module.css';
15
16function Feature({
17 icon,
18 title,
19 offset,
20 even,
21 children,
22}: {
23 icon: React.ReactNode;
24 title: string;
25 offset?: number;
26 even?: boolean;
27 children: React.ReactNode;
28}) {
29 return (
30 <div
31 className={clsx(
32 'col',
33 'col--4',
34 { [`col--offset-${offset}`]: offset !== undefined },
35 styles['feature__container'],
36 )}
37 >
38 <div
39 className={clsx(styles['feature'], {
40 [styles['feature--even']!]: even,
41 })}
42 >
43 <div className={styles['feature__icon']}>{icon}</div>
44 <div className={styles['feature__contents']}>
45 <h3 className={styles['feature__title']}>{title}</h3>
46 <p className={styles['feature__text']}>{children}</p>
47 </div>
48 </div>
49 </div>
50 );
51}
52
53Feature.defaultProps = {
54 offset: undefined,
55 even: false,
56};
57
58export default function Features() {
59 return (
60 <div className="container">
61 <svg xmlns="ttp://www.w3.org/2000/svg" className={styles['lg']}>
62 <defs>
63 <linearGradient
64 id="fi-lg"
65 x1="0"
66 y1="0"
67 x2="0"
68 y2="366"
69 gradientUnits="userSpaceOnUse"
70 >
71 <stop offset="0%" className={styles['lg__start']} />
72 <stop offset="100%" className={styles['lg__end']} />
73 </linearGradient>
74 </defs>
75 </svg>
76 <h2 className="sr-only">Features</h2>
77 <div className="row">
78 <Feature icon={<Fi1 />} title="Diverse graph generation">
79 Refinery provides a framework for the automated generation of graphs.
80 </Feature>
81 <Feature icon={<Fi2 />} title="Model with uncertainty" even>
82 Partial modeling allows us to explicitly represent unknown or
83 uncertain knowledge in our models. The Refinery framework enables us
84 to explore design alternatives systematically.
85 </Feature>
86 <Feature icon={<Fi3 />} title="Formal logic reasoning">
87 Refinery combines the mathematical precision of formal logic
88 structures with the expressiveness of graph-based models. Underlying
89 solver algorithms ensure formal correctness and completeness of
90 generation processes.
91 </Feature>
92 </div>
93 <div className="row">
94 <Feature
95 icon={<Fi4 />}
96 title="Advanced web-based editor"
97 offset={2}
98 even
99 >
100 Designers are supported with state-of-the-art web-based editors with
101 advanced IDE features and visualization techniques. The framework can
102 be applied as a simple command-line interface program or deployed on
103 the cloud.
104 </Feature>
105 <Feature icon={<Fi5 />} title="Powerful graph algorithms">
106 Refinery is equipped with powerful algorithms such as incremental
107 query evaluation, efficient graph isomorphism checking, and
108 version-controlled data structures to solve various modeling and graph
109 processing problems.
110 </Feature>
111 </div>
112 </div>
113 );
114}
diff --git a/subprojects/docs/src/css/custom.css b/subprojects/docs/src/css/custom.css
index 8646ba5f..a359649b 100644
--- a/subprojects/docs/src/css/custom.css
+++ b/subprojects/docs/src/css/custom.css
@@ -9,6 +9,8 @@
9@import '@fontsource-variable/jetbrains-mono/wght.css'; 9@import '@fontsource-variable/jetbrains-mono/wght.css';
10@import '@fontsource-variable/jetbrains-mono/wght-italic.css'; 10@import '@fontsource-variable/jetbrains-mono/wght-italic.css';
11 11
12@import './sr-only.css';
13
12:root { 14:root {
13 --ifm-font-family-base: 'Open Sans Variable', 15 --ifm-font-family-base: 'Open Sans Variable',
14 'Open Sans', 16 'Open Sans',
diff --git a/subprojects/docs/src/css/sr-only.css b/subprojects/docs/src/css/sr-only.css
new file mode 100644
index 00000000..dbd65fd3
--- /dev/null
+++ b/subprojects/docs/src/css/sr-only.css
@@ -0,0 +1,22 @@
1/*
2 * Copyright (c) 2010–2021 Kitty Giraudel
3 *
4 * SPDX-License-Identifier: MIT
5 *
6 * This snippet was copied from
7 * https://kittygiraudel.com/snippets/sr-only-class/
8 */
9
10.sr-only {
11 border: 0 !important;
12 clip: rect(1px, 1px, 1px, 1px) !important;
13 -webkit-clip-path: inset(50%) !important;
14 clip-path: inset(50%) !important;
15 height: 1px !important;
16 overflow: hidden !important;
17 margin: -1px !important;
18 padding: 0 !important;
19 position: absolute !important;
20 width: 1px !important;
21 white-space: nowrap !important;
22}
diff --git a/subprojects/docs/src/pages/index.module.css b/subprojects/docs/src/pages/index.module.css
index 533e8db1..572e5eef 100644
--- a/subprojects/docs/src/pages/index.module.css
+++ b/subprojects/docs/src/pages/index.module.css
@@ -26,6 +26,10 @@
26 } 26 }
27} 27}
28 28
29.section__title {
30 text-align: center;
31}
32
29.section--video { 33.section--video {
30 background: var(--ifm-background-surface-color); 34 background: var(--ifm-background-surface-color);
31} 35}
diff --git a/subprojects/docs/src/pages/index.tsx b/subprojects/docs/src/pages/index.tsx
index 713223c2..7caf5727 100644
--- a/subprojects/docs/src/pages/index.tsx
+++ b/subprojects/docs/src/pages/index.tsx
@@ -5,7 +5,6 @@
5 */ 5 */
6 6
7import Link from '@docusaurus/Link'; 7import Link from '@docusaurus/Link';
8// import PlayCircle from 'vg';
9import Layout from '@theme/Layout'; 8import Layout from '@theme/Layout';
10import clsx from 'clsx'; 9import clsx from 'clsx';
11import { useState } from 'react'; 10import { useState } from 'react';
@@ -13,6 +12,8 @@ import { useState } from 'react';
13import styles from './index.module.css'; 12import styles from './index.module.css';
14import videoCover from './video-cover.webp?url'; 13import videoCover from './video-cover.webp?url';
15 14
15import Features from '@site/src/components/Features';
16
16function Hero() { 17function Hero() {
17 return ( 18 return (
18 <header className={clsx('hero', 'hero--dark', styles['hero'])}> 19 <header className={clsx('hero', 'hero--dark', styles['hero'])}>
@@ -65,6 +66,7 @@ function Video() {
65 const [started, setStarted] = useState(false); 66 const [started, setStarted] = useState(false);
66 return ( 67 return (
67 <section className={clsx(styles['section'], styles['section--video'])}> 68 <section className={clsx(styles['section'], styles['section--video'])}>
69 <h2 className="sr-only">Check out the intro video</h2>
68 <div className="container"> 70 <div className="container">
69 <div className={styles['video__container']}> 71 <div className={styles['video__container']}>
70 {started ? ( 72 {started ? (
@@ -106,11 +108,173 @@ function Video() {
106 ); 108 );
107} 109}
108 110
111function Publication({
112 doi,
113 pdf,
114 video,
115 children,
116}: {
117 doi?: string;
118 pdf?: string;
119 video?: string;
120 children?: React.ReactNode;
121}) {
122 return (
123 <li>
124 {children}
125 {doi && (
126 <>
127 {' '}
128 [<Link href={`https://doi.org/${doi}`}>doi</Link>]
129 </>
130 )}
131 {pdf && (
132 <>
133 {' '}
134 [<Link href={pdf}>pdf</Link>]
135 </>
136 )}
137 {video && (
138 <>
139 {' '}
140 [<Link href={video}>video</Link>]
141 </>
142 )}
143 </li>
144 );
145}
146
147Publication.defaultProps = {
148 doi: undefined,
149 pdf: undefined,
150 video: undefined,
151 children: undefined,
152};
153
154function Publications() {
155 return (
156 <div className={styles['section']}>
157 <div className="container">
158 <h2 className={styles['section__title']}>Related publications</h2>
159 <div className="row">
160 <div className="col col--6">
161 <h3>Tool demonstration</h3>
162 <ul>
163 <Publication
164 doi="10.1145/3639478.3640045"
165 pdf="pathname:///papers/icse24-demo.pdf"
166 video="https://youtu.be/Qy_3udNsWsM"
167 >
168 K. Marussy, A. Ficsor, O. Semeráth, D. Varró: &ldquo;Refinery:
169 Graph Solver as a Service&rdquo;{' '}
170 <em>ICSE 2024 Demonstrations</em>
171 </Publication>
172 </ul>
173 <h3>Partial model specification language</h3>
174 <ul>
175 <Publication
176 doi="10.5381/jot.2020.19.3.a12"
177 pdf="https://www.jot.fm/issues/issue_2020_03/article12.pdf"
178 video="https://www.youtube.com/watch?v=ggTbv_s5t2A"
179 >
180 K. Marussy, O. Semeráth, A. Babikian, D. Varró:{' '}
181 <em>
182 A Specification Language for Consistent Model Generation based
183 on Partial Models.
184 </em>{' '}
185 J. Object Technol. <b>19</b>(3): 3:1-22 (2020)
186 </Publication>
187 </ul>
188 <h3>Diverse and realistic graph generation</h3>
189 <ul>
190 <Publication
191 doi="10.1007/s10009-019-00530-6"
192 pdf="https://link.springer.com/content/pdf/10.1007/s10009-019-00530-6.pdf?pdf=button"
193 >
194 O. Semeráth, R. Farkas, G. Bergmann, D. Varró:{' '}
195 <em>
196 Diversity of graph models and graph generators in mutation
197 testing.
198 </em>{' '}
199 Int. J. Softw. Tools Technol. Transf. <b>22</b>(1): 57-78 (2020)
200 </Publication>
201 <Publication
202 doi="10.1007/s10270-021-00884-z"
203 pdf="https://link.springer.com/content/pdf/10.1007/s10270-021-00884-z.pdf?pdf=button"
204 >
205 O. Semeráth, A. Babikian, B. Chen, C. Li, K. Marussy, G.
206 Szárnyas, D. Varró:{' '}
207 <em>
208 Automated generation of consistent, diverse and structurally
209 realistic graph models.
210 </em>{' '}
211 Softw. Syst. Model. <b>20</b>(5): 1713-1734 (2021)
212 </Publication>
213 </ul>
214 </div>
215 <div className="col col--6">
216 <h3>Consistent graph generation techniques</h3>
217 <ul>
218 <Publication
219 doi="10.1145/3180155.3180186"
220 pdf="https://dl.acm.org/doi/pdf/10.1145/3180155.3180186"
221 >
222 O. Semeráth, A. Nagy, D. Varró: &ldquo;A graph solver for the
223 automated generation of consistent domain-specific
224 models.&rdquo; <em>ICSE 2018:</em> 969-980
225 </Publication>
226 <Publication
227 doi="10.1109/TSE.2020.3025732"
228 pdf="https://ieeexplore.ieee.org/stamp/stamp.jsp?tp=&arnumber=9201551"
229 >
230 K. Marussy, O. Semeráth, D. Varró:{' '}
231 <em>
232 Automated Generation of Consistent Graph Models With
233 Multiplicity Reasoning.
234 </em>{' '}
235 IEEE Trans. Softw. Eng. <b>48</b>(5): 1610-1629 (2022)
236 </Publication>
237 <Publication
238 doi="10.1007/s10270-021-00918-6"
239 pdf="https://link.springer.com/content/pdf/10.1007/s10270-021-00918-6.pdf?pdf=button"
240 >
241 A. Babikian, O. Semeráth, A. Li, K. Marussy, D. Varró:{' '}
242 <em>
243 Automated generation of consistent models using qualitative
244 abstractions and exploration strategies.
245 </em>{' '}
246 Softw. Syst. Model. <b>21</b>(5): 1763-1787 (2022)
247 </Publication>
248 </ul>
249 <h3>Correctness proofs</h3>
250 <ul>
251 <Publication
252 doi="10.1007/978-3-319-75396-6_16"
253 pdf="https://inf.mit.bme.hu/sites/default/files/publications/fmhe-model-generation.pdf"
254 >
255 D. Varró, O. Semeráth, G. Szárnyas, Á. Horváth: &ldquo;Towards
256 the Automated Generation of Consistent, Diverse, Scalable and
257 Realistic Graph Models.&rdquo;{' '}
258 <em>Graph Transformation, Specifications, and Nets</em> 2018:
259 285-312
260 </Publication>
261 </ul>
262 </div>
263 </div>
264 </div>
265 </div>
266 );
267}
268
109export default function Home() { 269export default function Home() {
110 return ( 270 return (
111 <Layout> 271 <Layout>
112 <Hero /> 272 <Hero />
273 <div className={styles['section']}>
274 <Features />
275 </div>
113 <Video /> 276 <Video />
277 <Publications />
114 </Layout> 278 </Layout>
115 ); 279 );
116} 280}