github
/
consul
mirror of https://github.com/hashicorp/consul
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
consul/website/components/consul-on-kubernetes-hero/images/bg-top.svg

13 lines
249 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="477" height="218" viewBox="0 0 477 218" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M237.955 141.404C237.788 141.404 237.625 141.454 237.487 141.547C237.348 141.64 237.24 141.772 237.176 141.926C237.113 142.081 237.096 142.251 237.129 142.415C237.161 142.58 237.241 142.73 237.359 142.849C237.477 142.967 237.627 143.048 237.791 143.08C237.954 143.113 238.124 143.096 238.278 143.032C238.431 142.968 238.563 142.859 238.656 142.72C238.748 142.581 238.798 142.418 238.798 142.25C238.798 142.139 238.776 142.029 238.734 141.926C238.691 141.823 238.629 141.73 238.551 141.652C238.473 141.573 238.38 141.511 238.277 141.468C238.175 141.426 238.065 141.404 237.955 141.404ZM237.955 129.904C237.788 129.904 237.625 129.953 237.487 130.046C237.348 130.14 237.24 130.272 237.176 130.426C237.113 130.581 237.096 130.751 237.129 130.915C237.161 131.079 237.241 131.23 237.359 131.349C237.477 131.467 237.627 131.547 237.791 131.58C237.954 131.613 238.124 131.596 238.278 131.532C238.431 131.468 238.563 131.359 238.656 131.22C238.748 131.081 238.798 130.917 238.798 130.75C238.798 130.639 238.776 130.529 238.734 130.426C238.691 130.323 238.629 130.23 238.551 130.151C238.473 130.073 238.38 130.011 238.277 129.968C238.175 129.926 238.065 129.904 237.955 129.904ZM237.955 152.904C237.788 152.904 237.625 152.954 237.487 153.047C237.348 153.14 237.24 153.272 237.176 153.427C237.113 153.581 237.096 153.751 237.129 153.916C237.161 154.08 237.241 154.231 237.359 154.349C237.477 154.467 237.627 154.548 237.791 154.58C237.954 154.613 238.124 154.596 238.278 154.532C238.432 154.468 238.563 154.359 238.656 154.22C238.748 154.081 238.798 153.917 238.798 153.75C238.798 153.639 238.776 153.529 238.734 153.426C238.691 153.323 238.629 153.23 238.551 153.152C238.473 153.073 238.38 153.011 238.277 152.968C238.175 152.926 238.065 152.904 237.955 152.904ZM237.955 106.904C237.788 106.904 237.625 106.953 237.487 107.047C237.348 107.14 237.24 107.272 237.176 107.426C237.113 107.581 237.096 107.751 237.129 107.915C237.161 108.079 237.241 108.23 237.359 108.349C237.477 108.467 237.627 108.547 237.791 108.58C237.954 108.613 238.124 108.596 238.278 108.532C238.431 108.468 238.563 108.359 238.656 108.22C238.748 108.081 238.798 107.917 238.798 107.75C238.798 107.639 238.776 107.529 238.734 107.426C238.691 107.323 238.629 107.23 238.551 107.151C238.473 107.073 238.38 107.011 238.277 106.968C238.175 106.926 238.065 106.904 237.955 106.904ZM237.955 118.404C237.788 118.404 237.625 118.454 237.487 118.547C237.348 118.64 237.24 118.772 237.176 118.927C237.113 119.081 237.096 119.251 237.129 119.415C237.161 119.58 237.241 119.73 237.359 119.849C237.477 119.967 237.627 120.048 237.791 120.08C237.954 120.113 238.124 120.096 238.278 120.032C238.431 119.968 238.563 119.86 238.656 119.72C238.748 119.581 238.798 119.418 238.798 119.25C238.798 119.139 238.776 119.029 238.734 118.926C238.691 118.824 238.629 118.73 238.551 118.652C238.473 118.573 238.38 118.511 238.277 118.468C238.175 118.426 238.065 118.404 237.955 118.404ZM237.955 198.904C237.788 198.904 237.625 198.954 237.487 199.047C237.348 199.14 237.24 199.272 237.176 199.427C237.113 199.581 237.096 199.751 237.129 199.915C237.161 200.08 237.241 200.23 237.359 200.349C237.477 200.467 237.627 200.548 237.791 200.58C237.954 200.613 238.124 200.596 238.278 200.532C238.431 200.468 238.563 200.36 238.656 200.22C238.748 200.081 238.798 199.918 238.798 199.75C238.798 199.639 238.776 199.529 238.734 199.426C238.691 199.324 238.629 199.23 238.551 199.152C238.473 199.073 238.38 199.011 238.277 198.968C238.175 198.926 238.065 198.904 237.955 198.904ZM237.955 187.404C237.788 187.404 237.625 187.454 237.487 187.547C237.348 187.64 237.24 187.772 237.176 187.926C237.113 188.081 237.096 188.251 237.129 188.415C237.161 188.579 237.241 188.73 237.359 188.849C237.477 188.967 237.627 189.048 237.791 189.08C237.954 189.113 238.124 189.096 238.278 189.032C238.431 188.968 238.563 188.859 238.656 188.72C238.748 188.581 238.798 188.417 238.798 188.25C238.798 188.139 238.776 188.029 238.734 187.926C238.691 187.823 238.629 187.73 238.551 187.652C238.473 187.573 238.38 187.511 238.277 187.468C238.175 187.426 238.065 187.404 237.955 187.
<g clip-path="url(#clip0)">
<path d="M216.276 0.0239258C216.283 6.2945 218.777 12.3062 223.211 16.7402C227.644 21.1742 233.655 23.6683 239.925 23.6753H239.931V10.8637H239.925C237.052 10.8599 234.297 9.71664 232.265 7.68461C230.234 5.65257 229.09 2.89763 229.087 0.0239258H216.276ZM193.284 0.0239258C193.299 12.3906 198.217 24.2466 206.961 32.9912C215.705 41.7357 227.56 46.6548 239.925 46.6693H239.931V33.8577H239.925C230.956 33.8474 222.357 30.2795 216.015 23.9366C209.673 17.5938 206.105 8.99402 206.095 0.0239258H193.284ZM170.293 0.0239258C170.313 18.4876 177.656 36.1891 190.71 49.2455C203.764 62.3018 221.463 69.6468 239.925 69.6691H239.931V56.8517H239.925C224.86 56.835 210.417 50.8424 199.764 40.1887C189.112 29.5351 183.12 15.0904 183.103 0.0239258H170.293ZM147.301 0.0239258C147.328 24.584 157.095 48.1304 174.459 65.4976C191.824 82.8648 215.368 92.6344 239.925 92.6632H239.931V79.8516H239.925C218.764 79.8271 198.476 71.4086 183.513 56.4431C168.55 41.4777 160.134 21.1874 160.111 0.0239258H147.301Z" fill="#DC477D"/>
<path d="M12.0392 103.503C12.0366 106.436 10.8705 109.247 8.79698 111.321C6.72345 113.395 3.91189 114.561 0.979492 114.563V126.933C7.19141 126.926 13.147 124.456 17.54 120.063C21.9331 115.671 24.4049 109.715 24.4134 103.503C24.4049 97.2904 21.9331 91.3348 17.5401 86.9425C13.147 82.5501 7.19141 80.0796 0.979492 80.0726V92.4422C3.9119 92.4448 6.72346 93.611 8.79699 95.6847C10.8705 97.7584 12.0366 100.57 12.0392 103.503ZM35.031 103.503C35.0209 112.532 31.4301 121.188 25.0464 127.572C18.6627 133.956 10.0074 137.548 0.979492 137.558V149.927C13.2872 149.914 25.0871 145.018 33.7906 136.315C42.494 127.612 47.3902 115.812 47.4052 103.503C47.3905 91.1933 42.4945 79.3922 33.7912 70.688C25.0879 61.9838 13.2879 57.0873 0.979492 57.0725V69.4479C10.0078 69.457 18.6636 73.0479 25.0476 79.4325C31.4315 85.817 35.0219 94.4738 35.031 103.503ZM58.0287 103.503C58.0108 118.629 51.9944 133.13 41.2993 143.825C30.6042 154.52 16.1039 160.535 0.979492 160.552V172.921C19.3831 172.901 37.0273 165.581 50.0411 152.567C63.0549 139.553 70.3756 121.908 70.397 103.503C70.3758 85.0969 63.0555 67.4509 50.0418 54.4359C37.028 41.4209 19.3837 34.0998 0.979492 34.0785V46.4481C16.1048 46.4648 30.6058 52.4813 41.301 63.1775C51.9962 73.8738 58.0121 88.3762 58.0287 103.503H58.0287ZM81.0205 103.503C80.9961 124.725 72.5553 145.071 57.5498 160.077C42.5443 175.083 22.1997 183.523 0.979492 183.546V195.921C25.4795 195.894 48.9682 186.148 66.2923 168.822C83.6164 151.496 93.3612 128.005 93.3887 103.503C93.3611 79.0006 83.6163 55.5097 66.2922 38.1839C48.9681 20.8581 25.4795 11.1122 0.979492 11.0845V23.454C22.2006 23.4772 42.546 31.9184 57.5515 46.9255C72.5571 61.9325 80.9974 82.2798 81.0205 103.503H81.0205Z" fill="#DC477D"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="239" height="207" fill="white" transform="translate(0.955078)"/>
</clipPath>
</defs>
</svg>