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-right.svg

20 lines
256 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="194" height="414" viewBox="0 0 194 414" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.99928 131.769C1.83192 131.769 1.66834 131.818 1.52922 131.911C1.39009 132.004 1.28167 132.135 1.21766 132.289C1.15365 132.443 1.13693 132.612 1.16961 132.776C1.2023 132.939 1.28291 133.089 1.40127 133.207C1.51962 133.324 1.67041 133.405 1.83455 133.437C1.99869 133.47 2.16883 133.453 2.32344 133.389C2.47805 133.325 2.6102 133.217 2.70317 133.079C2.79614 132.94 2.84576 132.778 2.84576 132.611C2.84579 132.5 2.82392 132.391 2.78139 132.289C2.73886 132.186 2.67651 132.094 2.59789 132.015C2.51928 131.937 2.42595 131.875 2.32323 131.833C2.22052 131.791 2.11044 131.769 1.99928 131.769ZM1.99928 120.324C1.83192 120.324 1.66834 120.374 1.52922 120.466C1.39009 120.559 1.28167 120.691 1.21766 120.844C1.15365 120.998 1.13693 121.168 1.16961 121.331C1.2023 121.494 1.28291 121.644 1.40127 121.762C1.51962 121.88 1.67041 121.96 1.83455 121.993C1.99869 122.025 2.16883 122.008 2.32344 121.945C2.47805 121.881 2.6102 121.773 2.70317 121.634C2.79614 121.496 2.84576 121.333 2.84576 121.167C2.8458 121.056 2.82392 120.946 2.78139 120.844C2.73886 120.742 2.67651 120.649 2.59789 120.571C2.51928 120.493 2.42595 120.431 2.32324 120.388C2.22052 120.346 2.11044 120.324 1.99928 120.324ZM1.99928 143.213C1.83191 143.213 1.66832 143.263 1.52919 143.356C1.39006 143.448 1.28163 143.58 1.21763 143.734C1.15363 143.888 1.13693 144.057 1.16964 144.22C1.20234 144.384 1.28298 144.534 1.40137 144.651C1.51975 144.769 1.67056 144.849 1.83472 144.882C1.99889 144.914 2.16903 144.897 2.32363 144.834C2.47824 144.77 2.61037 144.662 2.70331 144.523C2.79624 144.385 2.84582 144.222 2.84576 144.055C2.84579 143.945 2.82391 143.835 2.78137 143.733C2.73884 143.631 2.67647 143.538 2.59786 143.46C2.51924 143.382 2.42591 143.32 2.32321 143.277C2.2205 143.235 2.11042 143.213 1.99928 143.213ZM1.99928 97.4354C1.83192 97.4355 1.66834 97.4849 1.52922 97.5775C1.39009 97.6701 1.28167 97.8016 1.21766 97.9555C1.15365 98.1094 1.13693 98.2788 1.16961 98.4421C1.2023 98.6055 1.28291 98.7555 1.40127 98.8733C1.51962 98.991 1.67041 99.0712 1.83455 99.1037C1.99869 99.1362 2.16883 99.1195 2.32344 99.0557C2.47805 98.992 2.6102 98.884 2.70317 98.7455C2.79614 98.607 2.84576 98.4442 2.84576 98.2776C2.84579 98.167 2.82392 98.0575 2.78139 97.9553C2.73886 97.853 2.67651 97.7602 2.59789 97.682C2.51928 97.6037 2.42595 97.5417 2.32323 97.4994C2.22052 97.4571 2.11044 97.4354 1.99928 97.4354ZM1.99928 108.88C1.83192 108.88 1.66834 108.93 1.52922 109.022C1.39009 109.115 1.28167 109.246 1.21766 109.4C1.15365 109.554 1.13693 109.723 1.16961 109.887C1.2023 110.05 1.28291 110.2 1.40127 110.318C1.51962 110.436 1.67041 110.516 1.83455 110.548C1.99869 110.581 2.16883 110.564 2.32344 110.5C2.47805 110.437 2.6102 110.329 2.70317 110.19C2.79614 110.052 2.84576 109.889 2.84576 109.722C2.8458 109.612 2.82392 109.502 2.78139 109.4C2.73886 109.298 2.67651 109.205 2.59789 109.127C2.51928 109.048 2.42595 108.986 2.32324 108.944C2.22052 108.902 2.11044 108.88 1.99928 108.88ZM1.99928 188.991C1.83192 188.991 1.66834 189.041 1.52922 189.133C1.39009 189.226 1.28167 189.357 1.21766 189.511C1.15365 189.665 1.13693 189.834 1.16961 189.998C1.2023 190.161 1.28291 190.311 1.40127 190.429C1.51962 190.547 1.67041 190.627 1.83455 190.659C1.99869 190.692 2.16883 190.675 2.32344 190.611C2.47805 190.548 2.6102 190.44 2.70317 190.301C2.79614 190.163 2.84576 190 2.84576 189.833C2.84579 189.723 2.82392 189.613 2.78139 189.511C2.73886 189.409 2.67651 189.316 2.59789 189.238C2.51928 189.159 2.42595 189.097 2.32323 189.055C2.22052 189.013 2.11044 188.991 1.99928 188.991ZM1.99928 177.547C1.83192 177.547 1.66834 177.596 1.52922 177.689C1.39009 177.781 1.28167 177.913 1.21766 178.067C1.15365 178.221 1.13693 178.39 1.16961 178.553C1.2023 178.717 1.28291 178.867 1.40127 178.984C1.51962 179.102 1.67041 179.182 1.83455 179.215C1.99869 179.247 2.16883 179.231 2.32344 179.167C2.47805 179.103 2.6102 178.995 2.70317 178.857C2.79614 178.718 2.84576 178.555 2.84576 178.389C2.84579 178.278 2.82392 178.169 2.78139 178.066C2.73886 177.964 2.67651 177.871 2.59789 177.793C2.51928 177.715 2.42595 177.653 2.32323 177.611C2.22052 177.568 2.11044 177.547 1.999
<g clip-path="url(#clip0)">
<path d="M24.7335 0.0239258C24.7265 6.2642 22.2222 12.2469 17.7701 16.6595C13.318 21.072 7.28171 23.554 0.985498 23.561H0.979492V10.8113H0.985498C3.87096 10.8076 6.63716 9.66982 8.67747 7.6476C10.7178 5.62538 11.8657 2.88375 11.8694 0.0239258H24.7335ZM47.8215 0.0239258C47.807 12.3308 42.8678 24.1296 34.0875 32.8319C25.3072 41.5342 13.4027 46.4295 0.985498 46.444H0.979492V33.6942H0.985498C9.99229 33.684 18.6272 30.1333 24.996 23.8211C31.3647 17.5089 34.9472 8.95069 34.9575 0.0239258H47.8215ZM70.9095 0.0239258C70.8887 18.3984 63.5152 36.0144 50.4066 49.0077C37.298 62.001 19.5247 69.3104 0.985498 69.3327H0.979492V56.5772H0.985498C16.1136 56.5605 30.6173 50.5969 41.3145 39.9947C52.0117 29.3925 58.0287 15.0176 58.0455 0.0239258H70.9095ZM93.9975 0.0239258C93.9702 24.4653 84.1622 47.898 66.7252 65.1813C49.2881 82.4645 25.646 92.187 0.985498 92.2156H0.979492V79.4659H0.985498C22.2356 79.4415 42.6082 71.0637 57.6337 56.1706C72.6592 41.2774 81.1105 21.0852 81.1334 0.0239258H93.9975Z" fill="#DC477D"/>
<path d="M229.825 103.003C229.828 105.922 230.999 108.72 233.081 110.784C235.163 112.847 237.987 114.008 240.931 114.01V126.32C234.692 126.32 228.708 123.864 224.296 119.491C219.884 115.118 217.405 109.187 217.405 103.003C217.405 96.8191 219.884 90.8883 224.296 86.5156C228.708 82.1428 234.692 79.6862 240.931 79.6862V91.996C237.987 91.9985 235.163 93.159 233.081 95.2227C230.999 97.2864 229.828 100.085 229.825 103.003ZM206.737 103.003C206.747 111.988 210.353 120.603 216.764 126.956C223.174 133.31 231.866 136.884 240.931 136.894V149.203C234.807 149.206 228.743 148.013 223.085 145.693C217.426 143.372 212.284 139.969 207.953 135.679C203.622 131.388 200.186 126.294 197.842 120.687C195.497 115.079 194.291 109.07 194.291 103C194.291 96.9307 195.497 90.9208 197.842 85.3137C200.186 79.7066 203.622 74.6122 207.953 70.3216C212.284 66.0309 217.426 62.6281 223.085 60.3075C228.743 57.987 234.807 56.7941 240.931 56.7971V69.1127C231.865 69.1218 223.173 72.6953 216.762 79.0491C210.352 85.4028 206.746 94.0177 206.737 103.003ZM183.643 103.003C183.661 118.056 189.703 132.487 200.443 143.13C211.183 153.774 225.744 159.76 240.931 159.777V172.086C231.775 172.09 222.708 170.305 214.247 166.835C205.787 163.365 198.1 158.277 191.624 151.861C185.148 145.446 180.011 137.828 176.506 129.445C173.002 121.061 171.198 112.075 171.198 103C171.198 93.9252 173.002 84.9393 176.506 76.5556C180.011 68.1718 185.148 60.5546 191.624 54.139C198.1 47.7234 205.787 42.6352 214.247 39.1649C222.708 35.6947 231.775 33.9105 240.931 33.9141V46.224C225.743 46.2406 211.181 52.228 200.441 62.8726C189.701 73.5172 183.66 87.9495 183.643 103.003H183.643ZM160.555 103.003C160.58 124.123 169.056 144.37 184.124 159.304C199.193 174.237 219.622 182.637 240.931 182.66V194.975C216.32 194.975 192.717 185.285 175.314 168.037C157.912 150.789 148.135 127.396 148.135 103.003C148.135 78.6107 157.912 55.2173 175.314 37.9692C192.717 20.7211 216.32 11.0313 240.931 11.0312V23.3411C219.621 23.3642 199.191 31.7645 184.123 46.6991C169.054 61.6336 160.579 81.8826 160.555 103.003H160.555Z" fill="#DC477D"/>
</g>
<g clip-path="url(#clip1)">
<path d="M0.955078 229.772V216.892C3.84149 216.89 6.60905 215.741 8.65061 213.699C10.6922 211.658 11.841 208.889 11.8451 206H24.7091C24.702 212.302 22.1971 218.345 17.7439 222.801C13.2907 227.258 7.25288 229.765 0.955078 229.772H0.955078ZM0.955078 252.883V240.003C9.96439 239.994 18.6022 236.409 24.9732 230.034C31.3443 223.659 34.9284 215.016 34.9391 206H47.8031C47.7894 218.43 42.8493 230.347 34.0665 239.136C25.2838 247.925 13.3758 252.869 0.955078 252.883H0.955078Z" fill="#DC477D"/>
<path d="M120.955 333.769C116.257 333.769 111.664 332.374 107.758 329.762C103.852 327.15 100.807 323.438 99.0091 319.094C97.2112 314.75 96.7408 309.971 97.6574 305.359C98.5739 300.748 100.836 296.513 104.158 293.188C107.48 289.864 111.713 287.6 116.321 286.682C120.929 285.765 125.705 286.236 130.045 288.035C134.386 289.834 138.096 292.881 140.706 296.79C143.316 300.699 144.709 305.295 144.709 309.997C144.702 316.299 142.197 322.342 137.744 326.798C133.29 331.255 127.253 333.761 120.955 333.769ZM131.533 307.439C131.467 307.169 131.389 306.899 131.305 306.634C131.168 306.215 131.006 305.804 130.819 305.404C130.723 305.206 130.627 305.007 130.519 304.815V304.809C130.27 304.348 129.988 303.907 129.673 303.488C129.358 303.071 129.016 302.676 128.647 302.305C127.905 301.562 127.06 300.93 126.139 300.426C125.161 299.893 124.107 299.514 123.013 299.303C121.208 298.955 119.343 299.07 117.595 299.639C116.964 299.845 116.353 300.108 115.771 300.426C114.85 300.93 114.005 301.562 113.263 302.305C112.894 302.676 112.552 303.071 112.237 303.488C111.922 303.907 111.64 304.348 111.391 304.809V304.815C111.283 305.007 111.187 305.206 111.091 305.404C110.904 305.804 110.742 306.215 110.605 306.634C110.521 306.899 110.443 307.169 110.377 307.439C110.172 308.276 110.069 309.135 110.071 309.997C110.067 311.39 110.334 312.771 110.857 314.062C110.935 314.242 111.007 314.422 111.091 314.597C111.187 314.795 111.283 314.993 111.391 315.185V315.191C111.638 315.651 111.92 316.091 112.237 316.506C112.553 316.924 112.896 317.321 113.263 317.695C114.001 318.443 114.846 319.076 115.771 319.574C116.749 320.107 117.803 320.486 118.897 320.697C119.065 320.727 119.233 320.757 119.401 320.781C120.431 320.933 121.479 320.933 122.509 320.781C122.677 320.757 122.845 320.727 123.013 320.697C124.107 320.486 125.161 320.107 126.139 319.574C127.064 319.076 127.909 318.443 128.647 317.695C129.014 317.321 129.357 316.924 129.673 316.506C129.99 316.091 130.272 315.651 130.519 315.191V315.185C130.627 314.993 130.723 314.795 130.819 314.597C130.903 314.422 130.975 314.242 131.053 314.062C131.576 312.771 131.843 311.39 131.839 309.997C131.841 309.135 131.738 308.276 131.533 307.439H131.533ZM120.955 356.88C111.689 356.88 102.632 354.13 94.9274 348.979C87.2232 343.827 81.2185 336.505 77.6726 327.938C74.1268 319.372 73.199 309.945 75.0066 300.851C76.8142 291.756 81.2761 283.403 87.8279 276.846C94.3797 270.289 102.727 265.824 111.815 264.015C120.903 262.206 130.322 263.135 138.883 266.683C147.443 270.231 154.76 276.241 159.908 283.95C165.055 291.66 167.803 300.724 167.803 309.997C167.788 322.427 162.848 334.343 154.065 343.132C145.283 351.921 133.375 356.865 120.955 356.88ZM120.955 275.994C111.946 276.003 103.309 279.589 96.9392 285.964C90.5691 292.338 86.9862 300.982 86.9769 309.997C86.9769 311.066 87.0249 312.128 87.1269 313.173C87.2229 314.218 87.3669 315.245 87.559 316.266C87.6549 316.776 87.7629 317.287 87.8769 317.785C87.9909 318.283 88.1229 318.776 88.2609 319.262C88.2669 319.268 88.2609 319.268 88.2609 319.268C88.3989 319.76 88.5489 320.247 88.7109 320.727C88.7169 320.727 88.7169 320.727 88.7109 320.733C89.7466 323.836 91.226 326.773 93.1029 329.451C93.3849 329.86 93.6789 330.256 93.9849 330.652C94.4409 331.247 94.915 331.823 95.4069 332.388C95.6289 332.64 95.8509 332.886 96.073 333.132C96.301 333.378 96.529 333.618 96.7629 333.846C97.459 334.561 98.191 335.24 98.941 335.882C99.697 336.525 100.483 337.137 101.299 337.719H101.305C101.965 338.2 102.649 338.644 103.345 339.07C103.585 339.209 103.819 339.353 104.059 339.491C104.767 339.899 105.493 340.283 106.237 340.644C110.829 342.853 115.859 344 120.955 344C126.05 344 131.081 342.853 135.673 340.644C136.417 340.283 137.143 339.899 137.851 339.491C138.091 339.353 138.325 339.209 138.565 339.07C139.261 338.644 139.945 338.2 140.605 337.719H140.611C141.427 337.137 142.213 336.525 142.969 335.882C143.719 335.24 144.451 334.561 145.147 333.846C145.381 333.618 145.609 333.378 145.837 333.132C146.059 332.886 146.281 332.64 146.503 332.388C146.995 331.823 147.469 331.247 147.925 330.652C148.231 330.256 148.525 329.86 148.807
</g>
<defs>
<clipPath id="clip0">
<rect width="240" height="206" fill="white" transform="translate(0.955078)"/>
</clipPath>
<clipPath id="clip1">
<rect width="240" height="208" fill="white" transform="translate(0.955078 206)"/>
</clipPath>
</defs>
</svg>