github
/
consul
mirror of https://github.com/hashicorp/consul
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
consul/website/components/features-list/images/bottom-left-design.svg

14 lines
254 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="673" height="294" viewBox="0 0 673 294" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.500525 187.362C-0.736503 187.362 -0.967156 187.432 -1.16333 187.564C-1.3595 187.695 -1.51238 187.881 -1.60264 188.099C-1.69289 188.318 -1.71647 188.558 -1.67038 188.789C-1.6243 189.021 -1.51063 189.233 -1.34374 189.4C-1.17686 189.567 -0.964247 189.681 -0.732798 189.727C-0.501349 189.773 -0.261454 189.749 -0.0434462 189.659C0.174562 189.569 0.360895 189.416 0.49199 189.219C0.623084 189.023 0.693053 188.792 0.693053 188.556C0.693099 188.399 0.66226 188.244 0.602289 188.099C0.542318 187.954 0.454396 187.823 0.343548 187.712C0.2327 187.601 0.101095 187.513 -0.0437353 187.453C-0.188565 187.393 -0.343786 187.362 -0.500525 187.362ZM-0.500525 171.14C-0.736503 171.14 -0.967156 171.21 -1.16333 171.341C-1.3595 171.472 -1.51238 171.659 -1.60264 171.877C-1.69289 172.095 -1.71647 172.335 -1.67038 172.567C-1.6243 172.798 -1.51063 173.011 -1.34374 173.178C-1.17686 173.345 -0.964247 173.459 -0.732798 173.505C-0.501349 173.551 -0.261454 173.527 -0.0434462 173.437C0.174562 173.346 0.360895 173.193 0.49199 172.997C0.623084 172.801 0.693053 172.57 0.693053 172.334C0.693101 172.177 0.662259 172.022 0.602289 171.877C0.542319 171.732 0.454397 171.6 0.343548 171.489C0.2327 171.378 0.101102 171.291 -0.0437292 171.231C-0.18856 171.171 -0.343786 171.14 -0.500525 171.14ZM-0.500525 203.585C-0.73652 203.585 -0.96719 203.655 -1.16337 203.786C-1.35955 203.917 -1.51243 204.104 -1.60267 204.322C-1.69292 204.54 -1.71647 204.78 -1.67035 205.012C-1.62424 205.243 -1.51053 205.456 -1.3436 205.623C-1.17667 205.79 -0.964027 205.903 -0.732552 205.949C-0.501076 205.995 -0.261171 205.972 -0.0431694 205.881C0.174832 205.791 0.36114 205.638 0.492187 205.441C0.623233 205.245 0.693132 205.014 0.693053 204.778C0.693091 204.621 0.662243 204.466 0.602264 204.321C0.542285 204.176 0.454351 204.045 0.343499 203.934C0.232648 203.823 0.101052 203.735 -0.0437722 203.675C-0.188596 203.615 -0.343808 203.585 -0.500525 203.585ZM-0.500525 138.695C-0.736503 138.696 -0.967156 138.766 -1.16333 138.897C-1.3595 139.028 -1.51238 139.215 -1.60264 139.433C-1.69289 139.651 -1.71647 139.891 -1.67038 140.122C-1.6243 140.354 -1.51063 140.567 -1.34374 140.734C-1.17686 140.9 -0.964247 141.014 -0.732798 141.06C-0.501349 141.106 -0.261454 141.083 -0.0434462 140.992C0.174562 140.902 0.360895 140.749 0.49199 140.553C0.623084 140.356 0.693053 140.125 0.693053 139.889C0.693099 139.732 0.66226 139.577 0.602289 139.432C0.542318 139.287 0.454396 139.156 0.343548 139.045C0.2327 138.934 0.101095 138.846 -0.0437353 138.786C-0.188565 138.726 -0.343786 138.695 -0.500525 138.695ZM-0.500525 154.918C-0.736503 154.918 -0.967156 154.988 -1.16333 155.119C-1.3595 155.25 -1.51238 155.437 -1.60264 155.655C-1.69289 155.873 -1.71647 156.113 -1.67038 156.345C-1.6243 156.576 -1.51063 156.789 -1.34374 156.956C-1.17686 157.123 -0.964247 157.237 -0.732798 157.283C-0.501349 157.329 -0.261454 157.305 -0.0434462 157.215C0.174562 157.124 0.360895 156.971 0.49199 156.775C0.623084 156.579 0.693053 156.348 0.693053 156.112C0.693101 155.955 0.662259 155.8 0.602289 155.655C0.542319 155.51 0.454397 155.378 0.343548 155.267C0.2327 155.156 0.101102 155.069 -0.0437292 155.009C-0.18856 154.949 -0.343786 154.918 -0.500525 154.918ZM-0.500525 268.473C-0.736503 268.474 -0.967156 268.544 -1.16333 268.675C-1.3595 268.806 -1.51238 268.993 -1.60264 269.211C-1.69289 269.429 -1.71647 269.669 -1.67038 269.9C-1.6243 270.132 -1.51063 270.345 -1.34374 270.512C-1.17686 270.678 -0.964247 270.792 -0.732798 270.838C-0.501349 270.884 -0.261454 270.861 -0.0434462 270.77C0.174562 270.68 0.360895 270.527 0.49199 270.331C0.623084 270.134 0.693053 269.903 0.693053 269.667C0.693099 269.51 0.66226 269.355 0.602289 269.21C0.542318 269.065 0.454396 268.934 0.343548 268.823C0.2327 268.712 0.101095 268.624 -0.0437353 268.564C-0.188565 268.504 -0.343786 268.473 -0.500525 268.473ZM-0.500525 252.251C-0.736503 252.251 -0.967156 252.321 -1.16333 252.452C-1.3595 252.584 -1.51238 252.77 -1.60264 252.988C-1.69289 253.206 -1.71647 253.446 -1.67038 253.678C-1.6243 253.91 -1.51063 254.122 -1.34374 254.289C-1.17686 254.456 -0.964247 254.57 -0.732798 254.616C-0.501349
<g clip-path="url(#clip0)">
<path d="M672.5 211.627H672.5V209.263H672.5C655.72 209.254 639.631 202.585 627.769 190.722C615.907 178.859 609.243 162.773 609.243 146C609.243 129.228 615.907 113.142 627.769 101.278C639.631 89.4154 655.72 82.7466 672.5 82.7381H672.5V80.3738H672.5C655.103 80.3981 638.428 87.323 626.135 99.6277C613.842 111.932 606.938 128.611 606.938 146C606.938 163.39 613.842 180.068 626.135 192.373C638.428 204.677 655.103 211.602 672.5 211.627L672.5 211.627ZM622.972 146.004C622.986 132.878 628.208 120.293 637.493 111.01C646.778 101.727 659.368 96.5051 672.5 96.489H672.5V98.854H672.5C659.991 98.854 647.994 103.821 639.149 112.663C630.303 121.505 625.334 133.496 625.334 146C625.334 158.504 630.303 170.496 639.149 179.338C647.994 188.179 659.991 193.147 672.5 193.147H672.5V195.512H672.5C659.369 195.497 646.78 190.276 637.495 180.995C628.21 171.714 622.987 159.13 622.972 146.004ZM590.737 146.004C590.761 124.335 599.382 103.559 614.71 88.236C630.038 72.9125 650.821 64.2923 672.5 64.2665H672.5V66.6307H672.5C651.441 66.6307 631.245 74.9928 616.354 89.8775C601.463 104.762 593.097 124.95 593.097 146C593.097 167.05 601.463 187.238 616.354 202.123C631.245 217.008 651.441 225.37 672.5 225.37H672.5V227.733H672.5C650.822 227.709 630.04 219.09 614.712 203.768C599.384 188.446 590.762 167.673 590.737 146.004ZM639.086 146.004C639.095 137.148 642.618 128.657 648.882 122.394C655.146 116.131 663.64 112.607 672.5 112.596H672.5V114.96H672.5C664.264 114.96 656.365 118.23 650.542 124.051C644.718 129.873 641.446 137.768 641.446 146C641.446 154.233 644.718 162.128 650.542 167.949C656.365 173.77 664.264 177.041 672.5 177.041H672.5V179.403H672.5C663.641 179.394 655.148 175.872 648.884 169.61C642.62 163.349 639.096 154.859 639.086 146.004ZM558.502 146.004C558.535 115.792 570.556 86.8265 591.927 65.4624C613.298 44.0983 642.275 32.0802 672.5 32.0447H672.5V34.4089H672.5C642.892 34.4089 614.496 46.1658 593.56 67.0933C572.624 88.0207 560.862 116.404 560.862 146C560.862 175.596 572.624 203.98 593.56 224.907C614.496 245.835 642.892 257.592 672.5 257.592H672.5V259.956H672.5C642.276 259.922 613.3 247.905 591.929 226.542C570.558 205.18 558.536 176.215 558.502 146.004ZM542.38 146.004C542.418 111.519 556.138 78.4574 580.532 54.0719C604.926 29.6865 638 15.9689 672.5 15.9287H672.5V18.2937H672.5C638.616 18.2937 606.12 31.7485 582.16 55.6981C558.201 79.6477 544.74 112.13 544.74 146C544.74 179.87 558.201 212.353 582.16 236.303C606.12 260.252 638.616 273.707 672.5 273.707H672.5V276.072H672.5C638.002 276.033 604.928 262.317 580.534 237.933C556.14 213.549 542.419 180.488 542.38 146.004ZM574.615 146.004C574.643 120.062 584.965 95.191 603.316 76.8465C621.666 58.5021 646.547 48.1826 672.5 48.1521H672.5V50.5155H672.5C647.172 50.5259 622.885 60.5904 604.979 78.4961C587.074 96.4017 577.015 120.683 577.015 146C577.015 171.317 587.074 195.598 604.979 213.504C622.885 231.409 647.172 241.474 672.5 241.484H672.5V243.849H672.5C646.548 243.819 621.668 233.501 603.317 215.158C584.967 196.815 574.644 171.945 574.615 146.004ZM655.209 146.004C655.212 141.421 657.035 137.026 660.277 133.784C663.518 130.542 667.914 128.717 672.5 128.711H672.5V131.076H672.5C668.54 131.076 664.742 132.648 661.942 135.447C659.142 138.246 657.569 142.042 657.569 146C657.569 149.959 659.142 153.755 661.942 156.554C664.742 159.352 668.54 160.925 672.5 160.925H672.5V163.29H672.5C667.915 163.284 663.52 161.461 660.279 158.221C657.037 154.98 655.214 150.587 655.209 146.004Z" fill="#343536"/>
<path d="M337.501 15.9284H337.5V18.2934H337.501C342.088 18.2881 346.485 16.4644 349.728 13.2224C352.972 9.98041 354.796 5.58486 354.801 1L352.436 1C352.431 4.95794 350.856 8.75248 348.056 11.5511C345.257 14.3498 341.46 15.924 337.501 15.9284ZM368.558 1H370.922C370.912 9.8573 367.388 18.3491 361.122 24.6122C354.857 30.8754 346.362 34.3985 337.501 34.4086H337.5V32.0444H337.501C345.735 32.035 353.629 28.7612 359.451 22.9413C365.273 17.1214 368.549 9.23059 368.558 1V1ZM384.671 1H387.036C387.022 14.1277 381.798 26.7134 372.511 35.9961C363.225 45.2787 350.634 50.5003 337.501 50.5152H337.5V48.1518H337.501C350.007 48.1375 361.997 43.1651 370.84 34.3255C379.683 25.4859 384.657 13.501 384.671 1V1ZM400.793 1H403.157C403.138 18.4001 396.214 35.082 383.905 47.3858C371.597 59.6897 354.908 66.6107 337.501 66.6304H337.5V64.2662H337.501C354.281 64.2472 370.369 57.5756 382.234 45.715C394.1 33.8544 400.774 17.7734 400.793 1V1Z" fill="#343536"/>
<path d="M465.263 291H467.629C467.589 256.515 453.866 223.454 429.47 199.07C405.075 174.687 372 160.971 337.501 160.934H337.5V163.297H337.501C371.373 163.334 403.847 176.801 427.799 200.741C451.75 224.682 465.224 257.142 465.263 291ZM354.801 291H352.436C352.431 287.042 350.856 283.247 348.056 280.449C345.257 277.65 341.46 276.076 337.501 276.071H337.5V273.706H337.501C342.088 273.712 346.485 275.535 349.728 278.777C352.972 282.019 354.796 286.415 354.801 291H354.801ZM403.157 291H400.793C400.774 274.226 394.1 258.145 382.234 246.284C370.369 234.424 354.281 227.752 337.501 227.733H337.5V225.369H337.501C354.908 225.389 371.597 232.31 383.905 244.614C396.214 256.918 403.138 273.6 403.157 291H403.157ZM419.272 291H416.906C416.882 269.956 408.509 249.781 393.623 234.901C378.736 220.02 358.553 211.65 337.501 211.626H337.5V209.262H337.501C359.18 209.287 379.965 217.907 395.294 233.23C410.624 248.553 419.247 269.329 419.271 291H419.272ZM370.922 291H368.558C368.549 282.769 365.273 274.878 359.451 269.058C353.629 263.238 345.735 259.965 337.501 259.955H337.5V257.591H337.501C346.362 257.601 354.857 261.124 361.122 267.387C367.388 273.651 370.912 282.142 370.922 291H370.922ZM435.394 291H433.028C432.998 265.684 422.924 241.415 405.016 223.515C387.107 205.615 362.826 195.547 337.501 195.519H337.5V193.154H337.501C363.454 193.182 388.336 203.5 406.688 221.843C425.04 240.187 435.363 265.058 435.394 291ZM387.036 291H384.671C384.657 278.499 379.683 266.514 370.84 257.674C361.997 248.835 350.007 243.862 337.501 243.848H337.5V241.484H337.501C350.634 241.499 363.225 246.721 372.511 256.003C381.798 265.286 387.021 277.872 387.036 291H387.036ZM451.507 291H449.141C449.108 261.413 437.335 233.048 416.406 212.126C395.476 191.205 367.1 179.437 337.501 179.403H337.5V177.04H337.501C367.727 177.075 396.704 189.092 418.077 210.456C439.45 231.82 451.472 260.786 451.507 291H451.507Z" fill="#343536"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="335" height="290" fill="white" transform="translate(337.5 1)"/>
</clipPath>
</defs>
</svg>