Add a landing page for the documentation

This is implements the landing page that was designed during the documentation sprint in November 2022. There is probably further work to be done on the copy, maybe tweak colors and margins on the cards. Proper support for dark mode would be nice as well. It’s a bit ugly for now. The images are coming from <https://undraw.co/>. The license does not require attribution. Full license text reads as follow: Copyright 2022 Katerina Limpitsouni All images, assets and vectors published on unDraw can be used for free. You can use them for noncommercial and commercial purposes. You do not need to ask permission from or provide credit to the creator or unDraw. More precisely, unDraw grants you an nonexclusive, worldwide copyright license to download, copy, modify, distribute, perform, and use the assets provided from unDraw for free, including for commercial purposes, without permission from or attributing the creator or unDraw. This license does not include the right to compile assets, vectors or images from unDraw to replicate a similar or competing service, in any form or distribute the assets in packs or otherwise. This extends to automated and non-automated ways to link, embed, scrape, search or download the assets included on the website without our consent.

Add a landing page for the documentation
715572f7 · Jérémy Bobbio (Lunar) · b37d4ff8 · 715572f7 · 715572f7 · 715572f7
Commit 715572f7 authored 2 years ago by Jérémy Bobbio (Lunar)
--- a/docs/_static/custom.css
+++ b/docs/_static/custom.css
@@ -11,3 +11,25 @@ table.swh-logos-table ul {
  text-align: left;
  margin-bottom: auto;
 }
+
+.landing-page hr {
+  margin-top: 5em;
+  margin-bottom: 5em;
+}
+
+.landing-part {
+  padding-bottom: 50vh;
+background-image: url("data:image/svg+xml,%3Csvg width='78.27' height='77.395' version='1.1' viewBox='0 0 78.27 77.395' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='blur'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='1' /%3E%3C/filter%3E%3Cg transform='matrix(1.25 0 0 -1.25 -15.707 134.24)' fill-opacity='.10' filter='url(%23blur)'%3E%3Cpath d='m30.574 68.987 1.337-1.343 4.826 1.607-1.61-4.823 1.34-1.34 2.95 8.844z'/%3E%3Cpath d='m27.188 67.914 5.746-10.675 1.252 1.252-5.747 10.674z'/%3E%3Cpath d='m24.636 57.152 1.608 4.823-1.34 1.34-2.949-8.846 8.842 2.949-1.338 1.343z'/%3E%3Cpath d='m44.012 65.874 2.274-5.144h1.894l-4.167 8.935-4.17-8.038 1.895-0.154z'/%3E%3Cpath d='m38.214 58.771 12-3.485v1.77l-12 3.484z'/%3E%3Cpath d='m44.012 49.269-2.273 4.461h-1.895l4.169-8.252 4.167 8.379-1.896-0.018z'/%3E%3Cpath d='m57.288 69.377-8.843 2.95 2.945-8.844 1.342 1.338-1.607 4.825 4.823-1.609z'/%3E%3Cpath d='m61.884 67.095-10.674-5.748 1.251-1.25 10.675 5.746z'/%3E%3Cpath d='m61.616 62.367 1.609-4.822-4.822 1.607-1.34-1.34 8.843-2.948-2.948 8.842z'/%3E%3Cpath d='m58.214 81.089-8.219-4.168 8.396-4.17 0.033 1.896-4.653 2.274 4.443 2.273z'/%3E%3Cpath d='m61.606 70.73 3.486 12h-1.771l-3.484-12z'/%3E%3Cpath d='m67.214 72.752 7.967 4.169-8.522 4.168-0.095-1.896 4.873-2.272-4.223-2.274z'/%3E%3Cpath d='m56.894 84.299-1.339 1.342-4.824-1.608 1.608 4.823-1.34 1.341-2.948-8.844z'/%3E%3Cpath d='m60.28 85.371-5.746 10.675-1.253-1.253 5.748-10.673z'/%3E%3Cpath d='m62.832 96.134-1.608-4.823 1.341-1.339 2.947 8.843-8.842-2.949 1.339-1.341z'/%3E%3Cpath d='m45.73 91.364-2.274-4.365-2.274 4.731h-1.894l4.168-8.521 4.17 8.245z'/%3E%3Cpath d='m50.214 94.515-12 3.485v-1.77l12-3.485z'/%3E%3Cpath d='m43.456 103.6 2.274-4.873h1.895l-4.169 8.664-4.169-8.175 1.896-0.083z'/%3E%3Cpath d='m36.076 89.803-1.341-1.34 1.608-4.823-4.823 1.608-1.34-1.34 8.844-2.949z'/%3E%3Cpath d='m25.582 86.192 10.674 5.746-1.251 1.251-10.675-5.746z'/%3E%3Cpath d='m25.85 90.918-1.608 4.823 4.824-1.608 1.339 1.341-8.844 2.948 2.949-8.844z'/%3E%3Cpath d='m29.214 72.196 8.338 4.169-8.338 4.169v-1.896l4.547-2.273-4.547-2.274z'/%3E%3Cpath d='m24.146 70.73 3.485 11h-1.769l-3.485-11z'/%3E%3Cpath d='m12.565 76.365 8.3384 4.169v-1.896l-4.5472-2.273 4.5472-2.274v-1.895z'/%3E%3C/g%3E%3C/svg%3E");  background-repeat: no-repeat;
+  background-position: center bottom 17.5vh;
+  background-size: 25vh;
+}
+
+.landing-part:last-of-type {
+  padding-bottom: 0;
+  background: none;
+  min-height: 90vh;
+}
+
+.landing-part hr {
+  display: none;
+}
--- a/docs/images/card_basics_undraw_discoverable.svg
+++ b/docs/images/card_basics_undraw_discoverable.svg
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="782.12808" height="524.32607" viewBox="0 0 782.12808 524.32607" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M574.476,434.80785H219.65211A10.72787,10.72787,0,0,1,208.936,424.09169V198.55312A10.72788,10.72788,0,0,1,219.65211,187.837H574.476a10.72789,10.72789,0,0,1,10.71616,10.71616V424.09169A10.72788,10.72788,0,0,1,574.476,434.80785ZM219.65211,190.21833a8.3449,8.3449,0,0,0-8.33478,8.33479V424.09169a8.34489,8.34489,0,0,0,8.33478,8.33479H574.476a8.3449,8.3449,0,0,0,8.33479-8.33479V198.55312a8.3449,8.3449,0,0,0-8.33479-8.33479Z" transform="translate(-208.93596 -187.83696)" fill="#3f3d56"/><circle cx="217.01248" cy="143.94491" r="65.99829" fill="#ccc"/><path d="M934.28574,710.72638a246.30184,246.30184,0,0,1,20.38471-77.73489q4.60067-10.27759,10.12749-20.10267c.94659-1.6853-1.64386-3.1994-2.59041-1.51415a249.70657,249.70657,0,0,0-27.786,76.65535q-2.08614,11.26863-3.13582,22.69636c-.17783,1.9216,2.8233,1.90948,3,0Z" transform="translate(-208.93596 -187.83696)" fill="#e6e6e6"/><circle cx="763.12808" cy="410.86319" r="19" fill="#e6e6e6"/><path d="M936.22931,711.231a159.7877,159.7877,0,0,1,13.22451-50.43025q2.98467-6.66754,6.57018-13.04153a.97385.97385,0,0,0-1.68052-.98231,161.99656,161.99656,0,0,0-18.02606,49.7299q-1.35338,7.31049-2.03435,14.72419c-.11536,1.24663,1.83161,1.23877,1.94624,0Z" transform="translate(-208.93596 -187.83696)" fill="#e6e6e6"/><circle cx="751.8019" cy="450.71741" r="12.32619" fill="#e6e6e6"/><path d="M933.77287,710.06744a159.78742,159.78742,0,0,1-20.59035-47.89713q-1.74757-7.093-2.84086-14.324a.97385.97385,0,0,0-1.92923.25909,161.99654,161.99654,0,0,0,16.37365,50.29816q3.42929,6.59658,7.45221,12.861c.67579,1.0539,2.2061-.14981,1.53458-1.19706Z" transform="translate(-208.93596 -187.83696)" fill="#e6e6e6"/><circle cx="699.46095" cy="449.85215" r="12.32619" fill="#e6e6e6"/><path d="M835.16442,532.32815a10.05577,10.05577,0,0,0-4.4176-14.773l2.59077-35.64081-16.20274,9.07222.02382,32.45424a10.11027,10.11027,0,0,0,18.00575,8.88732Z" transform="translate(-208.93596 -187.83696)" fill="#ffb8b8"/><path d="M831.13364,393.782l4.4304,113.41817-18-1-4-119,3.796-1.78636A9.66542,9.66542,0,0,1,831.13364,393.782Z" transform="translate(-208.93596 -187.83696)" fill="#fabf1f"/><polygon points="566.53 512.201 554.271 512.201 548.438 464.913 566.532 464.913 566.53 512.201" fill="#ffb8b8"/><path d="M545.51336,508.69763h23.64387a0,0,0,0,1,0,0V523.5845a0,0,0,0,1,0,0H530.6265a0,0,0,0,1,0,0v0A14.88686,14.88686,0,0,1,545.51336,508.69763Z" fill="#2f2e41"/><polygon points="668.533 497.55 657.408 502.7 632.247 462.239 648.668 454.637 668.533 497.55" fill="#ffb8b8"/><path d="M859.64742,688.509h23.64387a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H844.76056a0,0,0,0,1,0,0v0A14.88686,14.88686,0,0,1,859.64742,688.509Z" transform="translate(-421.36521 239.53615) rotate(-24.84116)" fill="#2f2e41"/><path d="M746.35619,545.71107,759,690l17-2,12.564-131.79985L858,682l18-5s-57.936-173.29985-62.436-187.79985c-4.93306-15.89543-44-22-44-22l-1.5-1.5C751.27731,488.29768,744.55346,517.61854,746.35619,545.71107Z" transform="translate(-208.93596 -187.83696)" fill="#2f2e41"/><circle cx="604.77727" cy="160.49782" r="24.56103" fill="#ffb8b8"/><path d="M831,386l-18.936,98.70015S786.1241,479.52,776.88387,473.28023c-3.65967-2.48-6.98-5.04-9.77979-7.36035a121.27211,121.27211,0,0,1-9.04-8.21973s6.64014-32.60986,9.00977-41.33984c2.75215-10.11231,12.19339-21.891,19.54665-29.91755a21.74462,21.74462,0,0,1,21.474-6.35628Z" transform="translate(-208.93596 -187.83696)" fill="#fabf1f"/><path d="M776.88387,473.28023c-3.65967-2.48-6.98-5.04-9.77979-7.36035,1.00977-14.93994,23.02-46.21973,31.93994-46.21973C799.044,419.70015,801.15389,467.91011,776.88387,473.28023Z" transform="translate(-208.93596 -187.83696)" opacity="0.2"/><path d="M731.58,512.51739a10.05581,10.05581,0,0,0,5.277-14.48823l23.35886-27.04334-18.41435-2.3969-19.35886,26.04829A10.11027,10.11027,0,0,0,731.58,512.51739Z" transform="translate(-208.93596 -187.83696)" fill="#ffb8b8"/><path d="M796.886,381.22505a16.32166,16.32166,0,0,0-3.02616.34653,12.49536,12.49536,0,0,0-8.91792,7.79987L756.064,449.70015l-31,33,15.5,12.5,49-44,19.576-53.2815A12.75365,12.75365,0,0,0,796.886,381.22505Z" transform="translate(-208.93596 -187.83696)" fill="#fabf1f"/><path d="M815.167,372.66971c3.49562-5.2323,6.25434-12.48756,2.40565-17.4659-3.79908-4.91417-11.29215-4.19018-17.11054-6.36467-8.104-3.02866-12.80409-12.5493-11.33824-21.07564s8.31031-15.59442,16.46405-18.48644,17.34838-1.95148,25.33312,1.37887c9.82931,4.09969,18.26114,12.03027,21.79685,22.07625s1.6456,22.10808-5.68929,29.82962c-7.8638,8.27835-20.20556,10.48454-31.62276,10.35068" transform="translate(-208.93596 -187.83696)" fill="#2f2e41"/><path d="M853.73579,343.71c1.00063,5.591,7.13393,8.76649,12.77077,9.46443s11.46786-.197,16.9553,1.269c9.67415,2.58443,16.05479,11.88814,19.56678,21.26546s5.0695,19.49827,9.63253,28.41158,13.41057,16.77136,23.38922,15.93771a25.732,25.732,0,0,1-48.39436-1.5693c-3.66576-11.31688.54222-24.81289-5.86842-34.83353-3.54741-5.54505-9.673-8.80672-15.57943-11.71292s-12.10571-5.88926-16.0657-11.14761-4.75122-13.56286.12875-17.98074" transform="translate(-208.93596 -187.83696)" fill="#2f2e41"/><path d="M973.33913,711.94759h-320.294a1.19069,1.19069,0,1,1,0-2.38137h320.294a1.19069,1.19069,0,1,1,0,2.38137Z" transform="translate(-208.93596 -187.83696)" fill="#3f3d56"/><path d="M405.98926,410.98926a66.99829,66.99829,0,1,1,66.99853-66.99854A67.07432,67.07432,0,0,1,405.98926,410.98926Zm0-131.99658a64.99829,64.99829,0,1,0,64.99853,64.998A65.07191,65.07191,0,0,0,405.98926,278.99268Z" transform="translate(-208.93596 -187.83696)" fill="#3f3d56"/><polygon points="154.974 37.028 93.245 143.945 216.703 143.945 154.974 37.028 93.245 143.945 216.703 143.945 154.974 37.028" fill="#fabf1f"/></svg>
\ No newline at end of file
--- a/docs/images/card_browse_undraw_file_searching.svg
+++ b/docs/images/card_browse_undraw_file_searching.svg
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="578.0013" height="621.92557" viewBox="0 0 578.0013 621.92557" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M677.64241,491.89724l-249.84894,64.339a33.03735,33.03735,0,0,1-40.18683-23.728L312.04574,239.081a33.03734,33.03734,0,0,1,23.728-40.18683l232.44363-59.85691L627.712,165.67105l73.65843,286.03936A33.03734,33.03734,0,0,1,677.64241,491.89724Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path d="M338.14273,208.094a23.52653,23.52653,0,0,0-16.89723,28.61789l75.5609,293.42725a23.52654,23.52654,0,0,0,28.6179,16.89723l249.84894-64.339a23.52654,23.52654,0,0,0,16.89723-28.61789l-72.51713-281.6073-52.285-23.40643Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M627.07719,167.18472l-38.66749,9.95733a10.99077,10.99077,0,0,1-13.38436-7.9027L567.671,140.68008a.68692.68692,0,0,1,.944-.7991l58.56966,26.01073A.68692.68692,0,0,1,627.07719,167.18472Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path d="M606.73438,417.76533,492.98165,447.058a5.49538,5.49538,0,0,1-2.74083-10.64353L603.99355,407.1218a5.49538,5.49538,0,1,1,2.74083,10.64353Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M633.31182,430.07333l-135.705,34.9456A5.49538,5.49538,0,0,1,494.866,454.3754l135.705-34.94561a5.49539,5.49539,0,0,1,2.74084,10.64354Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><circle id="a597741b-ffcf-4aba-98b0-6652ef5d57c9" data-name="Ellipse 44" cx="135.55495" cy="323.87767" r="19.42315" fill="#e6e6e6"/><path d="M594.63919,366.93361,443.56425,405.8227A17.01917,17.01917,0,0,1,422.863,393.59731l-31.6597-122.9905a17.01916,17.01916,0,0,1,12.22538-20.7012l151.075-38.88909a17.01916,17.01916,0,0,1,20.7012,12.22539l31.65971,122.9905A17.01917,17.01917,0,0,1,594.63919,366.93361Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M594.63919,366.93361,443.56425,405.8227A17.01917,17.01917,0,0,1,422.863,393.59731l-31.6597-122.9905a17.01916,17.01916,0,0,1,12.22538-20.7012l151.075-38.88909a17.01916,17.01916,0,0,1,20.7012,12.22539l31.65971,122.9905A17.01917,17.01917,0,0,1,594.63919,366.93361ZM403.9273,251.84246a15.017,15.017,0,0,0-10.7871,18.26578l31.6597,122.9905a15.017,15.017,0,0,0,18.26577,10.7871l151.075-38.88908a15.017,15.017,0,0,0,10.7871-18.26578L573.268,223.74048a15.017,15.017,0,0,0-18.26578-10.7871Z" transform="translate(-310.99935 -139.03722)" fill="#e6e6e6"/><path id="b056fd3f-f1a0-44f0-b006-deff0bee637d-898" data-name="Path 411" d="M546.83934,252.37075l-76.24555,19.62681a2.73087,2.73087,0,0,1-3.30848-1.71854,2.63064,2.63064,0,0,1,1.85283-3.33925l77.61329-19.97889c3.13521,1.58858,2.31023,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="f1ea6668-a825-428d-96fe-a2c4e1b5a672-899" data-name="Path 412" d="M550.282,265.74474l-76.24555,19.62681A2.73089,2.73089,0,0,1,470.728,283.653a2.63065,2.63065,0,0,1,1.85284-3.33925l77.61329-19.97889c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="ee9aa382-a9c9-40d0-8ed3-22ec2dd616d6-900" data-name="Path 413" d="M459.51412,297.22917l-23.2694,5.98992a2.962,2.962,0,0,1-3.60325-2.12795l-7.06858-27.45979a2.962,2.962,0,0,1,2.12794-3.60325l23.2694-5.98991a2.963,2.963,0,0,1,3.60325,2.12795l7.06859,27.45982a2.962,2.962,0,0,1-2.12795,3.60324Z" transform="translate(-310.99935 -139.03722)" fill="#e6e6e6"/><path id="be954d2b-d8b8-4d26-80a0-a319e99a4b10-901" data-name="Path 414" d="M557.10914,293.18514,440.74446,323.13925a2.73087,2.73087,0,0,1-3.30847-1.71854,2.63062,2.63062,0,0,1,1.85284-3.33925L557.02218,287.775c3.13521,1.58859,2.31022,4.83781.087,5.41012Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="baaae9e4-1b4d-40c2-8a9d-f2abb078b489-902" data-name="Path 415" d="M560.55283,306.563,444.18814,336.51715a2.73086,2.73086,0,0,1-3.30846-1.71854,2.63061,2.63061,0,0,1,1.85283-3.33926l117.73335-30.30643c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="a91bf4c9-37f6-4391-92ed-1882bd0ce21c-903" data-name="Path 416" d="M563.99426,319.93218,447.62957,349.8863a2.73086,2.73086,0,0,1-3.30846-1.71854,2.63061,2.63061,0,0,1,1.85283-3.33926l117.73335-30.30643c3.13521,1.58858,2.31023,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="efb98e07-468b-4c85-9a64-ee4cc5493d6f-904" data-name="Path 417" d="M567.43768,333.30908,451.073,363.2632a2.73087,2.73087,0,0,1-3.30847-1.71854,2.63063,2.63063,0,0,1,1.85284-3.33926L567.35072,327.899c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="aeb1db98-32e5-40b8-ab89-fdad6a3263dc-905" data-name="Path 418" d="M570.87937,346.67924,454.51469,376.63336a2.73088,2.73088,0,0,1-3.30847-1.71855,2.63062,2.63062,0,0,1,1.85284-3.33925l117.73335-30.30643c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="be265de5-288f-49a7-867d-c42e7cdbf4db-906" data-name="Path 395" d="M447.98728,469.72335a2.01449,2.01449,0,0,1-1.27407-.08782l-.02505-.01034L441.3969,467.382a2.02852,2.02852,0,1,1,1.58747-3.73356l3.42865,1.45835,4.49293-10.56929a2.02766,2.02766,0,0,1,2.65942-1.07259l.00068.00028-.027.06912.02812-.06941a2.03011,2.03011,0,0,1,1.0723,2.66008l-5.28586,12.42716a2.02886,2.02886,0,0,1-1.36522,1.16845Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M773.47457,603.71475h-258a33.03734,33.03734,0,0,1-33-33v-303a33.03734,33.03734,0,0,1,33-33H755.50142l50.97315,40.62891V570.71475A33.03734,33.03734,0,0,1,773.47457,603.71475Z" transform="translate(-310.99935 -139.03722)" fill="#e6e6e6"/><path d="M515.47446,244.21475a23.52654,23.52654,0,0,0-23.5,23.5v303a23.52653,23.52653,0,0,0,23.5,23.5h258a23.52653,23.52653,0,0,0,23.5-23.5V279.92032l-44.79614-35.70557Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M723.29356,332.319H605.82977a5.49538,5.49538,0,0,1,0-10.99076H723.29356a5.49538,5.49538,0,1,1,0,10.99076Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M745.962,350.86594H605.82977a5.49539,5.49539,0,0,1,0-10.99077H745.962a5.49539,5.49539,0,1,1,0,10.99077Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M723.29425,404.44277h-117.46a5.495,5.495,0,1,0,0,10.99h117.46a5.495,5.495,0,0,0,0-10.99Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M745.96417,422.99281H605.83429a5.495,5.495,0,1,0,0,10.99H745.96417a5.495,5.495,0,0,0,0-10.99Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M723.29356,498.55433H605.82977a5.49538,5.49538,0,0,1,0-10.99076H723.29356a5.49538,5.49538,0,1,1,0,10.99076Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M745.962,517.10125H605.82977a5.49539,5.49539,0,0,1,0-10.99077H745.962a5.49539,5.49539,0,1,1,0,10.99077Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><circle id="abdb8e2f-a218-463c-85f4-c869fef49971" data-name="Ellipse 44" cx="245.91553" cy="197.05988" r="19.42315" fill="#fabf1f"/><path id="ba7dbbd6-0052-44b1-a552-47a8298b8d3e-907" data-name="Path 395" d="M554.99015,343.50645a2.0144,2.0144,0,0,1-1.21191-.40277l-.02168-.01626-4.5647-3.49185a2.02852,2.02852,0,1,1,2.46838-3.21972l2.95665,2.26729,6.98671-9.11494a2.02767,2.02767,0,0,1,2.84288-.3755l.00058.00044-.04336.06021.04454-.06021a2.03011,2.03011,0,0,1,.37507,2.84345l-8.2179,10.71637a2.02892,2.02892,0,0,1-1.61348.79109Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M578.33429,419.21278a19.42256,19.42256,0,0,1-19.41992,19.43,4.17626,4.17626,0,0,1-.5-.02,19.422,19.422,0,1,1,19.91992-19.41Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><circle id="e4a71040-498e-4958-ad41-c2d79154b8f7" data-name="Ellipse 44" cx="245.91553" cy="363.29519" r="19.42315" fill="#ccc"/><path d="M805.48234,276.65121h-39.929a10.99077,10.99077,0,0,1-10.99076-10.99077v-29.491a.68692.68692,0,0,1,1.11347-.53844l50.23281,39.79483A.68692.68692,0,0,1,805.48234,276.65121Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M578.33429,419.21278a19.42256,19.42256,0,0,1-19.41992,19.43,4.17626,4.17626,0,0,1-.5-.02,42.05076,42.05076,0,0,1,3.77-38.56A19.43323,19.43323,0,0,1,578.33429,419.21278Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M600.33429,409.94277a5.50988,5.50988,0,0,1,5.5-5.5h29.27a41.57257,41.57257,0,0,1,3.60986,10.99H605.83429A5.50129,5.50129,0,0,1,600.33429,409.94277Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M639.39435,422.99281a41.92449,41.92449,0,0,1-1.46,10.99h-32.1001a5.495,5.495,0,1,1,0-10.99Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M711.816,490.77021a6.00013,6.00013,0,0,1-8.24672,1.9979l-70.0049-42.70029a6,6,0,0,1,6.24883-10.24462l70.00489,42.70029A6.00014,6.00014,0,0,1,711.816,490.77021Z" transform="translate(-310.99935 -139.03722)" fill="#3f3d56"/><path d="M641.8111,448.06992a48,48,0,1,1-15.98318-65.97376A48.05436,48.05436,0,0,1,641.8111,448.06992Zm-71.71233-43.74176a36,36,0,1,0,49.48033-11.98738A36.04071,36.04071,0,0,0,570.09877,404.32816Z" transform="translate(-310.99935 -139.03722)" fill="#3f3d56"/><circle cx="484.60301" cy="267.17256" r="24.56103" fill="#a0616a"/><path d="M794.015,543.90119a11.002,11.002,0,0,1,8.32251-14.15136,10.46752,10.46752,0,0,1,1.45923-.17969l25.87158-41.52344L806.036,465.57991a9.43208,9.43208,0,1,1,13.1206-13.55274L851.786,484.201l.06567.08008a8.54468,8.54468,0,0,1-.59448,10.18457l-36.25,42.873a10.301,10.301,0,0,1,.27,1.0459,11.0026,11.0026,0,0,1-9.875,13.11621q-.46839.041-.93213.041A11.0367,11.0367,0,0,1,794.015,543.90119Z" transform="translate(-310.99935 -139.03722)" fill="#a0616a"/><polygon points="444.151 609.001 431.891 609 426.059 561.712 444.153 561.713 444.151 609.001" fill="#a0616a"/><path d="M758.2767,759.92208l-39.53051-.00146v-.5a15.38605,15.38605,0,0,1,15.38647-15.38623h.001l24.1438.001Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><polygon points="566.007 592.05 555.473 598.322 526.268 560.676 541.815 551.419 566.007 592.05" fill="#a0616a"/><path d="M885.77238,739.69878l-33.96586,20.2233-.25581-.4296a15.386,15.386,0,0,1,5.34836-21.09206l.00084-.0005,20.74515-12.35158Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><path d="M735.512,727.21272c-8.21289-96.70606-13.09863-186.54492,16.92408-223.19336l.23217-.28418,50.52564,20.21094.08325.18066c.17041.37109,16.97388,37.333,13.0542,62.19434L828.794,643.64924l40.63574,68.041A4.50136,4.50136,0,0,1,867.379,718.118l-17.65918,7.76953a4.52142,4.52142,0,0,1-5.64844-1.76562l-44.2041-72.08008-24.96778-55.28613a1.50028,1.50028,0,0,0-2.85888.459L758.20052,727.31135a4.4918,4.4918,0,0,1-4.47461,4.02441H739.99764A4.53045,4.53045,0,0,1,735.512,727.21272Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><path d="M752.60628,504.786l-.24072-.11523-.0376-.26465c-1.88745-13.21.34668-27.8877,6.63989-43.625a34.63634,34.63634,0,0,1,40.20191-20.74317h0a34.59441,34.59441,0,0,1,22.06055,16.96387,34.2209,34.2209,0,0,1,2.3728,27.4248c-7.93384,23.2002-18.22583,44.90723-18.32886,45.124l-.21558.45312Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M697.48021,471.88251A11.002,11.002,0,0,1,713.65,474.72233a10.46856,10.46856,0,0,1,.67932,1.3039l47.95411,9.69217,12.7683-30.00357a9.43208,9.43208,0,1,1,17.28928,7.54372l-18.71,41.83025-.052.08956a8.54469,8.54469,0,0,1-9.74785,3.00972L710.97846,489.2473a10.30273,10.30273,0,0,1-.88511.61918,11.00261,11.00261,0,0,1-15.74382-4.6565q-.20244-.42436-.36484-.85874A11.0367,11.0367,0,0,1,697.48021,471.88251Z" transform="translate(-310.99935 -139.03722)" fill="#a0616a"/><path d="M884.33087,432.51247c-2.36572-4.19178-5.8125-8.03119-10.36914-9.58069-5.88476-2.001-12.25683.12964-18.30713,1.55218-4.66162,1.09595-9.53173,1.76679-14.23046.84192-4.69825-.92492-9.23047-3.65924-11.36817-7.94409-3.145-6.30359-.4956-13.82062-.687-20.86255a25.33438,25.33438,0,0,0-31.92334-23.81061c-5.79346-1.67193-11.03906-1.82659-14.62256,2.62714a17.0001,17.0001,0,0,0-17,17h16.25537a16.1496,16.1496,0,0,0,2.4541,11.93109c2.86963,4.21582,7.85938,7.2655,8.81983,12.274.93115,4.85351-2.36817,9.45868-5.8291,12.98669-3.46045,3.528-7.4751,7.02381-8.55567,11.84626a14.68871,14.68871,0,0,0,2.10352,10.56475,34.40329,34.40329,0,0,0,7.38623,8.13575,108.40184,108.40184,0,0,0,45.0376,23.04034c11.7041,2.81781,24.50586,3.54822,35.37109-1.6355a35.12563,35.12563,0,0,0,15.46484-48.96667Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><path d="M888.00065,760.96278h-190a1,1,0,0,1,0-2h190a1,1,0,0,1,0,2Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/></svg>
\ No newline at end of file
--- a/docs/images/card_contribute_undraw_dev_focus.svg
+++ b/docs/images/card_contribute_undraw_dev_focus.svg
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="971.0518" height="628.38145" viewBox="0 0 971.0518 628.38145" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M847.93141,636.215h0a249.62642,249.62642,0,0,1-2.09461-54.11121l2.09461-29.88879h0c-11.54175,22.96552-8.93335,53.1922,0,83.99994Z" transform="translate(-114.4741 -135.80928)" fill="#cacaca"/><path d="M856.93141,641.215h0a183.49726,183.49726,0,0,1-1.00781-32.209l1.00781-17.791h0C851.37831,604.885,852.63331,622.877,856.93141,641.215Z" transform="translate(-114.4741 -135.80928)" fill="#cacaca"/><path d="M896.93606,663.21738v10a3.01557,3.01557,0,0,1-3,3h-5a.99647.99647,0,0,0-1,1v82a3.01557,3.01557,0,0,1-3,3h-61a3.0023,3.0023,0,0,1-3-3v-82a1.003,1.003,0,0,0-1-1h-6a3.0023,3.0023,0,0,1-3-3v-10a2.99585,2.99585,0,0,1,3-3h80A3.009,3.009,0,0,1,896.93606,663.21738Z" transform="translate(-114.4741 -135.80928)" fill="#f2f2f2"/><rect x="706.5518" y="542.50808" width="67" height="3" fill="#e6e6e6"/><path d="M887.93606,722.46217c-22.41974,9.27794-45.084,9.38019-68,0V701.327a106.78989,106.78989,0,0,1,68,0Z" transform="translate(-114.4741 -135.80928)" fill="#e6e6e6"/><circle cx="451.48125" cy="213.98538" r="36.39575" fill="#2f2e41"/><path d="M576.09529,314.40075a36.40078,36.40078,0,0,1,32.03936,53.66882,36.38707,36.38707,0,1,0-60.4544-39.98248A36.306,36.306,0,0,1,576.09529,314.40075Z" transform="translate(-114.4741 -135.80928)" fill="#2f2e41"/><circle cx="383.4705" cy="106.99576" r="106.91249" fill="#2f2e41"/><path d="M414.03572,176.47092A106.89327,106.89327,0,0,1,562.20289,165.261c-.87427-.83106-1.73926-1.66886-2.6477-2.47643a106.91251,106.91251,0,0,0-142.0661,159.80724c.90844.80758,1.84179,1.56848,2.76953,2.33935A106.89336,106.89336,0,0,1,414.03572,176.47092Z" transform="translate(-114.4741 -135.80928)" fill="#2f2e41"/><circle cx="382.5645" cy="144.14332" r="68.85889" fill="#ffb8b8"/><path d="M532.21437,367.50466l-73.68847,3.31269s6.15038,38.10812-33.71528,41.73229-76.10721-7.24829-90.60382,19.93283-8.24829,123.96607-8.24829,123.96607,27.18115,97.85211,48.92605,112.34875,212.01291-5.43622,212.01291-5.43622L666.5259,562.81735l-2.697-77.53951c-1.40839-40.49105-38.37693-70.89154-78.1935-63.39829q-1.17287.22073-2.36205.47539s-8.74743-6.53759-32.74743-18.53759C535.8492,396.479,532.21437,367.50466,532.21437,367.50466Z" transform="translate(-114.4741 -135.80928)" fill="#cacaca"/><path d="M372.26039,410.73757s17.5138,31.77787,10.26551,77.07978,23.164,141.11428,23.164,141.11428l21.74494-5.43622s-14.49662-94.228-10.87244-115.9729,4.62414-85.91251-13.49661-96.78494S372.26039,410.73757,372.26039,410.73757Z" transform="translate(-114.4741 -135.80928)" fill="#2f2e41"/><path d="M581.99873,427.39977l7.61682,200.62579,14.49658,9.06037s20.83887-220.16727,9.96643-220.16727H591.95607a9.97041,9.97041,0,0,0-9.9704,9.97043Q581.98567,427.14457,581.99873,427.39977Z" transform="translate(-114.4741 -135.80928)" fill="#2f2e41"/><circle cx="301.18217" cy="479.53178" r="9.06039" fill="#fabf1f"/><circle cx="482.38982" cy="488.59217" r="9.06038" fill="#fabf1f"/><polygon points="323.672 58.069 323.672 126.928 339.619 126.928 359.914 105.183 357.196 126.928 427.685 126.928 423.336 105.183 432.034 126.928 443.269 126.928 443.269 58.069 323.672 58.069" fill="#2f2e41"/><ellipse cx="312.79955" cy="129.6467" rx="5.43622" ry="9.96642" fill="#ffb8b8"/><ellipse cx="452.32945" cy="129.6467" rx="5.43622" ry="9.96642" fill="#ffb8b8"/><path d="M717.62587,744.25542v6.07a13.34036,13.34036,0,0,1-.91,4.87,13.68347,13.68347,0,0,1-.97,2,13.4372,13.4372,0,0,1-11.55,6.56h-446.55a13.43737,13.43737,0,0,1-11.55-6.56,13.68965,13.68965,0,0,1-.97-2,13.34125,13.34125,0,0,1-.91-4.87v-6.07a13.42638,13.42638,0,0,1,13.42282-13.43h25.74717v-2.83a.55906.55906,0,0,1,.55816-.56h13.43183a.5591.5591,0,0,1,.56.55817v2.83185h8.39v-2.83a.55906.55906,0,0,1,.55816-.56h13.43183a.5591.5591,0,0,1,.56.55817v2.83185h8.4v-2.83a.55906.55906,0,0,1,.55817-.56h13.43182a.5591.5591,0,0,1,.56.55817v2.83185h8.39v-2.83a.55906.55906,0,0,1,.55817-.56h13.43182a.5591.5591,0,0,1,.56.55817v2.83185h8.39v-2.83a.55907.55907,0,0,1,.55817-.56h13.43182a.5591.5591,0,0,1,.56.55817v2.83185h8.4v-2.83a.55906.55906,0,0,1,.55816-.56h13.43183a.5591.5591,0,0,1,.56.55817v2.83185h8.39v-2.83a.55908.55908,0,0,1,.55817-.56H526.80586a.55908.55908,0,0,1,.56.55817v2.83185h8.4v-2.83a.55908.55908,0,0,1,.55817-.56h13.43182a.5655.5655,0,0,1,.56.56v2.83h8.39v-2.83a.55908.55908,0,0,1,.55817-.56h13.43182a.55908.55908,0,0,1,.56.55817v2.83185h8.39v-2.83a.55908.55908,0,0,1,.55816-.56h13.43183a.55908.55908,0,0,1,.56.55817v2.83185h8.4v-2.83a.55908.55908,0,0,1,.55816-.56h13.43183a.557.557,0,0,1,.55.56v2.83h8.4v-2.83a.55908.55908,0,0,1,.55817-.56h13.43182a.55908.55908,0,0,1,.56.55817v2.83185h8.39v-2.83a.55908.55908,0,0,1,.55817-.56h13.43182a.55908.55908,0,0,1,.56.55817v2.83185h39.17a13.42639,13.42639,0,0,1,13.43,13.42273Z" transform="translate(-114.4741 -135.80928)" fill="#3f3d56"/><rect y="626.38145" width="971.0518" height="2" fill="#3f3d56"/><path d="M681.66835,488.62124H272.6248a11.2586,11.2586,0,0,0-11.25861,11.2586V727.79131A11.25867,11.25867,0,0,0,272.62477,739.05H681.66835a11.25866,11.25866,0,0,0,11.2586-11.25867V499.87984a11.2586,11.2586,0,0,0-11.2586-11.2586Z" transform="translate(-114.4741 -135.80928)" fill="#3f3d56"/><circle cx="362.99998" cy="432.38142" r="25" fill="#fabf1f"/><polygon points="517.763 267.219 643.969 140.016 703.552 140.016 703.552 138.016 643.134 138.016 642.841 138.313 516.341 265.813 517.763 267.219" fill="#3f3d56"/><rect x="776.32793" y="87.79227" width="146.22388" height="13.02985" fill="#fabf1f"/><path d="M872.981,244.87035H842.02589V213.91478H872.981Zm-28.95508-2H870.981V215.91478H844.02589Z" transform="translate(-114.4741 -135.80928)" fill="#3f3d56"/><rect x="776.32793" y="131.2251" width="146.22388" height="13.02985" fill="#fabf1f"/><path d="M872.981,288.303H842.02589V257.34789H872.981Zm-28.95508-2H870.981V259.34789H844.02589Z" transform="translate(-114.4741 -135.80928)" fill="#3f3d56"/><rect x="776.32793" y="174.65794" width="146.22388" height="13.02985" fill="#fabf1f"/><path d="M872.981,331.73558H842.02589V300.78051H872.981Zm-28.95508-2H870.981V302.78051H844.02589Z" transform="translate(-114.4741 -135.80928)" fill="#3f3d56"/></svg>
\ No newline at end of file
--- a/docs/images/card_interface_undraw_futuristic_interface.svg
+++ b/docs/images/card_interface_undraw_futuristic_interface.svg
+<svg xmlns="http://www.w3.org/2000/svg" width="555.5" height="645.54534" viewBox="0 0 555.5 645.54534" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M38.5,406.77267H1.5v-37c0-6.60004,5.40002-12,12-12H49.5v38c0,6.06543-4.93457,11-11,11Z" fill="#3f3d56"/><path d="M544.5,49.77267h-37V12.77267c0-6.60004,5.40002-12,12-12h36V38.77267c0,6.06543-4.93457,11-11,11Z" fill="#3f3d56"/><g><polygon points="285.24123 629.76828 271.91423 629.76697 265.5745 578.36223 285.24394 578.36359 285.24123 629.76828" fill="#a0616a"/><path d="M285.71033,643.67098l-40.98248-.00156v-.51823c.00058-8.80947,7.14205-15.95078,15.95152-15.95128h.00099l7.48595-5.6792,13.96715,5.68011,3.57752,.00008-.00066,16.47009Z" fill="#2f2e41"/></g><path d="M276.79528,364.46345l-8.79528,30.53655s-19,99.93474-14,113.93474,8.68504,102.06526,8.68504,102.06526h26.01575s3.50394-22.34079,3.40157-25.70302c-.10236-3.36223,5.89764-57.36223-2.10236-65.36223l35-88,55-46-21.56693-26.77026-81.6378,5.29897Z" fill="#2f2e41"/><path d="M404,414v-16l-16-22c-6.59998,0-12,5.39996-12,12v54c0,6.59998,5.40002,12,12,12h54c6.59998,0,12-5.40002,12-12l-22-15h-15c-7.16846,0-13-5.83203-13-13Z" fill="#fabf1f" opacity=".5"/><path d="M481.22,281.50002H154.77957c-10.63086,0-19.2793-8.64893-19.2793-19.28003v-113.43994c0-10.6311,8.64844-19.28003,19.2793-19.28003H481.22c10.63086,0,19.28027,8.64893,19.28027,19.28003v113.43994c0,10.6311-8.64941,19.28003-19.28027,19.28003Z" fill="#fabf1f" opacity=".5"/><path d="M340.78027,260H127.78027c-10.90674,0-19.78027-8.87354-19.78027-19.78027V126.77979c0-10.90674,8.87305-19.77979,19.77979-19.77979H454.21973c10.90674,0,19.78027,8.87354,19.78027,19.78027,0,73.45752-59.76221,133.21973-133.21973,133.21973ZM127.77979,109c-9.80371,0-17.77979,7.97607-17.77979,17.77979v113.43994c0,9.8042,7.97607,17.78027,17.78027,17.78027h213c72.35498,0,131.21973-58.86475,131.21973-131.21973,0-9.8042-7.97607-17.78027-17.78027-17.78027H127.77979Z" fill="#fabf1f"/><g><path d="M367.79989,377.04384l-2.11682-29.96289,16.9478-3.59737,1.11088,31.75826c.66768,.70439,1.24564,1.5161,1.70151,2.42961,2.4794,4.96843,.46162,11.00615-4.50681,13.48554-4.96843,2.4794-11.00615,.46162-13.48554-4.50681-1.58122-3.16859-1.32677-6.7683,.34899-9.60634Z" fill="#a0616a"/><path d="M340.89513,184.92256l-6.52043,4.8595,16.0247,91.3789-2.34273,5.59452,3.12531,2.93852,.95771,7.02766,12.61836,65.27834h19.24195c-.28242-2.26768,5.28057-4.59195,5-7-.32081-2.75336-2.57469-6.91812-2.8952-9.82685-.09924-.90064-.19852-1.80802-.29788-2.72167-.14584-1.34116-.29184-2.69587-.43811-4.06269-.11327-1.05845-.22669-2.12418-.34032-3.19653-2.46013-23.21649-3.47157-49.34159-4.89257-71.9006-1.8116-28.75973-4.28887-51.72352-11.28221-55.47561l-27.95859-22.8935Z" fill="#3f3d56"/></g><path d="M389.53455,628.21239c2.06592,.12937,3.20768-2.43737,1.64468-3.93333l-.1555-.61819c.02047-.04951,.04105-.09897,.06178-.14839,2.08924-4.9818,9.16992-4.94742,11.24139,.04177,1.83859,4.42817,4.17942,8.86389,4.75579,13.54594,.25838,2.0668,.14213,4.17236-.31648,6.20047,4.30807-9.41059,6.57515-19.68661,6.57515-30.02077,0-2.59652-.14213-5.19301-.43275-7.78295-.239-2.11854-.56839-4.2241-.99471-6.31034-2.30575-11.2772-7.29852-22.01825-14.50012-30.98962-3.46197-1.89248-6.34906-4.85065-8.09295-8.39652-.62649-1.27891-1.11739-2.65462-1.34991-4.05618,.39398,.05168,1.48556-5.94866,1.18841-6.3168,.54906-.83317,1.53178-1.24733,2.13144-2.06034,2.98232-4.04341,7.0912-3.33741,9.23621,2.15727,4.58224,2.31266,4.62659,6.14806,1.81495,9.83683-1.78878,2.34682-2.03456,5.52233-3.60408,8.03478,.16151,.20671,.32944,.40695,.4909,.61366,2.96106,3.79788,5.52208,7.88002,7.68104,12.16859-.61017-4.76621,.29067-10.50822,1.82641-14.20959,1.74819-4.21732,5.02491-7.76915,7.91045-11.41501,3.46601-4.37924,10.57337-2.46806,11.18401,3.08332,.00591,.05375,.01166,.10745,.01731,.1612-.4286,.24178-.84849,.49867-1.25864,.76992-2.33949,1.54723-1.53096,5.17386,1.24107,5.60174l.06277,.00967c-.15503,1.54366-.41984,3.07444-.80734,4.57937,3.70179,14.31579-4.29011,19.5299-15.70147,19.76412-.25191,.12916-.49738,.25832-.74929,.38109,1.15617,3.25525,2.07982,6.59447,2.76441,9.97891,.61359,2.99043,1.03991,6.01317,1.27885,9.04888,.29715,3.83006,.27129,7.67959-.05168,11.50323l.01939-.13562c.82024-4.21115,3.10671-8.14462,6.4266-10.87028,4.94561-4.06264,11.93282-5.55869,17.26826-8.82425,2.56833-1.57196,5.85945,.45945,5.41121,3.43708l-.02182,.14261c-.79443,.32289-1.56947,.69755-2.31871,1.11733-.4286,.24184-.84848,.49867-1.25864,.76992-2.33949,1.54729-1.53096,5.17392,1.24107,5.6018l.06282,.00965c.0452,.00646,.08397,.01295,.12911,.01944-1.36282,3.23581-3.26168,6.23922-5.63854,8.82922-2.31463,12.49713-12.25603,13.68282-22.89022,10.04354h-.00648c-1.16259,5.06378-2.86128,10.01127-5.0444,14.72621h-18.02019c-.06463-.20022-.12274-.40692-.18089-.60717,1.6664,.10341,3.34571,.00649,4.98629-.29702-1.33701-1.64059-2.67396-3.29409-4.01097-4.93462-.03229-.0323-.05816-.0646-.08397-.09689-.67817-.8396-1.36282-1.67283-2.04099-2.51246l-.00036-.00102c-.04245-2.57755,.26652-5.14662,.87876-7.63984l.00057-.00035Z" fill="#f2f2f2"/><path d="M187.98319,644.35534c0,.66003,.53003,1.19,1.19006,1.19h253.28998c.65997,0,1.19-.52997,1.19-1.19,0-.65997-.53003-1.19-1.19-1.19H189.17326c-.66003,0-1.19006,.53003-1.19006,1.19Z" fill="#ccc"/><path d="M22.69,0C10.15866,0,0,10.15866,0,22.69V407H2V157.67999C2,71.70001,71.70001,2,157.67999,2l397.68367-.36367-.36367-1.63633H22.69Z" fill="#3f3d56"/><path d="M189,256c0,1.33997-.03998,2.67999-.10999,4h-61.10999c-10.37006,0-18.78003-8.41003-18.78003-18.78003v-56.77997c2.63-.29004,5.29999-.44,8-.44,39.76001,0,72,32.23999,72,72Z" fill="#fabf1f"/><path d="M415.55057,182.99647H220.18172c-3.32953,0-6.03599,2.70647-6.03599,6.03599s2.70647,6.03599,6.03599,6.03599h195.36885c3.32953,0,6.03599-2.70647,6.03599-6.03599s-2.70647-6.03599-6.03599-6.03599Z" fill="#fabf1f"/><path d="M280.75629,149.15202h-60.57457c-3.32953,0-6.03599,2.70647-6.03599,6.03599s2.70647,6.03599,6.03599,6.03599h60.57457c3.32953,0,6.03599-2.70647,6.03599-6.03599s-2.70647-6.03599-6.03599-6.03599Z" fill="#fabf1f"/><g><polygon points="340.24123 629.76828 326.91423 629.76697 320.5745 578.36223 340.24394 578.36359 340.24123 629.76828" fill="#a0616a"/><path d="M340.71033,643.67098l-40.98248-.00156v-.51823c.00058-8.80947,7.14205-15.95078,15.95152-15.95128h.00099l7.48595-5.6792,13.96715,5.68011,3.57752,.00008-.00066,16.47009Z" fill="#2f2e41"/></g><path d="M312.5,376.5l7,61-15.5,63.5,13.5,110.5,25,2s12-81,1-109l28-110-21-12-38-6Z" fill="#2f2e41"/><path d="M338.58268,170.38583c-4.41168-4.70954-2.90076-9.00038-9.72151-10.20274-4.62394-.8151-10.18921,.00239-14.92426-.00199-11.90003-.011-13.68894,6.56911-20.54001,15.31106-17.64659,22.517-1.22894,40.5864-5.39689,67.50784-3.87262,25.01391,6.50628,38.63621,1.90945,63.71755-2.18814,11.93899-6.42969,28.75043-13.85156,42.48065-4.09814,7.58142-6.06348,16.40118-5.05811,24.80182,.88965,7.43469,96.90692,8.30154,99.56385,6.47223,3.12865-2.1541,2.07062-6.77208,2.37615-9.98945,.82773-8.71622,1.66982-14.82232-.42325-23.72477-1.96683-8.36553-1.93008-18.08568-1.95748-26.73193-.02642-8.33578-11.7675,5.42562-11.08544-2.89646,.86991-10.61412,2.59475-20.99827,4.49475-31.51597,1.47061-8.14074,2.04693-16.50603,4.20764-24.47678,2.48895-9.1816,5.45647-17.2585,5.55628-26.88836,.07769-7.49552,1.88667-17.97407-1.09344-24.84144-4.39014-10.11665-13.24348-19.22664-20.71213-27.3296-3.71373-4.02914-7.40085-6.65144-11.64325-9.99088" fill="#3f3d56"/><g><path d="M187.84909,216.48957l27.0348,13.09105-5.32361,16.48721-28.0904-14.85767c-.94338,.22803-1.93511,.3248-2.9543,.265-5.54319-.32527-9.77319-5.08263-9.44792-10.62582,.32527-5.54319,5.08263-9.77319,10.62582-9.44792,3.53514,.20744,6.52962,2.22132,8.15562,5.08816Z" fill="#a0616a"/><path d="M270.77531,291.21231c-2.58952-1.37172-42.03513-26.52723-62.77531-38.21231-.38867-.21898-3.06582,1.21536-3.43935,1.0049-.57014-.32123-.02813-2.70485-.56065-3.0049-1.15483-.65069-3.31193,.82288-4.26886,.28365-3.46532-1.95273-2.73114-10.28365-2.73114-10.28365l7-17,11.44396-.36523,2.55604,4.36523,5.42587-.65374,3.57413,4.65374,41.19216,16.1621c1.60107-21.47809,10.18994-39.19672,19.49414-56.53049l3.76092,.7105c9.48421,1.79183,15.81038,10.81843,14.25842,20.34483l-10.86243,66.67644c-1.05159,6.2035-5.4409,11.20585-11.45502,13.05439-4.34598,1.33643-8.85531,.78444-12.61288-1.20547Z" fill="#3f3d56"/></g><circle cx="311.67051" cy="123.25689" r="30.60491" fill="#a0616a"/><path d="M345.63943,124.18752c-1.06982-.42999-2.14014-.78998-3.06982-1.01996,5.2518,6.61167-3.61409,12.41385-4.98973,19.1804,.11451,5.37162-2.82238,7.80842-7.96047,9.27956l.12012-.41998c-41.7908,10.70492,2.29312-24.92919-30.38049-25.91102-4.97986,.29102,1.67062-15.3667-3.44958-14.57897-13,2-13.60607,.62565-14.99939,10.00114-2.53089,.82882-6.00061-3.00114-5.59046-7.00114-.92626-1.6833-3.34658-.60581-4.32001-3.1603-1.03009-1.94968-2.99005-14.69968,1.47968-8.73972,.2957-4.06876-.8552-12.38692,4.22021-5.27997-.66048-3.23315,2.14591-1.83304,3.31982,.08997,.83008-1.89001,1.66016-3.76996,2.47998-5.65997-.22998,.84998-.08008,1.77997,.34033,2.62,2.35874-5.01123,5.96-5.46511,11.57959-6.88-.06542,1.5351-.02999,3.33123,.18018,4.71997,6.52529-10.81121,22.32813-7.79075,28.62926,1.76054,3.99323,.91177,5.6808-.4705,9.6808,.5295,10.74785,2.68696,15.66116,19.25956,12.72998,30.46997Z" fill="#2f2e41"/><path d="M427,413h37v-37c0-6.60004-5.40002-12-12-12h-36v38c0,6.06543,4.93457,11,11,11Z" fill="#fabf1f"/><ellipse cx="127.70614" cy="55.21025" rx="8.45661" ry="8.64507" fill="#3f3d56"/><ellipse cx="156.91989" cy="55.21025" rx="8.45661" ry="8.64507" fill="#3f3d56"/><ellipse cx="186.13364" cy="55.21025" rx="8.45661" ry="8.64507" fill="#3f3d56"/><path d="M393.5,84.27267c-.82715,0-1.5,.67285-1.5,1.5v10c0,.82715,.67285,1.5,1.5,1.5h10c.82715,0,1.5-.67285,1.5-1.5v-10c0-.82715-.67285-1.5-1.5-1.5h-10Z" fill="#fabf1f"/><path d="M416.5,84.27267c-.82715,0-1.5,.67285-1.5,1.5v10c0,.82715,.67285,1.5,1.5,1.5h10c.82715,0,1.5-.67285,1.5-1.5v-10c0-.82715-.67285-1.5-1.5-1.5h-10Z" fill="#fabf1f"/><path d="M439.5,84.27267c-.82715,0-1.5,.67285-1.5,1.5v10c0,.82715,.67285,1.5,1.5,1.5h10c.82715,0,1.5-.67285,1.5-1.5v-10c0-.82715-.67285-1.5-1.5-1.5h-10Z" fill="#fabf1f"/></svg>
\ No newline at end of file
--- a/docs/images/card_outreach_undraw_engineering_team.svg
+++ b/docs/images/card_outreach_undraw_engineering_team.svg
+<svg xmlns="http://www.w3.org/2000/svg" width="866.81006" height="443.0676" viewBox="0 0 866.81006 443.0676" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M828.33492,244.95227l-2.71537,21.6217-6.73908,53.70394h-135.38272c1.05718-12.03676,2.50247-29.36207,4.04646-48.06508,.15218-1.86793,.31188-3.74756,.46397-5.63886,3.87162-47.01432,8.10823-100.21632,8.10823-100.21632l17.79852,3.31574,34.53207,6.42112,14.07147,2.61514,37.68114,7.01655c18.78727,3.49074,31.7102,30.69301,28.13532,59.22608Z" fill="#f2f2f2"/><polygon points="725.93018 79.35764 742.57875 108.4915 710.5803 131.16867 696.93018 95.35764 725.93018 79.35764" fill="#ffb6b6"/><circle cx="704.73531" cy="65.67545" r="41.24406" fill="#ffb6b6"/><path d="M701.77389,74.8959c-3.27492-4.9842-1.98953-7.59113-4.73126-9.42283-.00005-.00005-1.10331-.7371-8.99943-1.15733h0c-1.76783-12.72387-3.9747-14.26689-3.97475-14.26694-2.54344-1.77835-6.31806-1.20052-8.66632-.11286-4.96648,2.3004-4.39069,7.26947-7.73471,8.22036-4.61947,1.31356-13.02411-6.09155-13.85211-14.56892-.67539-6.91516,3.77981-13.63146,5.54692-13.27617,1.75207,.35229,5.94686-5.00298,8.2118-4.92038,1.54677,.05641,7.86668-2.69052,9.56681-2.47576,1.85668,.23458,7.97849,3.42925,8.23359,2.69936,1.77276-5.07201,1.25174-6.47929,2.75595-7.93028,2.66541-2.57115,7.02574-.78067,13.86612,.18057,14.07429,1.97776,16.5307-2.66296,23.74347,.48255,3.64355,1.58896,6.69229,5.8742,12.64108,14.3798,8.31932,11.89498,12.47896,17.84248,12.50565,24.77939,.02721,7.0744-3.3985,6.62532-4.90327,17.09838-1.67502,11.65826,1.88393,16.98908-2.00412,20.77661-3.00495,2.92729-9.11284,3.62215-12.32198,1.05303-5.49439-4.39856,1.69602-15.0123-4.38413-22.76671-3.73224-4.75997-11.23802-6.87793-14.67632-4.52502-3.88767,2.66043-1.74599,10.46929-4.47987,11.20979-2.3411,.63413-5.77242-4.58808-6.34311-5.45663Z" fill="#2f2e41"/><path d="M797.8501,237.33762c-1.15039,19.66992-5.71973,25.87988-7.32031,49.10986-.34961,5.1001-.55957,11.02002-.55957,18.08008,0,1.7998,.00977,3.54004,.00977,5.24023,0,3.61963-.06934,7.04004-.49023,10.50977-.31934,2.77002-.86914,5.56006-1.7793,8.5h-88.83008c-.00977-.02002-.00977-.04004-.02051-.06006-.51953-2.25977-.84961-4.41992-1.09961-6.48975-.08008-.66016-.15039-1.31006-.20996-1.9502-.08008-.75-.15039-1.48975-.21973-2.21973-.27051-2.91016-.54004-5.66016-1.18066-8.29004-.85938-3.63037-2.41992-7.05029-5.62012-10.3501-1.30957-1.3501-2.61914-2.3999-3.89941-3.31982-.25-.17041-.49023-.34033-.74023-.51025-3.54004-2.43018-6.88965-4.18018-9.79004-9.14014-.0498-.06982-.08984-.1499-.12988-.21973-.5-.87012-1.7998-3.15039-2.74023-6.18994-.99023-3.16016-1.58984-7.13037-.50977-11.18994,2.57031-9.62012,12.08984-10.58008,19.87012-20.30029,.83984-1.0498,1.66992-2.20996,2.45996-3.5,3.51953-5.72021,4.46973-10.75977,5.58984-16.75,.17969-.97021,.33984-1.93018,.46973-2.85986,.10059-.7002,.19043-1.39014,.26074-2.07031,.61914-5.70996,.31934-10.62988-.41016-15.02979-2.37988-14.41016-9.40039-23.33008-4.44043-36.26025,1.56055-4.05957,3.77051-7.10986,6-9.71973,4.71973-5.53027,9.57031-9.12012,8.73047-16.25977-.85059-7.2002-6.31055-8.19043-6.91992-14.48047-.31055-3.17969,.72949-6.52979,2.67969-9.81982v-.00977c6.24023-10.59033,21.82031-20.34033,31.71973-20.03027,1.83008,.05029,3.4502,.45996,4.7998,1.25,4.89062,2.87988,2.85059,9.16992,10.34082,17.99023,5.56934,6.5498,11.86914,9.16992,14.25977,10.40967,9.46973,4.94043,17.16992,19.51025,22.39941,38.14014,.04004,.14014,.08008,.27979,.12012,.43018,3.23047,11.66992,5.51074,24.91992,6.64062,38.35986,.47949,5.68994,.75977,11.41016,.81934,17.06982,.05078,4.52002-.0498,8.44043-.25977,11.93018Z" fill="#fabf1f"/><g><polygon points="731.33057 304.72776 729.52002 309.7678 728.38037 312.92747 725.73975 320.27756 722.68018 328.77756 703.01025 328.77756 706.31006 320.27756 707.84033 316.3176 710.38037 309.7678 714.64014 298.7678 731.33057 304.72776" fill="#ffb6b6"/><path d="M790.84033,167.82737c-.0498,.65039-.12012,1.37012-.19043,2.15039-.7793,7.93994-2.62012,22.1499-5.30957,38.35986-1.41992,8.5498-3.08008,17.66016-4.9502,26.70996-4.01953,19.52979-9.01953,38.76025-14.66992,51.3999-1.00977,2.28027-2.0498,4.34033-3.11035,6.16016-.80957,1.39014-1.66016,2.75977-2.5498,4.10986-2.87988,4.43018-6.11035,8.63037-9.45996,12.55029-.12988,.16992-.28027,.33008-.42969,.5-.54004,.63965-1.10059,1.27002-1.66016,1.8999-2.74023,3.08984-5.54004,5.96973-8.25,8.60986-3.2998,3.22021-6.48047,6.07031-9.33008,8.5h-31.94043l-.12988-.06006-4.59961-2.04004s1.30957-1.54004,3.5-4.44971c.4502-.59033,.92969-1.24023,1.4502-1.9502,.63965-.87012,1.33008-1.83008,2.06934-2.87012,1.54004-2.17969,3.29004-4.73975,5.16992-7.63965,3.64062-5.61035,7.79004-12.51025,11.98047-20.5,.48047-.93018,.96973-1.87012,1.45996-2.82031,.00977-.02979,.03027-.06006,.04004-.08984,.83008-1.62012,1.65039-3.29004,2.46973-4.99023,6.9502-14.45996,8.94043-26.45996,9.51074-30.34961,.7998-5.5,1.90918-13.19043,1.60938-21.65039-.2002-5.57959-1.00977-11.47998-2.93945-17.33984v-.00977c-.40039-1.22998-.85059-2.45996-1.36035-3.68018-.91016-2.18994-1.99023-4.3501-3.27051-6.47998-5.64941-9.37988-10.23926-9.77002-13.88965-19.99023-1.08008-3.02979-3.53027-9.86963-2.78027-17.08984v-.00977c.09082-.89014,.24023-1.79004,.44043-2.69043v-.00977c.0498-.25,.12012-.50977,.19043-.75977,.56934-2.20996,1.50977-4.40039,2.93945-6.48047,2.79004-4.03955,6.59961-6.43994,10.00977-7.86963l.01074-.01025c3.93945-1.63965,7.33984-1.98975,8-2.0498,14.60938-1.2998,25.93945,10.97998,32.12988,17.68994,2.38965,2.58984,4.58008,4.76025,6.58008,6.52979,15.56934,13.90039,19.83984,5.02002,20.94922,.43018,.16992-.70996,.26074-1.31982,.31055-1.72021Z" fill="#fabf1f"/><path d="M790.89014,167.30784c0,.0498-.00977,.21973-.0498,.5,.01953-.15039,.03027-.30029,.04004-.44043,0-.02979,0-.0498,.00977-.05957Z" fill="#fabf1f"/></g><path d="M711.47021,378.3176H175.42041c-4.98047,0-9.04004,4.0498-9.04004,9.03027,0,4.98975,4.05957,9.03955,9.04004,9.03955H711.47021c4.97949,0,9.03027-4.0498,9.03027-9.03955,0-4.98047-4.05078-9.03027-9.03027-9.03027Z" fill="#e6e6e6"/><path d="M592.51025,424.99778H294.37012c-4.97998,0-9.02979,4.0498-9.02979,9.02979s4.0498,9.04004,9.02979,9.04004h298.14014c4.97998,0,9.04004-4.06006,9.04004-9.04004s-4.06006-9.02979-9.04004-9.02979Z" fill="#e6e6e6"/><polygon points="235.06941 81.27476 268.85306 67.05703 283.34352 96.76248 247.84188 111.25294 235.06941 81.27476" fill="#ffb6b6"/><polygon points="235.06941 81.27476 268.85306 67.05703 283.34352 96.76248 247.84188 111.25294 235.06941 81.27476" opacity=".1"/><path d="M239.87213,69.95512l33.32807,38.39973s-23.18474,73.17685-46.36949,79.69756-65.93162,38.39973-65.93162,38.39973l-53.61472-34.77712,26.08284-38.39973s63.03352-86.21827,79.69756-86.21827c16.66403,0,26.80736,2.89809,26.80736,2.89809Z" fill="#fabf1f"/><path d="M194.84299,320.2779H117.26107l-4.90504-6.55697-20.02583-26.7711-4.60796-6.15845s-17.38856-31.87902-13.76594-60.85995c3.62262-28.98093,41.29783-35.50164,41.29783-35.50164h1.55049l46.12313,40.52979-2.75318,37.71872,14.60637,24.27153,20.06205,33.32807Z" fill="#2f2e41"/><polygon points="133.14986 320.2779 112.35603 320.2779 112.35603 289.48566 133.14986 320.2779" fill="#2f2e41"/><path d="M581.64421,273.53165l-2.58651,13.41818-6.41927,33.32807h-128.95789c1.00701-7.46988,2.38371-18.22178,3.85442-29.82865,.14496-1.15922,.29708-2.32569,.44195-3.49942,3.68789-29.17657,7.72344-62.19314,7.72344-62.19314l16.95386,2.05771,32.89328,3.98488,13.40368,1.62293,35.89291,4.35439c17.89569,2.16632,30.20533,19.04774,26.80011,36.75505Z" fill="#f2f2f2"/><path d="M764.14438,320.2779h-69.94541c1.06503-1.25341,1.66635-1.97793,1.66635-1.97793l20.96775-3.46324,43.20324-7.12937s1.97068,5.09342,4.10808,12.57055Z" fill="#2f2e41"/><polygon points="467.45495 95.76626 497.87302 138.78423 444.81392 140.36878 439.11853 99.94198 467.45495 95.76626" fill="#a0616a"/><polygon points="467.45495 95.76626 497.87302 138.78423 444.81392 140.36878 439.11853 99.94198 467.45495 95.76626" opacity=".1"/><path id="uuid-ae755ff6-bb09-410e-86b1-7d1b81a37005-678" d="M317.44601,184.89638c-3.90299-11.25913-12.8761-18.37174-20.04107-15.88668-7.16497,2.48507-9.80758,13.62542-5.90169,24.88804,1.49853,4.52036,4.05781,8.61612,7.46374,11.94459l17.13959,47.49655,22.1173-8.51819-19.24476-45.91882c.61482-4.72396,.08913-9.52647-1.53311-14.0055Z" fill="#a0616a"/><path d="M523.34731,162.97667l-.04173,43.84082-4.07898,16.19317-8.39004,33.30631-6.10768,30.63286-4.55003,22.82248-1.62293,8.15089c-1.22449,.81871-2.44173,1.60117-3.65888,2.3547h-105.97603c-6.02079-3.61536-9.38979-6.42652-9.38979-6.42652,0,0,1.66639-1.56499,3.57189-4.07907,3.21689-4.2457,7.10757-11.2011,4.72391-17.84501-.49992-1.39112-.63033-3.08648-.47821-4.97747,.97088-12.47627,14.05577-33.57447,14.05577-33.57447l-2.70971-31.31387-1.18823-13.72243,8.37769-66.9101,27.30728-15.87424,4.71449-.45614,46.53611-2.51407,19.23434,1.10845,.87664,.23915,18.79409,39.04457Z" fill="#ccc"/><g><polygon points="525.41397 320.2779 502.22923 320.2779 501.20763 309.77232 501.18587 309.56218 507.75009 309.11297 524.82716 307.9465 525.12415 314.23531 525.35604 319.06075 525.41397 320.2779" fill="#ffb6b6"/><path d="M531.12143,173.57645l9.73934,57.14315-7.948,56.23024-1.23891,8.75221-2.18807,15.45405-.67376,4.75291,.02176,.51438,.16663,3.85451h-27.53188l-1.01444-10.50559-.08685-.94192-2.07221-21.51831-.03617-.36226-4.39782-45.63046,8.62176-32.98031,.63767-2.42722v-.00716l3.75119-56.46939-2.90535-25.66256-.02892-.23915c.05793,.03626,.1087,.07252,.16663,.1087,.15221,.09419,.30433,.18838,.4492,.28983,16.92485,10.73748,27.01025,29.57509,26.56821,49.64435Z" fill="#ccc"/></g><path d="M415.74779,152.37881l-10.58745-10.95064s-22.66445,10.21757-23.79416,15.88619c-1.12971,5.66862-41.14649,88.92555-41.14649,88.92555l-17.40981-46.49871-22.66197,15.13029s18.1839,72.19186,35.18976,75.58099,74.00173-85.44603,74.00173-85.44603l6.40838-52.62764Z" fill="#ccc"/><path d="M845.64014,286.44749H21.16016c-11.66992,0-21.16016,9.5-21.16016,21.16992s9.49023,21.16016,21.16016,21.16016H845.64014c11.66992,0,21.16992-9.48975,21.16992-21.16016s-9.5-21.16992-21.16992-21.16992Z" fill="#e6e6e6"/><path d="M518.52213,221.93974l-1.60291,74.80242c-.15517,7.24107-6.06962,13.03015-13.31236,13.03015h-137.60256c-7.07149,0-12.90955-5.52763-13.29556-12.58857l-4.08931-74.80242c-.41702-7.62814,5.65604-14.04226,13.29556-14.04226h143.29478c7.46556,0,13.4723,6.13683,13.31236,13.60068Z" fill="#3f3d56"/><circle cx="296.38479" cy="66.40952" r="32.92181" fill="#ffb6b6"/><polygon points="241.32117 152.55077 244.94379 191.67503 269.57758 290.93471 248.29569 298.39388 212.34024 190.22598 207.37412 146.75458 241.32117 152.55077" fill="#ffb6b6"/><path d="M231.52213,221.93974l-1.60291,74.80242c-.15517,7.24107-6.06962,13.03015-13.31236,13.03015H79.0043c-7.07149,0-12.90955-5.52763-13.29556-12.58857l-4.08931-74.80242c-.41702-7.62814,5.65604-14.04226,13.29556-14.04226H218.20977c7.46556,0,13.4723,6.13683,13.31236,13.60068Z" fill="#3f3d56"/><ellipse cx="273.50003" cy="298.7779" rx="26" ry="11.5" fill="#ffb6b6"/><path d="M190.24228,158.53237l14.85273-79.15844s41.29783-5.79619,42.74687,7.96976-1.03544,81.04198-1.03544,81.04198l-56.56416-9.85329Z" fill="#fabf1f"/><path d="M283.09522,71.58597s20.36536-7.26838,28.95593-11.17911c8.59056-3.91073,25.65708,23.36637,26.03673,8.96042,.37965-14.40595-5.51755-20.44717-5.51755-20.44717,0,0-1.4726-31.51507-33.2233-27.57494,0,0,6.98375-15.76734-15.94076-18.20547-22.92451-2.43813-58.58934,52.92097-55.39531,61.19409,3.19403,8.27312,7.02295,15.11285-2.03888,23.95865-9.06183,8.8458-26.03033,58.76917-13.11998,72.20319,12.91035,13.43402,13.7575,19.26357,4.91188,27.62122-8.84562,8.35765-29.75425,26.53032-7.14719,29.68515,22.60706,3.15483-2.06828,.79851,14.7856-14.0263,16.85389-14.82481,41.44742-14.21933,32.26457-38.00455-9.18284-23.78522,6.77112-57.86925,4.77485-63.03995-1.99627-5.1707,4.4726-38.00496,4.4726-38.00496,0,0,15.05504-2.21189,16.1808,6.85974Z" fill="#2f2e41"/><g><circle cx="451.19104" cy="75.49881" r="35.83777" fill="#a0616a"/><path d="M454.05121,27.31743c-1.037,.60534-2.42604-.31053-2.75855-1.46432-.33251-1.1538,.05482-2.37882,.43892-3.51648l1.93363-5.72716c1.37137-4.06183,2.82687-8.26559,5.79693-11.35717,4.48283-4.66624,11.6071-5.85331,18.02037-4.99332,8.2359,1.1044,16.36189,5.56405,20.19135,12.93866,3.82945,7.37462,2.19911,17.66485-4.72046,22.26586,9.8619,11.30338,13.2996,23.9006,12.7568,38.89155-.5428,14.99095-16.87927,28.78752-27.53282,39.34806-2.37913-1.4422-4.54204-8.20095-3.23373-10.65626,1.3083-2.45531-.5662-5.29986,1.05409-7.56146,1.62029-2.2616,2.97587,1.33954,1.33779-.90922-1.03366-1.41901,3.00067-4.68353,1.46421-5.53283-7.43161-4.10794-9.9033-13.37111-14.57083-20.46464-5.62991-8.55611-15.26549-14.35039-25.46249-15.31167-5.61717-.52953-11.55014,.42955-16.15432,3.69062-4.60418,3.26106-7.5849,9.08853-6.51724,14.62867-2.76507-2.80756-4.14147-6.92204-3.62233-10.82826,.51914-3.90621,2.92243-7.51837,6.32483-9.50626-2.06881-6.84142-.29652-14.71105,4.50527-20.00518,4.80179-5.29413,24.28048-4.39244,31.29074-2.99911l-.54217-.93008Z" fill="#2f2e41"/><path d="M455.13987,53.47472c9.28487,1.0023,15.9888,9.04506,21.64971,16.47254,3.26282,4.28103,6.68059,9.00871,6.59868,14.39076-.08282,5.4414-3.72095,10.10859-5.45967,15.26538-2.84199,8.42894-.07214,18.45744,6.69308,24.23289-6.68479,1.26852-13.91123-3.74373-15.06525-10.44924-1.34341-7.80603,4.57394-15.34005,3.87313-23.22978-.61741-6.95094-6.09506-12.30052-10.75187-17.49772-4.65681-5.19721-9.03036-12.09377-6.88799-18.73508l-.64983-.44975Z" fill="#2f2e41"/></g><g><path id="uuid-aec20554-f6ec-4c5b-9d97-717cd04239bf-679" d="M593.94738,290.97732c-9.19677,5.23093-13.95249,14.21631-10.62254,20.06865,3.32996,5.85234,13.48327,6.3548,22.68262,1.12078,3.70344-2.04037,6.86441-4.93798,9.21841-8.4504l38.6872-22.65576-11.01865-17.92815-36.96889,24.23796c-4.22349,.22844-8.33082,1.46525-11.97815,3.60692Z" fill="#ffb6b6"/><path d="M724.9347,124.84081c-1.15613-.45818-11.30029-4.29973-20.56133,.77222-10.63836,5.8263-12.28141,19.12643-12.85772,23.79133-1.33125,10.77601,2.59074,13.19133,3.41866,24.10068,1.54899,20.4102,5.63336-2.8739-.88939,6.44247-2.2578,3.22481-25.31723,53.19804-38.03446,62.98648-24.73342,19.03731-40.43943,32.44418-40.43943,32.44418l17.93045,19.47744s28.33331-7.54935,53.37617-23.81018c25.68825-16.67995,38.53244-25.0199,48.46938-41.33509,.85574-1.40497,21.33113-36.17595,10.33482-74.6244-2.50819-8.76995-7.10385-24.83851-20.74714-30.24513Z" fill="#fabf1f"/></g><path d="M817.52213,221.93974l-1.60291,74.80242c-.15517,7.24107-6.06962,13.03015-13.31236,13.03015h-137.60256c-7.07149,0-12.90955-5.52763-13.29556-12.58857l-4.08931-74.80242c-.41702-7.62814,5.65604-14.04226,13.29556-14.04226h143.29478c7.46556,0,13.4723,6.13683,13.31236,13.60068Z" fill="#3f3d56"/></svg>
\ No newline at end of file
--- a/docs/images/card_preserve_undraw_moving.svg
+++ b/docs/images/card_preserve_undraw_moving.svg
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="841.45747" height="405.08742" viewBox="0 0 841.45747 405.08742" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M192.09194,524.368c-18.93571-41.88446-18.23752-94.975,11.15-130.31889a211.78285,211.78285,0,0,0,75.80085,124.0819c15.12988,11.94661,33.20189,23.65875,37.335,42.48841,2.572,11.71622-1.07351,24.10868-7.37568,34.31445-6.30274,10.20612-15.08781,18.60159-23.773,26.87545l-.97445,2.83146C246.46268,598.47533,211.02764,566.2525,192.09194,524.368Z" transform="translate(-179.27126 -247.45629)" fill="#f0f0f0"/><path d="M204.05993,394.56019c-6.76319,37.03391-1.73891,76.46829,14.69984,110.39831,3.554,7.33559,7.79769,14.46765,13.47937,20.36749A44.70917,44.70917,0,0,0,252.538,537.2268c7.14748,2.08686,14.70025,3.39378,21.216,7.18174,6.86792,3.99272,11.13011,10.69219,12.79049,18.375,2.03151,9.40007.56428,18.9695-1.19576,28.27773-1.9542,10.335-4.14774,21.03892-1.31593,31.42835.34311,1.25883-1.63022,1.71762-1.97281.46069-4.92686-18.07583,4.65221-35.90345,3.31326-54.07673-.62478-8.48-3.8089-16.82307-11.07989-21.73631-6.35816-4.29642-14.14549-5.65079-21.40073-7.70123-7.61813-2.153-14.45973-5.44172-20.28143-10.89692-5.95528-5.58037-10.48674-12.56156-14.21271-19.77411a175.61922,175.61922,0,0,1-16.873-52.231,184.22752,184.22752,0,0,1,.59847-62.57164c.23363-1.27927,2.16809-.673,1.936.59792Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M212.83458,494.21157a27.15836,27.15836,0,0,1-32.4716-13.503c-.58922-1.1627,1.18987-2.13293,1.77987-.96869a25.148,25.148,0,0,0,30.231,12.49883c1.2395-.40375,1.6931,1.57137.46069,1.97282Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M248.77454,536.646a52.34553,52.34553,0,0,0,4.23431-37.91218c-.33865-1.26,1.63458-1.71917,1.97281-.46069a54.44727,54.44727,0,0,1-4.48637,39.44211c-.61135,1.15425-2.32878.07874-1.72075-1.06924Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M200.75977,436.45327a15.373,15.373,0,0,0,12.04718-8.22493c.59642-1.16142,2.31328-.08463,1.72075,1.06924a17.22661,17.22661,0,0,1-13.30724,9.1285,1.047,1.047,0,0,1-1.21675-.75606,1.01806,1.01806,0,0,1,.75606-1.21675Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M358.87274,394.45941c-.35178.7358-.70357,1.47161-1.04715,2.22246a202.45365,202.45365,0,0,0-11.55665,30.74028c-.24593.81142-.48294,1.63743-.705,2.45422a213.43106,213.43106,0,0,0-6.48339,78.3109,207.26838,207.26838,0,0,0,5.62258,30.98629c3.67061,14.04667,8.76812,28.98479,7.61787,43.01084a35.5569,35.5569,0,0,1-.58152,4.36224L287.78449,625.61c-.1899.01584-.37164.04663-.56225.0629L284.74,627.34931c-.17369-.515-.34276-1.05288-.51644-1.56788-.102-.29832-.18974-.60535-.29174-.90367-.06348-.20164-.12631-.4038-.19512-.58213-.02138-.067-.04205-.13451-.05456-.187-.06881-.17833-.1138-.35128-.17369-.515q-1.43-4.50593-2.80173-9.04764c-.00892-.0146-.00892-.0146-.00359-.03791-6.90882-23.08818-11.95083-46.956-13.20988-70.83027-.03764-.7183-.08492-1.45078-.09334-2.18692a197.77973,197.77973,0,0,1,1.1148-32.25648,174.85065,174.85065,0,0,1,2.99416-17.43623A145.39737,145.39737,0,0,1,288.353,449.57369c15.54094-26.12154,39.263-46.98205,68.29588-54.55729C357.39172,394.82314,358.121,394.63806,358.87274,394.45941Z" transform="translate(-179.27126 -247.45629)" fill="#f0f0f0"/><path d="M359.22476,395.359c-27.697,25.49759-47.42761,60.0087-54.73041,96.99718-1.57885,7.99682-2.4845,16.24636-1.50011,24.37781a44.70907,44.70907,0,0,0,9.04236,21.72342c4.45043,5.96952,9.694,11.56031,12.61587,18.50771,3.07977,7.32293,2.44934,15.23822-.85049,22.37213-4.03744,8.72854-10.9704,15.48581-17.9799,21.85825-7.78271,7.07538-15.97861,14.30118-19.97273,24.3015-.48394,1.21168-2.33576.38992-1.85255-.81993,6.94908-17.39886,25.33089-25.86595,35.20338-41.18243,4.60669-7.147,7.08746-15.7255,4.24009-24.02609-2.48989-7.2585-7.89221-13.0284-12.45061-19.03372-4.7864-6.30568-8.269-13.05066-9.63289-20.9114-1.39519-8.0411-.81015-16.34344.55733-24.34555a175.61909,175.61909,0,0,1,17.97458-51.86226A184.22734,184.22734,0,0,1,358.039,393.71594c.95675-.88077,2.13628.768,1.18579,1.643Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M306.23382,480.20793a27.15836,27.15836,0,0,1-17.797-30.3315c.22957-1.2831,2.23422-.98664,2.00435.29816a25.148,25.148,0,0,0,16.61263,28.18079c1.23276.42389.40577,2.274-.81993,1.85255Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M309.38141,535.72778A52.34556,52.34556,0,0,0,335.588,508.00636c.48822-1.20992,2.34018-.38853,1.85255.81994a54.44729,54.44729,0,0,1-27.329,28.79121c-1.18307.55353-1.90681-1.33921-.73017-1.88973Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M331.36724,426.8213a15.373,15.373,0,0,0,14.571.68609c1.17547-.56825,1.898,1.32518.73017,1.88973a17.22665,17.22665,0,0,1-16.12108-.72327,1.047,1.047,0,0,1-.5163-1.33625,1.01806,1.01806,0,0,1,1.33624-.5163Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><g id="e36d5192-81ed-4486-9dc7-3aabf5bf620f" data-name="Group 228"><path id="eec6541e-7182-40d2-8839-37d6db66ade2-1264" data-name="Path 3042" d="M740.66468,385.91382l-.272-.559c-.083-.17-8.228-17.2-3.687-33.986s20.159-27.387,20.315-27.492l.516-.345.272.559c.083.17,8.228,17.2,3.687,33.986s-20.16,27.388-20.317,27.492Zm20.17707-29.735c3.04813-14.31353-18.187-20.02561-22.63278-6.08277q-.24442.76657-.45731,1.55178c-3.966,14.656,1.991,29.55,3.35,32.645,2.734-1.989,15.385-11.844,19.351-26.5h0Q760.66916,356.99186,760.84175,356.17882Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path id="a9014b65-d248-4059-8312-b45b24de232b-1265" data-name="Path 3043" d="M719.6607,357.93582c4.541,16.787,20.1,27.183,20.1,27.183s8.192-16.82,3.651-33.607-20.1-27.183-20.1-27.183S715.11969,341.14881,719.6607,357.93582Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path id="ab25dc1f-49f0-4119-9b11-8880659579f8-1266" data-name="Path 3044" d="M740.91167,385.6788l-.62-.034c-.189-.01-19.028-1.171-31.491-13.3s-14.129-30.933-14.145-31.122l-.051-.618.62.034c.189.01,19.028,1.171,31.49,13.3s14.13,30.933,14.145,31.122Zm-31.355-14.109c10.882,10.6,26.788,12.627,30.155,12.946-.409-3.357-2.869-19.2-13.752-29.8h0q-.58365-.568-1.18566-1.10343c-10.92936-9.73056-26.28867,6.00075-16.37587,16.76509Q708.96165,370.98944,709.55663,371.56979Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path id="eb5ac145-5caa-4eb9-a8bf-cd04614f452d-1267" data-name="Path 3045" d="M754.29972,354.32781c-12.461,12.13-13.983,30.777-13.983,30.777s18.681-1.02,31.142-13.15,13.9859-30.778,13.9859-30.778S766.76072,342.19683,754.29972,354.32781Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><circle id="fe2e9284-0c2b-4a15-b6a0-6b994e8a2442" data-name="Ellipse 585" cx="560.78545" cy="65.97552" r="8.126" fill="#fabf1f"/><path id="a86ae965-8410-4628-8d67-c8bdb55cc5ff-1268" data-name="Rectangle 453" d="M725.31169,381.76681h31a14,14,0,0,1,14,14h0c0,7.732-4.38188,35.7769-12.11386,35.7769l-38,1c-7.732,0-8.88614-29.04491-8.88614-36.7769h0A14,14,0,0,1,725.31169,381.76681Z" transform="translate(-179.27126 -247.45629)" fill="#e6e6e6"/></g><path id="a084342b-ec68-4bf1-835e-e1a712a99507-1269" data-name="Path 3068" d="M659.15467,381.3608a10.52756,10.52756,0,0,0-1.316,1.007l-48.054-12.251-3.278-11.593-18.144,2.661,3.809,21.088a8.00007,8.00007,0,0,0,7.035,6.534l56.111,5.909a10.5,10.5,0,1,0,3.839-13.355Z" transform="translate(-179.27126 -247.45629)" fill="#ffb6b6"/><path id="b5ab2668-a5cc-41bf-8089-de1c0694ee81-1270" data-name="Path 3070" d="M585.11969,371.7078l12.38,10.68,17.32,14.93,7.65-39.14.8-4.07.63-3.23-17.55-30.57-14.63.84-1,.06-.02.22-.23,2.05-3,26.98-.07.65Z" transform="translate(-179.27126 -247.45629)" fill="#e6e6e6"/><path id="a48a89e5-5415-44e6-8741-1c2f93951686-1271" data-name="Path 3071" d="M666.03769,639.38279h12.26l5.833-47.288h-18.095Z" transform="translate(-179.27126 -247.45629)" fill="#ffb6b6"/><path id="b4ab5075-ce23-46e9-939e-e287d4f4a486-1272" data-name="Path 3073" d="M538.03772,640.38279h12.26l5.833-47.288h-18.095Z" transform="translate(-179.27126 -247.45629)" fill="#ffb6b6"/><path id="b77a2f94-428a-4b99-b464-6e051b4fe742-1273" data-name="Path 3075" d="M528.23865,619.55783l33,5,48.01-162.48,50.99,163.48,37-5-48-190v-15l-6.5-22.5.68-6.09,4.73-42.59,2.05-18.47.133-1.193a4.056,4.056,0,0,0-3.193-4.417h0l-15.4-3.24h-25.1659l-14.85,4.09-1.02.28-.46.13.23,1.92,3.48,29.18.19,1.6,3.36,28.13.74,6.17c-29,21-30,42-30,42Z" transform="translate(-179.27126 -247.45629)" fill="#2f2e41"/><circle id="b29dce1d-f666-44df-985a-547bf779e1a4" data-name="Ellipse 592" cx="442.92543" cy="32.39051" r="24.561" fill="#ffb6b6"/><rect id="a7f6a896-dcf1-4596-b70f-da8ad38f22ed" data-name="Rectangle 456" x="616.73843" y="365.06224" width="7" height="49" transform="translate(-25.73713 706.58938) rotate(-82.549)" fill="#fabf1f"/><path id="bd729490-aac7-4879-a04d-c9e945275ef2-1274" data-name="Path 3076" d="M710.15467,391.3608a10.52756,10.52756,0,0,0-1.316,1.007l-48.054-12.251-3.278-11.593-18.144,2.661,3.809,21.088a8.00007,8.00007,0,0,0,7.035,6.534l56.111,5.909a10.5,10.5,0,1,0,3.839-13.355Z" transform="translate(-179.27126 -247.45629)" fill="#ffb6b6"/><path id="b6be5ba1-6394-41ea-b0bb-2e259093a5f0-1275" data-name="Path 3077" d="M636.23865,326.5578l8.5-6.5c2.3-.872,5.447,1.605,6,4l12,49-25,18-3.5-5.5Z" transform="translate(-179.27126 -247.45629)" fill="#e6e6e6"/><path id="b6feaf63-857f-49b2-8f08-fe1d6a64856c-1276" data-name="Path 3079" d="M641.01666,259.51181c4.593-.563,9.634-.165,13.214,2.767s4.736,9.028,1.346,12.178c-3,2.789-7.693,2.133-11.713,2.926a15.85394,15.85394,0,0,0-12.384,15.157c.06,10.174,9.824,17.879,11.578,27.9,1.2,6.84-1.688,14.038-6.675,18.87s-11.843,7.443-18.751,8.15-13.893-.373-20.606-2.148c-6.741-1.782-13.378-4.311-19.034-8.388s-10.293-9.826-12.109-16.558-.512-14.451,4.168-19.62c5.359-5.919,14.274-7.954,18.91-14.456,5.2-7.288,3.273-17.666,7.479-25.567,2.808-5.275,8.125-8.873,13.792-10.769s11.719-2.27,17.692-2.453c3.14-.1,6.375-.129,9.3,1.016s5.5,3.753,5.648,6.891S641.01666,259.51181,641.01666,259.51181Z" transform="translate(-179.27126 -247.45629)" fill="#2f2e41"/><path d="M366.79227,651.21581H264.64091a6.89783,6.89783,0,0,1-6.88965-6.89062v-63.6875a23.06516,23.06516,0,0,1,23.03955-23.03907h86.00146a6.89763,6.89763,0,0,1,6.88965,6.88965v79.83692A6.89783,6.89783,0,0,1,366.79227,651.21581Zm-86.00146-91.61719a21.0635,21.0635,0,0,0-21.03955,21.03907v63.6875a4.89586,4.89586,0,0,0,4.88965,4.89062H366.79227a4.89586,4.89586,0,0,0,4.88965-4.89062V564.48827a4.895,4.895,0,0,0-4.88965-4.88965Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M284.1702,562.12987a21.17332,21.17332,0,0,0-21.14941,21.14942v58.40527a5.00588,5.00588,0,0,0,5,5h95.39209a5.00588,5.00588,0,0,0,5-5V567.12987a5.00589,5.00589,0,0,0-5-5Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M323.06648,581.2068h-14.166a2.50264,2.50264,0,0,1-2.5-2.5V555.62965h19.166V578.7068A2.50263,2.50263,0,0,1,323.06648,581.2068Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M890.37654,535.83277l4.37353-11.66113.15674-.08984,35.2378-20.13575a4.21144,4.21144,0,0,1,1.21728-.46191,4.19508,4.19508,0,0,1,2.91357,7.76562Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M760.793,535.83277l-43.894-24.58105a4.19618,4.19618,0,0,1,2.91455-7.76758,4.20332,4.20332,0,0,1,1.2168.46191l35.395,20.22559Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path id="a917e09e-7501-48ae-a084-2a300f5c05f4-1277" data-name="Path 3060" d="M893.87866,537.2808H757.2927l-11.488-53.613h159.562Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M898.37675,533.05858h-145.582l-10.01416-45.62207a9.50851,9.50851,0,0,1,9.28662-11.54687H899.10477a9.50788,9.50788,0,0,1,9.28614,11.54687Zm-143.97364-2H896.76835l9.66943-44.05175a7.50707,7.50707,0,0,0-7.333-9.11719H752.06718a7.508,7.508,0,0,0-7.3335,9.11816Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path id="be148f51-17c4-4ec3-8125-b7d3e9443af6-1278" data-name="Path 3061" d="M893.87866,537.2808H757.2927l-11.488-53.613h159.562Z" transform="translate(-179.27126 -247.45629)" opacity="0.1" style="isolation:isolate"/><path d="M892.55546,651.3662H758.616a6.86064,6.86064,0,0,1-6.853-6.85254V529.98925h147.6455V644.51366A6.86063,6.86063,0,0,1,892.55546,651.3662ZM753.763,531.98925V644.51366a4.85834,4.85834,0,0,0,4.853,4.85254H892.55546a4.85834,4.85834,0,0,0,4.853-4.85254V531.98925Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M757.15486,534.58863V641.26637a5.50654,5.50654,0,0,0,5.5,5.5H888.51668a5.50654,5.50654,0,0,0,5.5-5.5V534.58863Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M905.86677,484.16773h-160.562v-.5A6.43511,6.43511,0,0,1,751.7325,477.24H899.43855a6.43553,6.43553,0,0,1,6.42822,6.42773Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M401.07743,580.44726A18.60745,18.60745,0,0,0,382.491,599.03319v42.65332a5.00589,5.00589,0,0,0,5,5h72.667a5.00589,5.00589,0,0,0,5-5V585.44726a5.00589,5.00589,0,0,0-5-5Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M476.4412,576.18065H402.99589a7.037,7.037,0,0,1-7.0293-7.02832V507.50292a7.03725,7.03725,0,0,1,7.0293-7.0293h65.54052a21.16915,21.16915,0,0,1,21.14551,21.14551v41.32129A13.25553,13.25553,0,0,1,476.4412,576.18065Zm-73.44531-73.707a5.035,5.035,0,0,0-5.0293,5.0293v61.64941a5.03475,5.03475,0,0,0,5.0293,5.02832H476.4412a11.25292,11.25292,0,0,0,11.24072-11.24023V521.61913a19.16748,19.16748,0,0,0-19.14551-19.14551Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M463.65263,651.41991H383.99589a7.037,7.037,0,0,1-7.0293-7.02832v-48.0625a20.639,20.639,0,0,1,20.61572-20.61621h66.07032a7.03725,7.03725,0,0,1,7.02929,7.0293v61.64941A7.037,7.037,0,0,1,463.65263,651.41991Zm-66.07032-73.707a18.63734,18.63734,0,0,0-18.61572,18.61621v48.0625a5.03475,5.03475,0,0,0,5.0293,5.02832h79.65674a5.03475,5.03475,0,0,0,5.02929-5.02832V582.74218a5.035,5.035,0,0,0-5.02929-5.0293Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M406.491,505.208a5.00589,5.00589,0,0,0-5,5v56.23926a5.00589,5.00589,0,0,0,5,5h66.45557A11.22407,11.22407,0,0,0,484.158,560.23534V524.32421A19.13789,19.13789,0,0,0,465.0413,505.208Z" transform="translate(-179.27126 -247.45629)" fill="#e6e6e6"/><path d="M448.19587,520.08375H437.87361a2.50263,2.50263,0,0,1-2.5-2.5v-17.876h15.32226v17.876A2.50263,2.50263,0,0,1,448.19587,520.08375Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M665.53132,629.35015l14.66651-.87539v6.28377l13.94385,9.63012a3.92508,3.92508,0,0,1-2.23036,7.15506h-17.461l-3.00967-6.21561-1.17513,6.21561H663.682Z" transform="translate(-179.27126 -247.45629)" fill="#2f2e41"/><path d="M537.53132,629.35015l14.66651-.87539v6.28377l13.94385,9.63012a3.92508,3.92508,0,0,1-2.23036,7.15506h-17.461l-3.00967-6.21561-1.17513,6.21561H535.682Z" transform="translate(-179.27126 -247.45629)" fill="#2f2e41"/><path d="M289.19783,632.07105H262.02058a1,1,0,0,1,0-2h27.17725a1,1,0,1,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M409.19783,630.07105H382.02058a1,1,0,0,1,0-2h27.17725a1,1,0,1,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M785.19783,622.54371H758.02058a1,1,0,0,1,0-2h27.17725a1,1,0,0,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M796.19783,612.54371H769.02058a1,1,0,0,1,0-2h27.17725a1,1,0,0,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M745.19783,418.54371H718.02058a1,1,0,0,1,0-2h27.17725a1,1,0,0,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M428.19783,558.07105H401.02058a1,1,0,0,1,0-2h27.17725a1,1,0,1,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M428.19783,550.07105H401.02058a1,1,0,0,1,0-2h27.17725a1,1,0,1,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M831.14636,500.77107H820.8241a2.50263,2.50263,0,0,1-2.5-2.5v-17.876h15.32226v17.876A2.50263,2.50263,0,0,1,831.14636,500.77107Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><rect id="af895076-55e2-4ce3-b817-4381b6fe19d2" data-name="Rectangle 450" x="5.45747" y="403.08742" width="836" height="2" fill="#ccc"/><path d="M429.19587,594.866H418.87361a2.50263,2.50263,0,0,1-2.5-2.5V574.49h15.32226v17.876A2.50263,2.50263,0,0,1,429.19587,594.866Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/></svg>
\ No newline at end of file
--- a/docs/index.rst
+++ b/docs/index.rst
+:html_theme.sidebar_secondary.remove:
+
 .. _swh-docs:

-Software Heritage
-=================
+.. rst-class:: landing-part

-Development
-----------
+Welcome to Software Heritage documentation
+==========================================

-.. toctree::
-  :maxdepth: 2
+.. grid:: 1 2 2 2
+   :gutter: 3

-  devel/index
+   .. grid-item-card:: Basics
+      :link: landing-basics
+      :link-type: ref

-API reference
-------------
+      .. image:: images/card_basics_undraw_discoverable.svg
+         :width: 69%
+         :align: center
+         :class: sd-mb-2

-.. toctree::
-   :maxdepth: 1
+      Learn about our mission and our source code archive. Find out about how to
+      make your first steps with the archive.

-   devel/api-reference
+      .. button-ref:: landing-basics
+         :ref-type: ref
+         :color: primary
+         :expand:

-Usage
-----
+         Discover Software Heritage

-.. toctree::
-   :maxdepth: 2
+   .. grid-item-card:: Preserve
+      :link: landing-preserve
+      :link-type: ref

-   user/index
+      .. image:: images/card_preserve_undraw_moving.svg
+         :align: center
+         :class: sd-mt-1 sd-mb-4

-Infrastructure
--------------
+      All the ways that source code may be added or updated in the archive.

-.. toctree::
-  :maxdepth: 2
+      .. button-ref:: landing-preserve
+         :ref-type: ref
+         :color: primary
+         :expand:
+
+         Archive source code
+
+   .. grid-item-card:: Browse
+      :link: landing-browse
+      :link-type: ref
+
+      .. image:: images/card_browse_undraw_file_searching.svg
+         :width: 49%
+         :align: center
+         :class: sd-mb-2
+
+      Our vast archive can be searched and accessed in multiple ways. Use it to reference unambiguously any part of a source code to your peers: fragment of code, directory, release, etc.
+
+      .. button-ref:: landing-browse
+         :ref-type: ref
+         :color: primary
+         :expand:
+
+         Learn how to search the archive
+
+   .. grid-item-card:: Outreach
+      :link: landing-outreach
+      :link-type: ref
+
+      .. image:: images/card_outreach_undraw_engineering_team.svg
+         :width: 99%
+         :align: center
+         :class: sd-mt-4 sd-mb-4
+
+      Join our network of partners. Collaborate with the team or become an ambassador. Teach others how to use the archive. Get materials for your next events.
+
+      .. button-link:: http://example.com
+         :color: primary
+         :expand:
+
+         Tell the world about Software Heritage
+
+   .. grid-item-card:: Interface
+      :link: landing-interface
+      :link-type: ref
+
+      .. image:: images/card_interface_undraw_futuristic_interface.svg
+         :width: 49%
+         :align: center
+         :class: sd-mb-4
+
+      Develop or research using Software Heritage. Browse, access or import source code programmatically.
+
+      .. button-ref:: landing-interface
+         :ref-type: ref
+         :color: primary
+         :expand:
+
+         Use Software Heritage in your applications
+
+   .. grid-item-card:: Develop
+      :link: landing-contribute
+      :link-type: ref
+
+      .. image:: images/card_contribute_undraw_dev_focus.svg
+         :width: 80%
+         :align: center
+         :class: sd-mt-4 sd-mb-4
+
+      Enhance our collection, preservation, and querying processes.
+
+      .. button-ref:: landing-contribute
+         :ref-type: ref
+         :color: primary
+         :expand:
+
+         Improve the universal archive of source code
+
+
+-----------------------------------------------------------------------
+
+
+.. _landing-basics:
+
+.. rst-class:: landing-part
+
+Discover Software Heritage
+==========================
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      Learn about our mission and our source code archive. Find out about how to
+      make your first steps with the archive.
+
+   .. grid-item::
+
+      .. image:: images/card_basics_undraw_discoverable.svg
+         :align: right
+
+Why an universal software archive?
+----------------------------------
+
+-  `A video to get to know Software
+   Heritage <https://www.youtube.com/watch?v=8nlSvYh7VpI>`__
+-   `Our mission <https://www.softwareheritage.org/mission/>`__
+-  `Our approach <https://www.softwareheritage.org/mission/approach/>`__
+-  `The content of the archive at a
+   glance <https://archive.softwareheritage.org/#swh-coverage-content>`__
+
+Software Heritage in practice
+-----------------------------
+
+-  `Take a guided tour of the archive key
+   features <https://archive.softwareheritage.org/?guided_tour=0&guided_tour_next=https://archive.softwareheritage.org/>`__
+-  `Overview of the main
+   features <https://www.softwareheritage.org/features/>`__
+-  `Access and reuse the source
+   code <https://www.softwareheritage.org/faq/#4_Access_and_Reuse>`__
+-  `Good practices for archiving and referencing your
+   code <https://www.softwareheritage.org/save-and-reference-research-software/>`__
+-  `Get a permanent identifier for your source
+   code <https://annex.softwareheritage.org/public/tutorials/getswhid_dir.gif>`__
+-  `General FAQ <https://www.softwareheritage.org/faq/>`__
+-  :ref:`Glossary <glossary>`
+
+
+-----------------------------------------------------------------------
+
+
+.. _landing-preserve:
+
+.. rst-class:: landing-part
+
+Archive source code
+===================
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      There are multiple ways to add or update source code in Software Heritage
+      archive. Some of them are automated: our tools crawl multiple software
+      development plateforms to archive as many open projects as possible.
+      Others require manual procedures.
+
+   .. grid-item::
+
+      .. image:: images/card_preserve_undraw_moving.svg
+         :align: right
+
+Before anything…
+----------------
+
+-  `Good practices for archiving and referencing your
+   code <https://www.softwareheritage.org/howto-archive-and-reference-your-code/>`__
+
+Save a code repository
+----------------------
+
+-  “Ready to go” options to save your code :
+
+   -  Seamlessly check if a repository that you are browsing is archived
+      and up to date using our `Software Heritage browser
+      extensions <https://www.softwareheritage.org/browser-extensions/>`__
+   -  `Submit a save request on the Software Heritage
+      interface <https://archive.softwareheritage.org/save/>`__
+
+-  Automate the archival:
+
+   -  `Trigger a GitHub action that saves the GitHub
+      repository <https://github.com/marketplace/actions/save-to-software-heritage>`__
+   -  `Trigger archival of a repository automatically : Bitbucket
+      endpoint, GitHub endpoint, GitLab
+      endpoint <https://archive.softwareheritage.org/api/1/origin/save/doc/>`__
+
+Save multiple projects at a time, save a forge
+----------------------------------------------
+
+Save a forge in 2 steps :
+
+1. `Create an account
+   <https://auth.softwareheritage.org/auth/realms/SoftwareHeritage/login-actions/registration>`__
+2. `Submit a request of archival for to save a complete forge
+   <https://archive.softwareheritage.org/add-forge/request/create/>`__
+
+:ref:`Technical insight on the “Add forge now” process
+<save-forge>`
+
+Save code used for science
+--------------------------
+
+Save a software using ELife, Ipol, HAL. Your content are directly pushed
+into the archive by trusted partners using the deposit service of
+Software Heritage:
+
+-  `Deposit software using the HAL
+   portal <https://www.softwareheritage.org/2018/09/28/depositing-scientific-software-into-software-heritage/>`__
+-  `Video tutorial on source code deposit using
+   Hal <https://www.youtube.com/watch?v=-Ggn98sR3Eg&list=PLD2VqrZz2-u3bOWtoCoBIh5Flt6iYXsq3>`__
+
+Save legacy source code
+-----------------------
+
+Recovering and curating landmark legacy source code : `how to save
+legacy code <https://www.softwareheritage.org/swhap/>`__

-  sysadm/index

-Indices and tables
+------------------------------------------------------------------------
+
+
+.. _landing-browse:
+
+.. rst-class:: landing-part
+
+Search, browse and reference
+============================
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      Search and access the archive, or use it to reference unambiguously any
+      part of a source code.
+
+   .. grid-item::
+
+      .. image:: images/card_browse_undraw_file_searching.svg
+         :width: 50%
+         :align: right
+
+-  `Take the guided tour of the archive web
+   interface <https://archive.softwareheritage.org/?guided_tour=0&guided_tour_next=https://archive.softwareheritage.org/>`__
+-  `Good practices for archiving and referencing your
+   code <https://www.softwareheritage.org/howto-archive-and-reference-your-code/>`__
+-  `Make your code identifiable : get a PID for your source
+   code <https://annex.softwareheritage.org/public/tutorials/getswhid_dir.gif>`__
+-  `Choosing what type of Software Heritage Identifier (SWHID) to
+   use <devel/swh-model/persistent-identifiers.html#choosing-what-type-of-swhid-to-use>`__
+-  `Navigating through Software Heritage: behind the
+   scenes <https://www.softwareheritage.org/2019/05/28/mining-software-metadata-for-80-m-projects-and-even-more/>`__
+
+Need help? Want to make a proposal? Ask the community using the `users mailing-list <https://sympa.inria.fr/sympa/info/swh-users>`__
+
+
+------------------------------------------------------------------------
+
+
+.. _landing-outreach:
+
+.. rst-class:: landing-part
+
+Tell the world
+==============
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      Wherever you have a technical background or not, help us spread the word
+      about Software Heritage. Encourage developers to archive their source
+      code. Find researchers and practitioners interested in using an immense
+      collection of source code.
+
+   .. grid-item::
+
+      .. image:: images/card_outreach_undraw_engineering_team.svg
+         :align: right
+
+Ambassador program
 ------------------

-* :ref:`genindex`
-* :ref:`modindex`
-* :ref:`routingtable`
-* :ref:`search`
-* :ref:`glossary`
+-  `Become an ambassador <https://www.softwareheritage.org/ambassadors/>`__
+
+-  `Ambassadors mailing list <https://sympa.inria.fr/sympa/info/swh-ambassadors>`__
+-  `Outreach material (only available to ambassadors) <https://www.softwareheritage.org/ambassador-material/>`__
+-  `Outreach material on a Git repository <https://github.com/moranegg/swh-ambassadors/tree/main/Materials>`__
+
+Presentations
+-------------
+
+-  `Archive of presentation
+   slides <https://annex.softwareheritage.org/public/talks/>`__
+
+
+------------------------------------------------------------------------
+
+
+.. _landing-interface:
+
+.. rst-class:: landing-part
+
+Use in your applications
+========================
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      Interact with our source code archive from your applications or research projects.
+
+   .. grid-item::
+
+      .. image:: images/card_outreach_undraw_engineering_team.svg
+         :align: right
+
+Browse API
+----------
+
+-  `Terms of use for Software Heritage
+   API <https://www.softwareheritage.org/aspects-juridiques/software-heritage-api-terms-of-use/>`__
+-  `Web API <https://archive.softwareheritage.org/api/>`__. Access the
+   API overview or discover the full `endpoints
+   index <https://archive.softwareheritage.org/api/1/>`__
+
+Data model and identifiers
+--------------------------
+
+-  `Our data
+   model <devel/swh-model/data-model.html#data-model>`__
+-  :ref:`Software Heritage IDentifiers
+   (SWHID) <persistent-identifiers>` specifications
+-  Compute a SWHID locally using the `swh identify <devel/swh-model/cli.html>`__ command-line tool.
+
+Deposit API
+-----------
+
+-  :ref:`Import source code programmatically <deposit-user-manual>`
+
+
+------------------------------------------------------------------------
+
+
+.. _landing-contribute:
+
+.. rst-class:: landing-part
+
+Improve the universal archive
+=============================
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      There are many ways to help Software Heritage. However small or large,
+      contributions are welcome and very much appreciated.
+
+   .. grid-item::
+
+      .. image:: images/card_contribute_undraw_dev_focus.svg
+         :align: right
+
+-  :ref:`Our
+   roadmap <roadmap-current>`
+-  :ref:`Developper documentation <swh-docs-devel>`. Where
+   you will find developer-oriented documentation to understand the SWH
+   environment.
+-  `Get started <devel/getting-started>`__
+
+Contributing development skills:
+
+-  :ref:`Software architecture overview <architecture-overview>`
+-  `Developers portal <https://www.softwareheritage.org/community/developers/>`__
+-  `Development
+   mailing-list <https://sympa.inria.fr/sympa/info/swh-devel>`__. Join
+   the community
+-  :ref:`Development FAQ <faq>`
+
+Contributing resources and infrastructure:
+
+-  :ref:`Mirror operations <mirror_operations>`
+
+
+
+------------------------------------------------------------------------
+
+..
+   The following is needed to define the “toctree” that
+   Sphinx will use to create the navigation structure.
+
+
+Table of contents
+=================
+
+.. toctree::
+   :maxdepth: 2
+
+   devel/index
+   devel/api-reference
+   user/index
+   sysadm/index
--- a/swh/docs/sphinx/conf.py
+++ b/swh/docs/sphinx/conf.py
@@ -141,6 +141,8 @@ html_context = {
    "gitlab_repo": "swh-docs",
    "gitlab_version": "master",
    "doc_path": "docs",
+    # Use light mode by default until the landing page better supports dark mode
+    "default_mode": "light",
 }

 # Add any paths that contain custom static files (such as style sheets) here,