RubyGems - howdy-jekyll-theme - Versions diffs - 1.0.0 - Mend

howdy-jekyll-theme 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (93) hide show

checksums.yaml +7 -0
data/AGENTS.md +49 -0
data/Gemfile +11 -0
data/LICENSE +21 -0
data/README.md +431 -0
data/_includes/analytics.html +19 -0
data/_includes/blog-pagination.html +31 -0
data/_includes/comments.html +46 -0
data/_includes/dark-mode-toggle.html +18 -0
data/_includes/head.html +137 -0
data/_includes/hero-carousel.html +80 -0
data/_includes/logo.html +5 -0
data/_includes/navigation.html +24 -0
data/_includes/newsletter.html +10 -0
data/_includes/share-buttons.html +70 -0
data/_includes/social-links.html +37 -0
data/_includes/toc.html +29 -0
data/_layouts/autopage_collection.html +43 -0
data/_layouts/blog.html +42 -0
data/_layouts/default.html +86 -0
data/_layouts/home.html +5 -0
data/_layouts/page.html +33 -0
data/_layouts/post.html +76 -0
data/_layouts/project.html +61 -0
data/_plugins/sort_projects.rb +6 -0
data/_plugins/user_colors.rb +68 -0
data/_posts/2026-01-01-beyond-pixels.md +21 -0
data/_posts/2026-01-02-collaboration.md +25 -0
data/_posts/2026-01-03-design-feeling.md +25 -0
data/_posts/2026-01-04-finding-inspiration.md +25 -0
data/_posts/2026-01-05-freebies.md +35 -0
data/_posts/2026-01-06-ux-research-methods.md +25 -0
data/_posts/2026-01-07-color-theory.md +25 -0
data/_posts/2026-01-08-responsive-design.md +25 -0
data/_posts/2026-01-09-web-performance.md +25 -0
data/_posts/2026-01-10-mobile-first.md +25 -0
data/_posts/2026-04-15-crafting-visual-hierarchy.md +27 -0
data/_posts/2026-04-16-building-design-systems.md +27 -0
data/_posts/2026-04-18-accessibility-matters.md +25 -0
data/_posts/2026-04-19-motion-design.md +29 -0
data/_posts/2026-04-20-typography-basics.md +25 -0
data/_posts/2026-04-22-product-design-best-practices.md +239 -0
data/_projects/atlas.md +26 -0
data/_projects/luminous.md +26 -0
data/_projects/nova.md +31 -0
data/_projects/osaka.md +26 -0
data/_sass/_base.scss +181 -0
data/_sass/_components.scss +767 -0
data/_sass/_dark-mode.scss +39 -0
data/_sass/_layout.scss +1033 -0
data/_sass/_typography.scss +394 -0
data/_sass/_user-colors.scss +1 -0
data/_sass/_variables.scss +165 -0
data/about.md +62 -0
data/assets/css/main.scss +10 -0
data/assets/css/swiper-bundle.min.css +13 -0
data/assets/fonts/ChaumontScript-Regular.otf +0 -0
data/assets/fonts/DMSans-Italic-Variable.ttf +0 -0
data/assets/fonts/DMSans-Variable.ttf +0 -0
data/assets/illustrations/analytics.svg +218 -0
data/assets/illustrations/business-strategy.svg +161 -0
data/assets/illustrations/designer.svg +267 -0
data/assets/illustrations/email.svg +123 -0
data/assets/illustrations/friends-taking-selfie.svg +189 -0
data/assets/illustrations/launch.svg +230 -0
data/assets/illustrations/love-animals.svg +83 -0
data/assets/illustrations/meeting.svg +292 -0
data/assets/illustrations/mobile-shopping.svg +113 -0
data/assets/illustrations/online-shopping.svg +148 -0
data/assets/illustrations/oops-something-went-wrong.svg +97 -0
data/assets/illustrations/podcast.svg +199 -0
data/assets/illustrations/presentation.svg +138 -0
data/assets/illustrations/programmer.svg +240 -0
data/assets/illustrations/task-management.svg +174 -0
data/assets/illustrations/tasks-complete.svg +161 -0
data/assets/illustrations/travel-booking-hotel.svg +214 -0
data/assets/illustrations/video-call.svg +178 -0
data/assets/images/apple-touch-icon.png +0 -0
data/assets/images/favicon-dark.png +0 -0
data/assets/images/favicon-light.png +0 -0
data/assets/images/howdy-theme-dark.png +0 -0
data/assets/images/howdy-theme-light.png +0 -0
data/assets/images/og-image.png +0 -0
data/assets/js/hero-carousel.js +36 -0
data/assets/js/mobile-nav.js +62 -0
data/assets/js/swiper-bundle.min.js +13 -0
data/assets/js/swiper-bundle.min.js.map +1 -0
data/assets/js/theme-toggle.js +54 -0
data/assets/resume.pdf +683 -0
data/contact.md +74 -0
data/howdy-jekyll-theme.gemspec +25 -0
data/lib/howdy-jekyll-theme.rb +19 -0
metadata +245 -0

data/assets/illustrations/mobile-shopping.svg ADDED Viewed

@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 677.163 681.561">
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <g>
+        <path d="m446.819.75h-227.178c-30.053,0-54.416,24.363-54.416,54.416v571.228c0,30.053,24.363,54.416,54.416,54.416h227.178c30.053,0,54.416-24.363,54.416-54.416V55.166c0-30.053-24.363-54.416-54.416-54.416Zm37.75,620.25c0,22.494-18.235,40.73-40.73,40.73h-221.219c-22.494,0-40.73-18.235-40.73-40.73V59.55c0-22.494,18.235-40.73,40.73-40.73h58.853v8.915c0,7.818,6.338,14.156,14.156,14.156h75.2c7.818,0,14.156-6.338,14.156-14.156v-8.915h58.843c22.5,0,40.74,18.24,40.74,40.74v561.44Z" fill="#008a1e" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <rect x="165.412" y="10.801" width="319.424" height="660.877" rx="51.139" ry="51.139" fill="#fff"/>
+        <path d="m440.09.75h-227.178c-30.053,0-54.416,24.363-54.416,54.416v571.228c0,30.053,24.363,54.416,54.416,54.416h227.178c30.053,0,54.416-24.363,54.416-54.416V55.166c0-30.053-24.363-54.416-54.416-54.416Zm37.75,620.25c0,22.494-18.235,40.73-40.73,40.73h-221.219c-22.494,0-40.73-18.235-40.73-40.73V59.55c0-22.494,18.235-40.73,40.73-40.73h58.853v8.915c0,7.818,6.338,14.156,14.156,14.156h75.2c7.818,0,14.156-6.338,14.156-14.156v-8.915h58.843c22.5,0,40.74,18.24,40.74,40.74v561.44Z" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <line x1="613.228" y1="680.156" x2="7.537" y2="680.156" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <g>
+        <g>
+          <path d="m507.227,560.678l.025-19.21h0c0-12.902,10.459-23.361,23.361-23.361,12.902,0,23.361,10.459,23.361,23.361h0v19.21" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="1.5"/>
+          <rect x="442.915" y="550.656" width="106.072" height="129.458" fill="#fff" stroke="#000" stroke-miterlimit="10" stroke-width="1.5"/>
+          <path d="m477.994,560.678l.025-19.21h0c0-12.902,10.459-23.361,23.361-23.361,12.902,0,23.361,10.459,23.361,23.361h0v19.21" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="1.5"/>
+          <circle cx="524.742" cy="560.456" r="1.904"/>
+          <circle cx="477.994" cy="560.456" r="1.904"/>
+          <polygon points="582.396 680.114 582.396 680.114 582.396 680.114 582.396 550.655 565.692 550.655 548.987 550.655 548.987 680.114 549.012 680.114 549 680.126 582.231 680.114 582.396 680.114 582.396 680.114" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <g>
+          <path d="m588.948,588.323v-13.143c0-11.878,9.629-21.507,21.507-21.507,11.878,0,21.507,9.629,21.507,21.507v13.143" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="1.5"/>
+          <polygon points="648.534 575.379 630.569 575.379 622.603 575.379 650.482 680.126 658.448 680.126 676.413 680.126 648.534 575.379" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <polygon points="530.6 680.126 650.482 680.126 622.603 575.379 558.48 575.379 530.6 680.126" fill="#fff" stroke="#000" stroke-miterlimit="10" stroke-width="1.5"/>
+          <path d="m569.433,588.323v-13.143c0-11.878,9.629-21.507,21.507-21.507,11.878,0,21.507,9.629,21.507,21.507v13.143" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="1.5"/>
+          <circle cx="612.447" cy="588.323" r="1.195"/>
+          <circle cx="569.433" cy="588.323" r="1.195"/>
+        </g>
+      </g>
+      <rect x="196.306" y="110.158" width="257.636" height="378.795" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <path d="m388.63,181.739c-3.91-11.42-13.333-19.328-24.246-20.355l-15.187-1.433s-2.79,25.622-24.884,25.622-24.891-25.622-24.891-25.622l-15.187,1.433c-10.913,1.027-20.335,8.935-24.245,20.355l-20.246,50.978s12.11,18.026,29.304,21.695l11.805-19.153s2.679,20.919-.102,44.185c-2.074,17.357-9.37,36.021-11.336,48.281-3.492,21.771-4.836,45.346-.906,93.802,0,0,17.41,6.292,55.801,6.292,37.855,0,55.801-6.292,55.801-6.292,3.811-46.987,2.663-70.048-.594-91.793-2.057-13.733-9.593-32.045-11.834-50.618-2.688-22.281.084-43.857.084-43.857l13.034,19.153c17.454-4.248,29.703-21.695,29.703-21.695l-21.875-50.978Z" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <g>
+        <g>
+          <polyline points="116.593 579.143 129.553 620.038 93.99 629.166 82.99 594.166" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m131.895,619.352l9.435,32.602-12.746,4.039c-2.142-2.466-4.536-5.511-4.536-5.511l-3.051,7.916-52.678,16.547s-9.249-12.831,10.956-20.227c21.354-7.817,10.217-36.148,10.217-36.148l15.542-4.926,7.951,8.532,2.191-11.747,12.622-4,4.095,12.923Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <polyline points="57.862 603.901 48.203 642.037 79.812 656.517 96.812 617.13" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m88.549,646.357l-.855,33.929h-13.371c-1.297-2.997-2.659-6.624-2.659-6.624l-5.299,6.624H11.664s-5.408-16.468,16.087-17.415c22.717-1.001,20.613-30.07,20.613-30.07h16.304s5.002,10.536,5.002,10.536l5.638-10.536h13.241s0,13.556,0,13.556Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <g>
+          <path d="m165.99,306.166l-49.077-51.858L14.913,406.307l-.908,1.022c-7.285,8.344-10.534,19.982-7.71,31.561l68.696,175.275,60.667-19.456-59.591-152.238,89.924-136.306Z" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m174.748,276.65l.866.924.562.621.937,1.068c.564.659,1.131-5.673,1.63-5.055.525.637,1.02,1.258,1.497,1.871.491.62.961,1.235,1.414,1.844,1.846,2.449,3.541,4.89,5.149,7.383,3.216,4.977-4.358,10.462-1.813,15.859,19.174,32.964,1.95,81.326-3,92,.312.037-82.151,241.28-82.151,241.28l-60.849-20.28,79-274" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <g>
+          <path d="m205.305,104.466c-2.675-21.303-14.036-37.502-34.926-40.142-20.89-2.641-40.007,12.487-42.7,33.788,0,0-1.979,21.515-.296,39.345,1.684,17.831-4.048,85.935-4.048,85.935l81.637,1.927s1.526-81.472,1.427-97.198q-.099-15.726-1.094-23.655Z"/>
+          <line x1="108.11" y1="183.903" x2="27.72" y2="247.217" fill="none" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m24.152,272.303c-6.291-.894-12.253-4.14-16.454-9.558-8.575-11.058-6.563-26.975,4.495-35.551l80.39-63.315c11.059-8.576,26.974-6.563,35.551,4.495,8.575,11.058,6.563,26.975-4.495,35.551l-80.39,63.315c-5.64,4.374-12.547,5.994-19.096,5.063Z" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <g>
+            <path d="m92.15,129.534c-3.715.273-13.225,2.786-23.53,11.077-5.611,4.515-26.201,30.971-30.45,36.46l-1.1.982,35.243,5.077s11.762-24.902,14.149-28.277c4.196-5.932,8.035-11.035,5.425-11.972-2.609-.938-4.434.918-7.854,4.529-12.264,12.949-11.67,2.7-11.662,2.377.013-.538,5.094-6.98,6.432-7.993,4.777-3.613,8.476-5.934,14.208-9.065,1.326-.724.884-3.324-.861-3.195Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <polygon points="38.783 178.678 73.293 176.63 81.338 155.813 70.792 141.923 46.232 168.878 38.783 178.678" fill="#fff"/>
+            <path d="m77.925,138.934s4.29,1.523,7.238,2.978c1.548.764,4.135,5.317,4.704,6.59,1.95,4.369-.114,5.273-2.629,3.452-2.364-1.711-3.103-3.798-5.509-5.104-2.245-1.22-8.21-1.659-8.21-1.659" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m73.503,142.434s4.837,2.151,7.643,3.951c1.453.932,3.522,5.246,3.786,6.615.405,2.101.148,3.197-1.392,3.236-2.198.056-3.528-4.399-5.934-5.706-2.245-1.22-8.644-3.919-8.644-3.919" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m74.324,149.058c3.569,3.08,3.436,5.276,3.476,6.431.069,1.964-1.254,2.516-2.456,1.62-1.598-1.192-3.734-3.811-4.752-4.267-2.114-.946-5.805-1.695-5.805-1.695" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+          <path d="m41.346,164.589L4.584,235.424c-3.573,5.694-4.878,12.895-2.932,19.88,3.668,13.163,17.313,20.86,30.476,17.192l1.429-.398" fill="#008a1e"/>
+          <path d="m33.557,272.098l-1.429.398c-13.163,3.668-26.808-4.029-30.476-17.192-1.947-6.986-.642-14.187,2.932-19.88l36.762-70.835,37.165,20.562-24.888,48.614" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m111.253,159.224l86.746,11.195c14.366,1.885,22.73,12.57,22.749,21.751.021,10.464-9.451,19.479-9.52,20.195-.989,10.291-17.685,93.106-17.685,93.106l-102.806-11.603,6.915-88.663" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <g>
+            <g>
+              <path d="m116.313,212.01c-2.594-8.935,1.834-14.635,3.065-16.768,2.352-4.074,2.162-9.506,2.523-13.868.365-4.417,1.275-7.74,2.902-7.768,5.214-.091,8.438,18.247,12.127,34.932,3.346,15.134,8.687,19.416,8.687,19.416l-16.591,3.029" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <path d="m124.194,204.645l-.903-54.435c-.029-1.769-1.48-3.183-3.249-3.167l-21.151.19c-1.75.016-3.167,1.426-3.191,3.176l-.727,52.902c-.024,1.722,1.311,3.158,3.03,3.259l22.781,1.344c1.871.11,3.441-1.394,3.41-3.268Z" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <polygon points="99.186 171.372 114.96 179.422 127.622 186.272 129.303 213.53 116.861 217.569 107.326 208.369 99.912 198.242 99.186 171.372" fill="#fff"/>
+              <path d="m98.997,178.037c-5.007-5.636-12.858-9.024-9.502-13.093,2.388-2.894,35.334,19.668,35.334,19.668" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <path d="m108.069,183.493l-10.516-6.583c-.698-.585-1.601-.792-2.481-.566-.875.226-1.563.84-1.888,1.685l-.179.466c-.445,1.159-.349,3.5.698,4.358.347.285.726.568,1.116.847-.881.381-1.684,1.199-2.038,2.121l-.179.465c-.394,1.025-.481,3.359.757,4.167l.227.148c.22.144.451.294.687.446-.366.314-1.759,1.619-1.776,3.301-.011,1.044.655,1.834,1.506,2.83,1.397,1.636,34.835,35.123,34.835,35.123" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            </g>
+            <line x1="94.439" y1="183.449" x2="106.005" y2="190.017" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <line x1="94.274" y1="191.048" x2="103.977" y2="197.178" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+          <path d="m107.801,217.494l77.918,81.509c4.507,2.897,9.989,4.379,15.738,3.856,13.711-1.248,20.976-14.821,22.566-28.084l2.355-75.071c-1.268-13.936-13.471-28.732-27.408-27.464-13.936,1.268-19.99,19.605-18.721,33.542l1.04,25.744-45.458-38.558"/>
+          <path d="m204.721,172.048c14.192,4.374,20.799,17.385,21.704,27.326l-2.477,75.581.075.819c.343,13.875-8.856,25.837-22.566,27.084-5.749.523-11.232-.959-15.738-3.856l-77.918-81.509,29.08-24.35,61.469,53.667" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <line x1="184.072" y1="234.192" x2="184.154" y2="218.977" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <g>
+            <g>
+              <path d="m185.039,127.499c4.485.484,8.52-2.808,9.01-7.354.469-4.35-2.48-8.262-6.666-9.016-1.506-15.005-12.24-27.474-27.641-29.136-11.579-1.25-16.475,4.515-23.116,13.229-3.514,4.612-6.34,33.852-3.228,40.586,2.081,4.503,6.394,7.884,13.759,10.043l-1.768,17.018s-2.988,15.668,14.964,17.615c20.26,2.197,20.08-14.521,20.08-14.521,0,0,3.633-36.575,4.452-38.489.052.007.102.019.154.025Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <path d="m147.339,145.879s7.475,2.462,15.455-1.226" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            </g>
+            <path d="m161.303,111.209l.003-.142c.008-.207-.035-.399-.129-.578-.06-.186-.164-.347-.31-.483-.136-.146-.297-.25-.483-.31-.179-.094-.371-.137-.578-.129l-.399.054c-.254.071-.475.2-.662.386l-.235.304c-.136.234-.204.486-.205.757l-.003.142c-.008.207.035.399.129.578.06.186.164.347.31.483.136.146.297.25.483.31.179.094.371.137.578.129l.399-.054c.254-.071.475-.2.662-.386l.235-.304c.136-.234.204-.486.205-.757h0Z"/>
+            <path d="m144.297,110.229l.003-.142c.008-.207-.035-.399-.129-.578-.06-.186-.164-.347-.31-.483-.136-.146-.297-.25-.483-.31-.179-.094-.371-.137-.578-.129l-.399.054c-.254.071-.475.2-.662.386l-.235.304c-.136.234-.204.486-.205.757l-.003.142c-.008.207.035.399.129.578.06.186.164.347.31.483.136.146.297.25.483.31.179.094.371.137.578.129l.399-.054c.254-.071.475-.2.662-.386l.235-.304c.136-.234.204-.486.205-.757h0Z"/>
+            <path d="m146.961,117.165l-1.342,3.863c-.248.713.309,1.45,1.062,1.406l3.583-.207" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m137.7,105.806s3.945-3.659,7.675-1.615" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m162.74,144.773l-16.735,15.368,1.125-13.307s4.535.483,9.174-.343c4.638-.826,6.436-1.717,6.436-1.717Z" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m157.573,104.193s4.906-1.503,6.733,1.648" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m128.691,98.835l36.222,2.934,5.31-6.307,2.569,7.495s2.057,9.284,13.577,8.256l-.407-17.028-8.743-14.101-27.362-3.078-11.562,3.453-9.604,18.377Z" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+        </g>
+        <path d="m157.742,129.481s-2.125,4.125-7.5,2.25" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g>
+        <line x1="197.746" y1="68.557" x2="222.379" y2="68.557" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <line x1="197.746" y1="77.402" x2="222.379" y2="77.402" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <line x1="197.746" y1="86.246" x2="222.379" y2="86.246" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <path d="m453.362,78.262c-.395-2.793-2.214-5.009-5.018-5.314-3.255-.354-6.075,1.787-6.791,4.75-.716-2.963-3.536-5.105-6.791-4.75-2.804.305-4.623,2.521-5.018,5.314-.283,2,.382,3.851,1.608,5.172l10.201,10.714,10.201-10.714c1.226-1.322,1.891-3.172,1.608-5.172Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <g>
+        <rect x="228.933" y="557.213" width="192.382" height="56.331" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <rect x="278.175" y="579.028" width="93.898" height="12.703" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <g>
+        <circle cx="305.124" cy="478.241" r="5.255" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <circle cx="325.124" cy="478.241" r="5.255" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <circle cx="345.124" cy="478.241" r="5.255" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <line x1="228.818" y1="512.401" x2="421.431" y2="512.401" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <line x1="268.818" y1="531.401" x2="381.431" y2="531.401" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <g>
+        <path id="h_6_h" d="m520.637,179.144c1.224,5.889-2.96,8.206-3.177,12.059-.224,3.987,3.722,6.84,1.796,12.341-1.982,5.662-6.639,5.555-8.796,8.844-2.156,3.288-1.654,8.954-4.605,11.592-2.909,2.601-8.467,1.477-12.034,3.272-3.448,1.735-5.835,6.897-9.793,7.72s-8.206-2.96-12.059-3.177c-3.987-.224-8.636,3.022-12.341,1.796-3.758-1.243-5.555-6.639-8.844-8.796-3.288-2.156-7.364.084-11.592-4.605-3.028-3.357-1.477-8.467-3.272-12.034-1.735-3.448-6.428-4.093-7.72-9.793-.894-3.943,2.96-8.206,3.177-12.059.224-3.987-3.671-6.835-1.796-12.341,1.786-5.245,6.639-5.555,8.796-8.844s-.498-7.5,4.605-11.592c4.09-3.28,8.467-1.477,12.034-3.272,3.448-1.735,2.097-6.12,9.793-7.72,3.958-.823,8.886,4.304,12.739,4.521,3.987.224,6.294-4.608,11.661-3.141,5.845,1.598,5.555,6.639,8.844,8.796,3.288,2.156,8.166.268,11.592,4.605,4.141,5.242,1.262,9.573,3.057,13.14,1.735,3.448,6.839,3.415,7.935,8.687Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <g>
+          <line x1="490.831" y1="172.401" x2="458.097" y2="205.135" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <circle cx="461.422" cy="176.764" r="6.581" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <circle cx="488.063" cy="200.208" r="6.581" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

data/assets/illustrations/online-shopping.svg ADDED Viewed

@@ -0,0 +1,148 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 949.598 543.169">
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <rect x="56.999" y="7.75" width="192.52" height="207.434" fill="#008a1e" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <rect x="274.421" y="7.75" width="192.52" height="207.434" fill="#008a1e" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <rect x="491.844" y="7.75" width="192.52" height="207.434" fill="#008a1e" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <g>
+        <g>
+          <rect x="56.999" y=".75" width="192.52" height="207.434" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="56.999" y=".75" width="192.52" height="31.21" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <g>
+            <circle cx="233.329" cy="16.355" r="9.48" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <g>
+              <line x1="237.829" y1="11.855" x2="228.829" y2="20.855" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <line x1="228.829" y1="11.855" x2="237.829" y2="20.855" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            </g>
+          </g>
+        </g>
+        <g>
+          <rect x="274.421" y=".75" width="192.52" height="207.434" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="274.421" y=".75" width="192.52" height="31.21" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <g>
+            <circle cx="450.979" cy="16.355" r="9.48" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <g>
+              <line x1="455.479" y1="11.855" x2="446.479" y2="20.855" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <line x1="446.479" y1="11.855" x2="455.479" y2="20.855" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            </g>
+          </g>
+        </g>
+        <g>
+          <rect x="491.844" y=".75" width="192.52" height="207.434" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="491.844" y=".75" width="192.52" height="31.21" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <g>
+            <circle cx="668.402" cy="16.355" r="9.48" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <g>
+              <line x1="672.901" y1="11.855" x2="663.902" y2="20.855" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <line x1="663.902" y1="11.855" x2="672.901" y2="20.855" fill="#fff" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            </g>
+          </g>
+        </g>
+        <g>
+          <path d="m656.873,94.699l-17.726,26.218-16.359-11.057v51.863h-69.073v-52.066l-16.655,11.259-17.726-26.218,27.214-18.273c4.673-3.138,10.173-4.812,15.805-4.812h7.957c.644,9.267,8.365,16.584,17.793,16.584s17.153-7.317,17.797-16.584h8.189c5.669,0,11.207,1.696,15.902,4.875l26.881,18.209Z" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <line x1="526.951" y1="89.585" x2="544.718" y2="115.74" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <line x1="648.886" y1="89.585" x2="631.119" y2="115.74" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <line x1="553.715" y1="116.669" x2="622.788" y2="116.669" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <line x1="553.715" y1="144.486" x2="622.788" y2="144.486" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <path d="m222.028,94.699l-17.726,26.218-16.359-11.057v51.863h-69.073v-52.066l-16.655,11.259-17.726-26.218,27.214-18.273c4.673-3.138,10.173-4.812,15.805-4.812h7.957c.644,9.267,8.365,16.584,17.793,16.584s17.153-7.317,17.797-16.584h8.189c5.669,0,11.207,1.696,15.902,4.875l26.881,18.209Z" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <g>
+          <polygon points="359.858 63.134 383.252 63.134 371.555 82.909 359.858 63.134" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m441.995,93.071l-18.156,26.855-16.757-11.326v53.123h-70.75v-53.33l-17.06,11.533-18.156-26.855,27.875-18.716c4.786-3.214,10.421-4.928,16.189-4.928h14.363l12.012,5.948,11.8-5.948h14.817c5.807,0,11.479,1.738,16.289,4.994l27.534,18.651Z"/>
+          <line x1="371.555" y1="75.375" x2="371.555" y2="161.723" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <g>
+            <circle cx="376.647" cy="93.85" r="1.205" fill="#fff"/>
+            <circle cx="376.647" cy="105.525" r="1.205" fill="#fff"/>
+            <circle cx="376.647" cy="117.2" r="1.205" fill="#fff"/>
+            <circle cx="376.647" cy="128.875" r="1.205" fill="#fff"/>
+            <circle cx="376.647" cy="140.551" r="1.205" fill="#fff"/>
+            <circle cx="376.647" cy="152.226" r="1.205" fill="#fff"/>
+          </g>
+          <g>
+            <polygon points="359.858 63.134 353.33 69.458 362.307 86.732 371.555 75.375 359.858 63.134" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <polygon points="383.252 63.134 389.781 69.458 380.804 86.732 371.555 75.375 383.252 63.134" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+        </g>
+      </g>
+      <g>
+        <g>
+          <path d="m435.348,315.24l-80,158h-124v-136.09c0-17.62,14.29-21.91,31.91-21.91h172.09Z" fill="#fff" stroke="#050505" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m294.848,315.24v158s-64,0-64,0v-141.12c0-9.323,7.557-16.88,16.88-16.88h47.12Z" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <path d="m792.999,188.74h83.468c9.316,0,16.88,7.564,16.88,16.88v214.12h-100.348v-231h0Z" fill="#fff" stroke="#050505" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m402.58,188.74h436.768v231h-453.648v-214.12c0-9.316,7.564-16.88,16.88-16.88Z" fill="#fff" stroke="#050505" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m948.848,473.24v25.279c0,1.503-1.218,2.721-2.721,2.721H233.569c-1.503,0-2.721-1.218-2.721-2.721v-25.279s718,0,718,0Z" fill="#fff" stroke="#050505" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <g>
+          <polygon points="409.716 501.239 399.056 542.419 376.486 542.419 387.146 501.239 409.716 501.239" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <polygon points="911.981 542.419 889.411 542.419 878.751 501.239 901.321 501.239 911.981 542.419" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <g>
+          <polygon points="284.801 501.239 274.141 542.419 251.571 542.419 262.231 501.239 284.801 501.239" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <polygon points="788.981 542.419 766.411 542.419 755.751 501.239 778.321 501.239 788.981 542.419" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <rect x="294.848" y="394.74" width="256" height="78.5" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <rect x="440.848" y="394.74" width="294" height="78.5" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <g>
+          <line x1="728.463" y1="192.937" x2="647.463" y2="276.603" fill="none" stroke="#008a1e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m647.46,301.942c-6.354,0-12.713-2.375-17.636-7.147-10.046-9.741-10.294-25.783-.553-35.83l81-83.667c9.742-10.047,25.782-10.294,35.83-.553,10.046,9.741,10.294,25.783.553,35.83l-81,83.667c-4.969,5.125-11.579,7.7-18.194,7.7Z" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <g>
+            <path d="m705.01,141.355c-3.64.793-12.702,4.62-21.737,14.278-4.92,5.26-21.582,34.35-25.015,40.382l-.95,1.127,35.607.067s8.14-26.31,10.028-29.987c3.319-6.463,6.402-12.056,3.686-12.617-2.715-.561-4.26,1.532-7.138,5.589-10.32,14.546-11.173,4.316-11.211,3.994-.063-.535,4.061-7.628,5.243-8.818,4.221-4.249,7.557-7.068,12.79-10.974,1.21-.903.407-3.415-1.302-3.042Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <polygon points="659.09 197.52 692.969 190.636 698.004 168.894 685.608 156.627 665.086 186.77 659.09 197.52" fill="#fff"/>
+            <path d="m692.25,152.664s4.461.904,7.585,1.93c1.64.538,4.842,4.682,5.584,5.862,2.546,4.051.629,5.236-2.117,3.788-2.581-1.361-3.607-3.323-6.173-4.278-2.395-.891-8.362-.487-8.362-.487" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m688.365,156.751s5.092,1.449,8.123,2.836c1.569.718,4.226,4.698,4.68,6.017.697,2.023.597,3.144-.923,3.399-2.169.364-4.112-3.859-6.678-4.814-2.395-.891-9.109-2.664-9.109-2.664" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m690.109,163.194c3.966,2.547,4.144,4.74,4.346,5.877.344,1.935-.888,2.668-2.204,1.949-1.75-.955-4.233-3.248-5.306-3.555-2.226-.639-5.986-.861-5.986-.861" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+          <path d="m656.743,300.415l-1.358.595c-12.516,5.484-27.108-.216-32.592-12.732-2.91-6.642-2.632-13.955.105-20.095l36.748-84.972,39.689,15.127-24.122,61.432" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m367.52,345.708l174.948-114.52c15.55-6.557,33.36-6.492,48.862.179l147.943,102.317-89.818,29.686-82.806-63.712-148.3,82.505-50.83-36.455Z"/>
+          <path d="m359.919,393.557l-33.786,1.035-5.59-73.793s16.641-11.349,20.305,12.932c2.321,15.383,17.501,10.024,17.501,10.024" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m654.944,316.604l-304.309,4.534.034,72.979,364.584.419s81.816,2.42,73.291-69.353c-8.524-71.774,0,0,0,0l-75.213-19.91"/>
+          <path d="m700.579,218.397c2.204-16.978,6.854-28.033,8.731-36.005,2.314-9.831,11.65-16.344,21.679-15.151l48.228,7.472c25.035,3.73,31.843,13.508,32.927,25.387.81,8.876-7.283,47.447-11.3,65.008-6.256,27.349-12.3,60.075-12.3,60.075l-109.707-14.935,21.743-91.851Z" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <g>
+            <g>
+              <circle cx="756.994" cy="103.865" r="31.116"/>
+              <path d="m779.072,115.848s-15.278-27.587-31.763-27.475c-12.395.085-16.872,6.774-22.835,16.794-3.156,5.303-4.613,32.576,1.514,43.304,2.618,4.584,7.718,7.56,15.767,8.949l.196,18.208s-1.257,16.93,17.961,16.809c21.688-.137,19.469-17.792,19.469-17.792l-.308-58.797Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <polyline points="769.674 112.22 769.957 113.211 773.219 124.64 778.492 125.515 781.813 117.934 780.993 104.45 770.437 102.199"/>
+              <path d="m773.48,136.804c4.759-.464,8.236-4.75,7.765-9.572-.45-4.615-4.354-8.039-8.86-7.919" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <path d="m710.246,102.463l48.509.584s-2.664,11.916,8.355,17.332l1.587,8.445,3.621-.025,2.075-13.961-2.951-30.181-26.602-8.97-27.392,9.339-7.203,17.438Z"/>
+              <circle cx="719.35" cy="90.423" r="20.134"/>
+              <circle cx="742.15" cy="80.191" r="17.388"/>
+              <path d="m741.951,157.427s8.203,1.696,16.192-3.172" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            </g>
+            <path d="m743.422,119.469l-.014-.15c.008-.207-.035-.399-.129-.578-.06-.186-.164-.347-.31-.483-.136-.146-.297-.25-.483-.31-.179-.094-.371-.137-.578-.129l-.399.054c-.254.071-.475.2-.662.386l-.235.304c-.136.234-.204.486-.205.757l.014.15c-.008.207.035.399.129.578.06.186.164.347.31.483.136.146.297.25.483.31.179.094.371.137.578.129l.399-.054c.254-.071.475-.2.662-.386l.235-.304c.136-.234.204-.486.205-.757h0Z"/>
+            <path d="m726.269,120.497c-.005-.05-.009-.1-.014-.15.008-.207-.035-.399-.129-.578-.06-.186-.164-.347-.31-.483-.136-.146-.297-.25-.483-.31-.179-.094-.371-.137-.578-.129l-.399.054c-.254.071-.475.2-.662.386l-.235.304c-.136.234-.204.486-.205.757.005.05.009.1.014.15-.008.207.035.399.129.578.06.186.164.347.31.483.136.146.297.25.483.31.179.094.371.137.578.129l.399-.054c.254-.071.475-.2.662-.386l.235-.304c.136-.234.204-.486.205-.757h0Z"/>
+            <path d="m729.067,127.326l-.95,4.248c-.175.784.502,1.495,1.294,1.358l3.764-.654" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m738.471,112.323s5.42-1.848,8.16,1.755" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m717.896,116.44s3.727-4.347,7.919-2.639" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m758.143,154.255l-16.198,17.955-.137-14.213s4.344.518,9.176-.821c4.832-1.338,7.158-2.921,7.158-2.921Z" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m742.384,138.472s-2.284,4.039-7.582,1.955" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+          <g>
+            <g>
+              <path d="m639.688,212.681c-3.826-8.481-.244-14.747.675-17.033,1.755-4.364.803-9.716.546-14.085-.26-4.425.173-7.842,1.78-8.099,5.149-.824,10.922,16.878,16.922,32.878,5.442,14.513,11.333,18,11.333,18l-16,5.333" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <polygon points="647 207.71 637.396 147.358 610.21 151.471 617.727 210.124 647 207.71" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <polygon points="617.012 174.858 633.762 180.608 647.262 185.608 652.762 212.358 641.012 218.108 630.277 210.341 621.512 201.358 617.012 174.858" fill="#fff"/>
+              <path d="m617.762,181.483c-5.75-4.875-14-7.125-11.25-11.625,1.957-3.202,37.75,14.5,37.75,14.5" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <path d="m627.512,185.608l-11.337-5.037c-.773-.481-1.696-.559-2.536-.211-.834.347-1.43,1.052-1.632,1.934l-.112.487c-.278,1.21.147,3.514,1.304,4.217.384.233.798.46,1.225.681-.819.501-1.499,1.425-1.72,2.387l-.111.486c-.246,1.07-.003,3.394,1.336,4.019l.245.115c.238.112.488.228.743.345-.318.363-1.513,1.851-1.294,3.518.136,1.035.907,1.724,1.889,2.59,1.614,1.423,39.431,29.871,39.431,29.871" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            </g>
+            <line x1="614.012" y1="187.483" x2="626.387" y2="192.358" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <line x1="614.917" y1="195.029" x2="625.387" y2="199.733" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+          <path d="m787.161,244.595l-46.431,40.423-.491.427c-9.08,7.905-22.328,7.936-31.414.685l-75.574-60.21,27.496-36.423,61.792,44.166,44.134-44.431s13.398-14.23,23.075-12.319" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <g>
+          <path d="m948.848,332.12v141.12h-214v-126.09c0-17.623,14.287-31.91,31.91-31.91h165.21c9.323,0,16.88,7.557,16.88,16.88Z" fill="#fff" stroke="#050505" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m798.848,315.24v158h-64v-141.2c0-9.278,7.522-16.8,16.8-16.8h47.2Z" fill="#fff" stroke="#0d0d0d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+      </g>
+      <line x1="3.155" y1="542.419" x2="920.707" y2="542.419" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <g>
+        <polygon points="81.162 542.419 40.5 542.419 34.042 408.3 87.62 408.3 81.162 542.419" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m64.622,408.3s2.275-65.709,48.524-86.939c0,0,1.895,14.785-10.615,27.295-12.51,12.51-14.168,13.668-14.911,27.295-.569,10.425-9.177,13.278-13.9,12.889-1.584-.131-6.321-.698-6.321-.698" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m56.994,408.775s-1.562-27.062-2.291-36.067c-2.007-24.81-16.275-64.048-53.938-83.688,0,0-.954,14.875,12.324,26.567,13.278,11.692,15.746,12.675,16.611,26.294.865,13.62,14.689,11.982,14.689,11.982l6.689-.714s2.13,5.915,3.625,19.558" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m60.831,408.3c0-4.549,1.011-94.015,18.196-127.375" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <circle cx="79.027" cy="281.207" r="6.571" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+    </g>
+  </g>
+</svg>

data/assets/illustrations/oops-something-went-wrong.svg ADDED Viewed

@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 745.305 749.688">
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <g>
+        <path d="m508.332,503.807c0-18.019,14.607-32.626,32.626-32.626s32.626,14.607,32.626,32.626c0,1.142-.06,2.269-.174,3.381,8.626,2.927,14.837,11.087,14.837,20.703,0,10.174-6.949,18.723-16.36,21.164,2.647,3.027,4.254,6.987,4.254,11.324,0,6.191-3.27,11.617-8.175,14.651,1.993,2.74,3.171,6.11,3.171,9.757,0,9.172-7.436,16.608-16.608,16.608-8.031,0-14.73-5.7-16.273-13.276-.077.001-.154.006-.231.006-9.115,0-16.505-7.389-16.505-16.505,0-8.172,5.941-14.953,13.739-16.269-2.088-2.469-3.349-5.659-3.349-9.145,0-3.968,1.632-7.552,4.259-10.125-15.748-2.317-27.838-15.881-27.838-32.273Z"/>
+        <rect x="533.426" y="581.049" width="25.395" height="25.395" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m473.556,402.794v231.572c0,13.254,10.745,23.999,23.999,23.999h0c13.254,0,23.999-10.745,23.999-23.999v-40.356h7.286" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m477.555,402.794l19.405,44.205c2.166,4.934-1.448,10.468-6.837,10.468h-53.067c0-3.686,2.988-6.673,6.673-6.673h15.67c5.038,0,8.63-4.886,7.127-9.694l-11.971-38.306" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m472.555,402.794l19.405,44.205c2.166,4.934-1.448,10.468-6.837,10.468h-53.067c0-3.686,2.988-6.673,6.673-6.673h15.67c5.038,0,8.63-4.886,7.127-9.694l-11.971-38.306" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <g>
+          <rect x="419.555" y="448.794" width="8" height="6" rx="3" ry="3" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="429.555" y="448.794" width="8" height="6" rx="3" ry="3" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="439.555" y="448.794" width="8" height="6" rx="3" ry="3" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="343.555" y="448.794" width="8" height="6" rx="3" ry="3" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="333.555" y="448.794" width="8" height="6" rx="3" ry="3" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="353.555" y="448.794" width="8" height="6" rx="3" ry="3" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="403.555" y="448.794" width="8" height="6" rx="3" ry="3" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m398.555,454.794h-2c-1.657,0-33-1.343-33-3h0c0-1.657,1.343-3,3-3h32c1.657,0,3,1.343,3,3h0c0,1.657-1.343,3-3,3Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="333.555" y="450.794" width="127" height="7" rx="3.5" ry="3.5" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <rect x="327.555" y="450.794" width="127" height="7" rx="3.5" ry="3.5" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <path d="m372.112,268.794h166.261c6.316,0,11.443,5.127,11.443,11.443v116.722c0,9.292-7.544,16.835-16.835,16.835h-155.476c-9.292,0-16.835-7.544-16.835-16.835v-116.722c0-6.316,5.127-11.443,11.443-11.443Z" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <g>
+          <rect x="179.18" y="457.467" width="501.074" height="17.992" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <g>
+            <line x1="553.84" y1="477.161" x2="600.302" y2="747.589" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <line x1="155.595" y1="477.161" x2="103.807" y2="748.938" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+          <g>
+            <line x1="653.84" y1="477.161" x2="705.302" y2="747.589" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <line x1="255.595" y1="477.161" x2="208.807" y2="748.938" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+          <rect x="129.18" y="457.467" width="441.074" height="17.992" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <path d="m366.112,268.794h166.261c6.316,0,11.443,5.127,11.443,11.443v116.722c0,9.292-7.544,16.835-16.835,16.835h-155.476c-9.292,0-16.835-7.544-16.835-16.835v-116.722c0-6.316,5.127-11.443,11.443-11.443Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <rect x="360.242" y="274.294" width="178" height="113.219" rx="7" ry="7" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <line x1=".75" y1="747.794" x2="744.555" y2="747.794" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m536.84,585.799h10.673v16h-10.673c-4.415,0-8-3.585-8-8h0c0-4.415,3.585-8,8-8Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <line x1="547.512" y1="590.149" x2="551.512" y2="590.149" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <line x1="547.512" y1="597.449" x2="551.512" y2="597.449" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <path d="m558.551,131.889c0-44.192-35.824-80.016-80.016-80.016s-80.016,35.824-80.016,80.016c0,2.8.146,5.566.427,8.292-21.156,7.179-36.387,27.191-36.387,50.774,0,24.951,17.043,45.919,40.122,51.904-6.491,7.425-10.433,17.135-10.433,27.772,0,15.184,8.019,28.491,20.048,35.932-4.887,6.719-7.777,14.984-7.777,23.928,0,22.495,18.236,40.732,40.732,40.732,19.696,0,36.126-13.98,39.911-32.559.189.003.377.014.567.014,22.355,0,40.478-18.122,40.478-40.478,0-20.042-14.57-36.672-33.694-39.901,5.12-6.054,8.213-13.878,8.213-22.428,0-9.731-4.003-18.522-10.446-24.832,38.623-5.682,68.272-38.949,68.272-79.15Z"/>
+        <g>
+          <path d="m33.677,684.919l-15.975,30.855,56.842,30.716,21.626.872s11.735-12.266-10.214-19.372c-13.904-7.235-5.708-20.552-5.708-20.552" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m178.986,717.362l-1.932,30,85.206-.132s9.273-20.239-15.283-20.255c-15.557-.01-17.495-15.406-17.495-15.406" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          <path d="m281.072,517.515l-.257-.753-64.159-188-70.98,24.224,61.231,179.419-33.592,187.814,65.918.728,43.076-185.866c1.054-5.634.748-11.755-1.235-17.566Z"/>
+          <path d="m91.303,717.185l-72.491-29.234,76.872-166.652,8.58-98.582s3.672-69.373,12.676-85.704c9.113-16.531,82.469,2.348,82.469,2.348l-30.149,197.089-77.956,180.736Z"/>
+          <g>
+            <path d="m302.415,175.055s-7.787-16.409-11.932-23.096c-7.148-11.534-12.139-17.765-17.035-18.319-1.047-.118-3.493.679,1.695,5.696,3.074,2.973,4.203,11.845,4.203,11.845" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m282.067,197.853s-10.858-19.95-14.86-26.368c-3.953-6.339-9.29-11.28-8.188-13.647,2.028-4.355,14.602,8.101,17.485,13.08" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <polygon points="301.62 189.77 282.881 191.281 268.785 164.435 269.137 149.24 283.093 143.35 301.62 189.77" fill="#fff"/>
+            <path d="m281.577,148.683c-3.276-8.07-12.58-16.121-14.659-16.853-2.297-.808-4.106,1.718-.771,4.873,1.324,1.253,2.252,3.321,4.336,5.331" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m276.831,151.483c-3.247-6.738-7.272-12.653-11.092-15.558-1.157-.88-3.471-2.579-4.776-2.46-3.221.294-.452,4.583,2.812,8.158" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m271.084,169.364s-5.383-13.296-12.559-28.217c-.459-.955-.05-4.29,3.63-1.608,4.652,3.391,9.309,14.936,9.309,14.936" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+          <g>
+            <g>
+              <circle cx="220.515" cy="143.682" r="31.116"/>
+              <path d="m197.999,154.819s16.313-26.988,32.783-26.25c12.383.555,16.603,7.409,22.182,17.648,2.952,5.418,1.205,36.635-3.156,43.216-2.916,4.401-7.999,7.262-16.095,8.344l-.887,18.187s.614,16.965-18.585,16.115c-21.667-.959-18.78-18.517-18.78-18.517l2.538-58.743Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <polyline points="207.527 151.551 207.207 152.53 203.514 163.827 198.212 164.501 195.181 156.8 196.511 143.356 207.145 141.508"/>
+              <path d="m202.792,175.972c-4.738-.644-8.049-5.059-7.396-9.86.625-4.595,4.656-7.869,9.154-7.578" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+              <path d="m267.282,144.054l-48.496-1.256s2.21,12.008-9.006,17.002l-1.906,8.379-3.618-.162-1.544-14.03,4.094-30.047,26.923-7.955,27.018,10.371,6.536,17.698Z"/>
+              <circle cx="258.642" cy="131.678" r="20.134"/>
+              <circle cx="236.246" cy="120.588" r="17.388"/>
+              <path d="m233.516,197.776s-8.261,1.383-16.06-3.784" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            </g>
+            <path d="m237.234,159.846l.02-.15c.012-.31-.053-.599-.194-.867-.091-.279-.246-.52-.465-.724-.204-.219-.445-.374-.724-.465-.268-.141-.557-.205-.867-.194l-.598.08c-.381.107-.712.3-.993.579l-.352.455c-.204.351-.306.729-.307,1.136l-.02.15c-.012.31.053.599.194.867.091.279.246.52.465.724.204.219.445.374.724.465.268.141.557.205.867.194l.598-.08c.381-.107.712-.3.993-.579l.352-.455c.204-.351.306-.729.307-1.136h0Z"/>
+            <path d="m255.283,161.561l.02-.15c.012-.31-.053-.599-.194-.867-.091-.279-.246-.52-.465-.724-.204-.219-.445-.374-.724-.465-.268-.141-.557-.205-.867-.194l-.598.08c-.381.107-.712.3-.993.579l-.352.455c-.204.351-.306.729-.307,1.136l-.02.15c-.012.31.053.599.194.867.091.279.246.52.465.724.204.219.445.374.724.465.268.141.557.205.867.194l.598-.08c.381-.107.712-.3.993-.579l.352-.455c.204-.351.306-.729.307-1.136h0Z"/>
+            <path d="m247.532,168.185l.788,4.28c.146.79-.559,1.475-1.345,1.308l-3.736-.796" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m238.704,149.836s-5.346-2.052-8.221,1.444" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m259.108,154.731s-3.559-4.485-7.813-2.937" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m217.456,193.992l15.505,18.556.675-14.197s-4.36.353-9.138-1.168c-4.778-1.521-7.043-3.191-7.043-3.191Z" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m241.337,181.459s-2.228-4.07-7.554-2.061" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+          <g>
+            <path d="m155.393,155.856s18.114-14.086,23.858-19.124c5.673-4.976,9.727-11.105,12.267-10.393,4.673,1.31-5.689,15.881-10.182,19.569" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m185.207,136.463c11.571-7.35,18.85-10.825,23.546-9.176,1.005.353,2.879,2.153-4.045,4.437-4.103,1.353-9.029,8.928-9.029,8.928" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <polygon points="175.286 177.342 155.728 161.282 180.188 142.841 191.241 134.776 207.688 132.066 214.217 142.23 175.286 177.342" fill="#fff"/>
+            <path d="m194.748,137.398c6.527-5.901,18.528-9.136,20.741-8.888,2.444.274,2.98,3.367-1.441,4.772-1.755.558-3.508,2.031-6.287,2.944" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m197.106,142.81c5.915-4.702,12.176-8.314,16.927-9.277,1.439-.292,4.29-.821,5.426-.138,2.8,1.683-1.603,4.368-6.144,6.185" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+            <path d="m185.512,172.137s20.432-20.706,33.517-31.124c.837-.667,1.931-3.88-2.595-3.058-5.722,1.04-15.032,9.495-15.032,9.495" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+          </g>
+          <path d="m333.393,291.9c-5.58,2.44-11.51,2.64-16.96,1.03,0,0-39.73-10.74-66.58-18-8.08,36.08-20.36,91.05-20.36,91.05l-113.1-28.41s9.07-32.02,15.57-59.31c1.75-7.33,4.49-18.27,7.42-29.08-21.5-2.36-43.61-4.79-43.61-4.79l-.71-.08c-22.61-2.56-29.92-31.63-11.66-44.69l83.27-59.39,26.63,35.14s-16.7,13.43-32.2,25.9l18.11,1.99v.01c4.99.25,10.52,1.2,16.56,3.02l-.31,7.27s-2.89,17.56,18.78,18.52c15.15.67,17.96-9.76,18.46-14.18l11.24,3.54c.24.09.46.2.7.29l37.98,10.27-19.73-53.12,40.89-16.5,42.35,97.06c5.45,12.48-.25,27.02-12.74,32.46Z" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        </g>
+        <circle cx="359.305" cy="73.268" r="31.75"/>
+        <circle cx="411.555" cy="16.555" r="16.555"/>
+        <line x1="161.103" y1="201.27" x2="134.931" y2="222.606" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+        <line x1="282.623" y1="232" x2="295.099" y2="263.65" fill="#008a1e" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      </g>
+      <polyline points="524.302 259.089 546.124 215.994 549.816 253.105 582.112 237.542 568.097 268.794 597.528 287.119 563.192 292.024" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <polyline points="349.196 413.166 336.356 438.524 334.183 416.688 315.18 425.845 323.426 407.456 306.109 396.674 326.313 393.787" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <line x1="560.915" y1="307.352" x2="574.535" y2="320.973" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <polyline points="551.62 614.847 555.292 636.997 563.543 628.374 570.21 650.619" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+      <polyline points="543.242 618.821 532.268 638.408 544.084 637.071 535.404 658.365" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+    </g>
+  </g>
+</svg>