luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity
open-consul/website/components/features-list/images/top-right-design.svg

14 lines
497 KiB
XML
Raw Normal View History

[Assembly] Consul on Kubernetes Page (#11047) * Start new page * reset * Consul on Kubernetes - Features List Section (#11078) * Fix conflicts * Start adding and placing content * Add a lot of styling and background image * Looking like design. Before adding more global styles * Work on editing styles * Move imports and switch to flex * Add more styles and bottom left background image * Fix conflicts * Fix styles on mobile * Change images path in public * Updates from code review - Move data and update styles * Convert to tsx and add types * Change button props to get desired styling without using css * Remove margin on mobile * Consul On Kubernetes - Hero (#11089) * Start hero section * Increase max sizes for container * Minor Edits * Use g-grid-container * Edit video styles and test * Rename component * Start moving global styles over * Move hero styles to locl * Remove composes g-hero * Fix flex basis on media * Add display flex to media * Clean up some styles * Consul On Kubernetes - Block List (#11114) * Start block list * Enter data and start styles * Get all images in and update styles * Move data and convert to ts * Add comment in page * Consul On Kubernetes - Side by Side Section (#11122) * Start block list * Enter data and start styles * Get all images in and update styles * Start side by side * Add content and more styles * Some more styles * Add styles for text and titles * Edit styles and clean * Fix spacing between button and text in overview * Delete public folder * Fix images in block on page * remove extra file * Fix classnames import * Use fragment * Consul On Kubernetes - Docs List Component (#11150) * Add docs list component * Add docs list content * Change type declaration * Remove unecessary style * Use fragment * Change icons * Consul On Kubernetes - Card List & Get Started Section (#11168) * Start card list component * Begin adding content * Start wrapper styles * Add more styles for card * Fix style * Edit styles * Use next Link * Add minor formatting * Make entire card a link * Add transition * Change import * Use svg instead of button and make target blank * Move wrapper div to component and add classname prop, use color variable for border * Change min of card in grid * Less pxels for min * Update copy * Consul on Kubernetes Content (#11179) * Add content so far * Add hero content and switch video to embed - needs editing * Add overview and docs links * Use iframe in hero and style * Remove = null on prop * Add learn tutorials content so far * Change learn tutorials content * Change placeholder learn content * Add requested copy updates * Align numbers * Consul on Kubernetes Content & Design Updates (#11217) * Update docs icons * Update learn cards * Update challenges icon * Video poster pending * New image * Add split up background images * Looking pretty good * Fix up background image * Add more styles * Add meta description and new feature images * Revert img change * Fix up images and replace poster * Switch to grid * Move images * Clean up styles * Change hero button text * Update styles for hero video * Update youtube url * Use gray variable * Consul on Kubernetes Metadata (#11219) * Add meta data for sharing * Test * Test 2 * Add meta title * Update share image * CHange name * Test * Test again * Use relative url * Swap urls for hero ctas * Update tutorial card to be uniform * Change overview button text * Resolve conflicts and fix dependencies
2021-10-08 19:50:36 +00:00
<svg width="678" height="587" viewBox="0 0 678 587" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M340.499 478.362C340.263 478.362 340.033 478.432 339.837 478.563C339.64 478.694 339.488 478.881 339.397 479.099C339.307 479.317 339.284 479.557 339.33 479.789C339.376 480.02 339.489 480.233 339.656 480.4C339.823 480.567 340.036 480.68 340.267 480.727C340.499 480.773 340.739 480.749 340.957 480.658C341.175 480.568 341.361 480.415 341.492 480.219C341.623 480.022 341.693 479.792 341.693 479.556C341.693 479.399 341.662 479.243 341.602 479.099C341.542 478.954 341.454 478.822 341.344 478.711C341.233 478.6 341.101 478.512 340.956 478.452C340.811 478.393 340.656 478.362 340.499 478.362ZM340.499 462.139C340.263 462.139 340.033 462.21 339.837 462.341C339.64 462.472 339.488 462.658 339.397 462.877C339.307 463.095 339.284 463.335 339.33 463.566C339.376 463.798 339.489 464.011 339.656 464.178C339.823 464.344 340.036 464.458 340.267 464.504C340.499 464.55 340.739 464.526 340.957 464.436C341.175 464.346 341.361 464.193 341.492 463.996C341.623 463.8 341.693 463.569 341.693 463.333C341.693 463.176 341.662 463.021 341.602 462.876C341.542 462.731 341.454 462.6 341.344 462.489C341.233 462.378 341.101 462.29 340.956 462.23C340.811 462.17 340.656 462.139 340.499 462.139ZM340.499 494.584C340.263 494.584 340.033 494.654 339.837 494.786C339.64 494.917 339.488 495.103 339.397 495.322C339.307 495.54 339.284 495.78 339.33 496.011C339.376 496.243 339.489 496.456 339.656 496.622C339.823 496.789 340.036 496.903 340.267 496.949C340.499 496.995 340.739 496.971 340.957 496.881C341.175 496.79 341.361 496.637 341.492 496.441C341.623 496.245 341.693 496.014 341.693 495.778C341.693 495.621 341.662 495.466 341.602 495.321C341.542 495.176 341.454 495.044 341.343 494.933C341.233 494.823 341.101 494.735 340.956 494.675C340.811 494.615 340.656 494.584 340.499 494.584ZM340.499 429.695C340.263 429.695 340.033 429.765 339.837 429.896C339.64 430.028 339.488 430.214 339.397 430.432C339.307 430.65 339.284 430.89 339.33 431.122C339.376 431.353 339.489 431.566 339.656 431.733C339.823 431.9 340.036 432.014 340.267 432.06C340.499 432.106 340.739 432.082 340.957 431.992C341.175 431.901 341.361 431.748 341.492 431.552C341.623 431.356 341.693 431.125 341.693 430.889C341.693 430.732 341.662 430.577 341.602 430.432C341.542 430.287 341.454 430.155 341.344 430.044C341.233 429.934 341.101 429.846 340.956 429.786C340.811 429.726 340.656 429.695 340.499 429.695ZM340.499 445.917C340.263 445.917 340.033 445.988 339.837 446.119C339.64 446.25 339.488 446.436 339.397 446.655C339.307 446.873 339.284 447.113 339.33 447.344C339.376 447.576 339.489 447.789 339.656 447.955C339.823 448.122 340.036 448.236 340.267 448.282C340.499 448.328 340.739 448.304 340.957 448.214C341.175 448.124 341.361 447.971 341.492 447.774C341.623 447.578 341.693 447.347 341.693 447.111C341.693 446.954 341.662 446.799 341.602 446.654C341.542 446.509 341.454 446.378 341.344 446.267C341.233 446.156 341.101 446.068 340.956 446.008C340.811 445.948 340.656 445.917 340.499 445.917ZM340.499 559.473C340.263 559.473 340.033 559.543 339.837 559.674C339.64 559.806 339.488 559.992 339.397 560.21C339.307 560.428 339.284 560.668 339.33 560.9C339.376 561.132 339.489 561.344 339.656 561.511C339.823 561.678 340.036 561.792 340.267 561.838C340.499 561.884 340.739 561.86 340.957 561.77C341.175 561.679 341.361 561.526 341.492 561.33C341.623 561.134 341.693 560.903 341.693 560.667C341.693 560.51 341.662 560.355 341.602 560.21C341.542 560.065 341.454 559.933 341.344 559.822C341.233 559.712 341.101 559.624 340.956 559.564C340.811 559.504 340.656 559.473 340.499 559.473ZM340.499 543.251C340.263 543.251 340.033 543.321 339.837 543.452C339.64 543.583 339.488 543.77 339.397 543.988C339.307 544.206 339.284 544.446 339.33 544.678C339.376 544.909 339.489 545.122 339.656 545.289C339.823 545.456 340.036 545.569 340.267 545.615C340.499 545.661 340.739 545.638 340.957 545.547C341.175 545.457 341.361 545.304 341.492 545.108C341.623 544.911 341.693 544.681 341.693 544.444C341.693 544.288 341.662 544.132 341.602 543.987C341.542 543.843 341.454 543.711 341.344 543.6C341.233 543.489 341.101 543.401 340.956 543.341C340.811 543.281 340.656 543.251
<path d="M1.49972 186.362C1.26234 186.362 1.03032 186.432 0.832981 186.563C0.635644 186.694 0.481855 186.881 0.391065 187.099C0.300275 187.317 0.276561 187.557 0.322916 187.789C0.369272 188.02 0.483618 188.233 0.651496 188.4C0.819374 188.567 1.03324 188.68 1.26607 188.727C1.49889 188.773 1.74021 188.749 1.95951 188.658C2.17881 188.568 2.36625 188.415 2.49812 188.219C2.63 188.022 2.70038 187.792 2.70038 187.556C2.70043 187.399 2.6694 187.243 2.60908 187.099C2.54875 186.954 2.46031 186.822 2.3488 186.711C2.2373 186.6 2.10491 186.512 1.95922 186.452C1.81353 186.393 1.65739 186.362 1.49972 186.362ZM1.49972 170.139C1.26234 170.139 1.03032 170.21 0.832981 170.341C0.635644 170.472 0.481855 170.658 0.391065 170.877C0.300275 171.095 0.276561 171.335 0.322916 171.566C0.369272 171.798 0.483618 172.011 0.651496 172.178C0.819374 172.344 1.03324 172.458 1.26607 172.504C1.49889 172.55 1.74021 172.526 1.95951 172.436C2.17881 172.346 2.36625 172.193 2.49812 171.996C2.63 171.8 2.70038 171.569 2.70038 171.333C2.70043 171.176 2.6694 171.021 2.60908 170.876C2.54875 170.731 2.46031 170.6 2.3488 170.489C2.23729 170.378 2.10492 170.29 1.95923 170.23C1.81353 170.17 1.65739 170.139 1.49972 170.139ZM1.49972 202.584C1.26232 202.584 1.03028 202.654 0.832937 202.786C0.635592 202.917 0.481806 203.103 0.391028 203.322C0.30025 203.54 0.276559 203.78 0.322947 204.011C0.369335 204.243 0.48372 204.456 0.651638 204.622C0.819557 204.789 1.03347 204.903 1.26631 204.949C1.49916 204.995 1.74049 204.971 1.95979 204.881C2.17908 204.79 2.3665 204.637 2.49832 204.441C2.63015 204.245 2.70046 204.014 2.70038 203.778C2.70042 203.621 2.66939 203.466 2.60905 203.321C2.54872 203.176 2.46026 203.044 2.34875 202.933C2.23724 202.823 2.10487 202.735 1.95918 202.675C1.8135 202.615 1.65737 202.584 1.49972 202.584ZM1.49972 137.695C1.26234 137.695 1.03032 137.765 0.832981 137.896C0.635644 138.028 0.481855 138.214 0.391065 138.432C0.300275 138.65 0.276561 138.89 0.322916 139.122C0.369272 139.353 0.483618 139.566 0.651496 139.733C0.819374 139.9 1.03324 140.014 1.26607 140.06C1.49889 140.106 1.74021 140.082 1.95951 139.992C2.17881 139.901 2.36625 139.748 2.49812 139.552C2.63 139.356 2.70038 139.125 2.70038 138.889C2.70043 138.732 2.6694 138.577 2.60908 138.432C2.54875 138.287 2.46031 138.155 2.3488 138.044C2.2373 137.934 2.10491 137.846 1.95922 137.786C1.81353 137.726 1.65739 137.695 1.49972 137.695ZM1.49972 153.917C1.26234 153.917 1.03032 153.988 0.832981 154.119C0.635644 154.25 0.481855 154.436 0.391065 154.655C0.300275 154.873 0.276561 155.113 0.322916 155.344C0.369272 155.576 0.483618 155.789 0.651496 155.955C0.819374 156.122 1.03324 156.236 1.26607 156.282C1.49889 156.328 1.74021 156.304 1.95951 156.214C2.17881 156.124 2.36625 155.971 2.49812 155.774C2.63 155.578 2.70038 155.347 2.70038 155.111C2.70043 154.954 2.6694 154.799 2.60908 154.654C2.54875 154.509 2.46031 154.378 2.3488 154.267C2.23729 154.156 2.10492 154.068 1.95923 154.008C1.81353 153.948 1.65739 153.917 1.49972 153.917ZM1.49972 267.473C1.26234 267.473 1.03032 267.543 0.832981 267.674C0.635644 267.806 0.481855 267.992 0.391065 268.21C0.300275 268.428 0.276561 268.668 0.322916 268.9C0.369272 269.132 0.483618 269.344 0.651496 269.511C0.819374 269.678 1.03324 269.792 1.26607 269.838C1.49889 269.884 1.74021 269.86 1.95951 269.77C2.17881 269.679 2.36625 269.526 2.49812 269.33C2.63 269.134 2.70038 268.903 2.70038 268.667C2.70043 268.51 2.6694 268.355 2.60908 268.21C2.54875 268.065 2.46031 267.933 2.3488 267.822C2.2373 267.712 2.10491 267.624 1.95922 267.564C1.81353 267.504 1.65739 267.473 1.49972 267.473ZM1.49972 251.251C1.26234 251.251 1.03032 251.321 0.832981 251.452C0.635644 251.583 0.481855 251.77 0.391065 251.988C0.300275 252.206 0.276561 252.446 0.322916 252.678C0.369272 252.909 0.483618 253.122 0.651496 253.289C0.819374 253.456 1.03324 253.569 1.26607 253.615C1.49889 253.661 1.74021 253.638 1.95951 253.547C2.17881 253.457 2.36625 253.304 2.49812 253.108C2.63 252.911 2.70038 252.681 2.70038 252.444C2.70043 252.288 2.6694 252.132 2.60908 251.987C2.54875 251.843 2.46031 251.711 2.3488 251.6C2.2373 251.489 2.10491 251
<g clip-path="url(#clip0)">
<path d="M338.5 227.524V225.151C356.061 225.171 372.897 232.115 385.315 244.46C397.732 256.805 404.717 273.542 404.737 291H402.35C402.331 274.171 395.598 258.037 383.628 246.137C371.658 234.237 355.428 227.544 338.5 227.524V227.524ZM434.875 291H437.261C437.231 264.97 426.817 240.014 408.302 221.608C389.787 203.201 364.684 192.848 338.5 192.818V195.19C364.052 195.219 388.548 205.322 406.616 223.284C424.683 241.246 434.846 265.599 434.875 291ZM418.607 291H420.994C420.971 269.256 412.272 248.409 396.807 233.033C381.342 217.656 360.372 209.006 338.5 208.98V211.353C359.74 211.378 380.102 219.778 395.12 234.709C410.138 249.641 418.585 269.885 418.607 291ZM451.133 291H453.519C453.486 260.684 441.357 231.618 419.795 210.18C398.232 188.742 368.996 176.683 338.5 176.648V179.018C368.363 179.054 396.992 190.863 418.108 211.856C439.223 232.85 451.1 261.312 451.133 291ZM353.56 291H355.947C355.943 286.4 354.104 281.99 350.833 278.737C347.562 275.484 343.127 273.653 338.5 273.647V276.02C342.494 276.026 346.322 277.606 349.146 280.414C351.969 283.223 353.557 287.03 353.56 291ZM386.084 291H388.47C388.457 277.828 383.188 265.199 373.82 255.885C364.452 246.57 351.75 241.329 338.5 241.313V243.686C351.117 243.701 363.213 248.691 372.133 257.561C381.054 266.432 386.071 278.457 386.084 291ZM369.826 291H372.213C372.203 282.114 368.648 273.595 362.328 267.312C356.008 261.029 347.438 257.494 338.5 257.484V259.857C346.805 259.867 354.768 263.151 360.64 268.989C366.513 274.828 369.817 282.743 369.826 291ZM338.5 160.484V162.857C372.674 162.895 405.438 176.408 429.603 200.432C453.768 224.455 467.361 257.026 467.399 291H469.786C469.747 256.397 455.902 223.223 431.29 198.755C406.677 174.287 373.307 160.523 338.5 160.484V160.484Z" fill="#343536"/>
<path d="M676.5 47.3143H676.5V49.6867H676.5C663.25 49.6706 650.548 44.4302 641.18 35.1154C631.812 25.8006 626.543 13.1719 626.529 0L628.916 0C628.929 12.543 633.946 24.5687 642.867 33.4388C651.787 42.3089 663.883 47.299 676.5 47.3143ZM661.441 0H659.054C659.058 4.59947 660.897 9.00956 664.168 12.2628C667.438 15.516 671.873 17.3466 676.5 17.353H676.5V14.9799H676.5C672.506 14.9743 668.678 13.394 665.855 10.5856C663.031 7.7773 661.444 3.97034 661.441 0V0ZM645.173 0H642.788C642.798 8.88569 646.353 17.4046 652.673 23.6879C658.993 29.9712 667.562 33.5057 676.5 33.5159H676.5V31.1428H676.5C668.195 31.1333 660.232 27.8491 654.359 22.0108C648.486 16.1724 645.183 8.25667 645.173 0V0ZM612.649 0H610.262C610.282 17.4581 617.267 34.1955 629.685 46.5403C642.102 58.8851 658.939 65.829 676.5 65.8488H676.5V63.4757H676.5C659.572 63.4566 643.342 56.7629 631.372 44.863C619.402 32.9632 612.669 16.8289 612.649 0V0ZM580.126 0H577.739C577.768 26.0304 588.183 50.9862 606.698 69.3925C625.213 87.7988 650.316 98.1524 676.5 98.1817H676.5V95.8102H676.5C650.949 95.7813 626.452 85.6777 608.385 67.716C590.317 49.7543 580.154 25.4014 580.126 0V0ZM596.392 0H594.006C594.029 21.7441 602.728 42.591 618.193 57.9673C633.658 73.3436 654.627 81.9936 676.5 82.0196H676.5V79.6472H676.5C655.26 79.6223 634.897 71.2226 619.879 56.291C604.861 41.3594 596.415 21.1152 596.392 0V0ZM547.602 0H545.215C545.254 34.6028 559.098 67.7773 583.71 92.2454C608.323 116.713 641.693 130.477 676.5 130.516H676.5V128.143H676.5C642.326 128.104 609.562 114.591 585.398 90.5681C561.233 66.5449 547.64 33.9737 547.602 0V0ZM563.868 0H561.482C561.515 30.3164 573.643 59.3817 595.206 80.8195C616.769 102.257 646.005 114.317 676.5 114.353H676.5V111.982H676.5C646.637 111.947 618.008 100.137 596.892 79.1436C575.777 58.1502 563.901 29.6876 563.868 0V0Z" fill="#343536"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="338" height="291" fill="white" transform="translate(338.5)"/>
</clipPath>
</defs>
</svg>