github
/
consul
mirror of https://github.com/hashicorp/consul
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
consul/website/pages/consul-on-kubernetes/images/blocks/multi-cluster.svg

33 lines
12 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="82" height="80" viewBox="0 0 82 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M81.2209 0H0.955078V80H81.2209V0Z" fill="white"/>
<path d="M50.1184 45C60.0926 45 68.1782 36.9411 68.1782 27C68.1782 17.0589 60.0926 9 50.1184 9C40.1442 9 32.0586 17.0589 32.0586 27C32.0586 36.9411 40.1442 45 50.1184 45Z" fill="#D1EBFF"/>
<path d="M43.5967 19H6.47373C5.64255 19 4.96875 19.6716 4.96875 20.5V57.5C4.96875 58.3284 5.64255 59 6.47373 59H43.5967C44.4279 59 45.1017 58.3284 45.1017 57.5V20.5C45.1017 19.6716 44.4279 19 43.5967 19Z" fill="url(#paint0_linear)" fill-opacity="0.75"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M77.375 49C77.375 61.1503 67.4925 71 55.3019 71H31.3893C21.2305 71 12.9951 62.7919 12.9951 52.6667C12.9951 42.5414 21.2305 34.3333 31.3893 34.3333C33.28 34.3333 35.104 34.6176 36.8207 35.1457C37.4506 35.3394 38.1414 35.1463 38.5716 34.6485C42.6195 29.9651 48.6133 27 55.3019 27C67.4925 27 77.375 36.8497 77.375 49Z" fill="url(#paint1_linear)"/>
<path d="M44.1305 48.8629L44.3166 45.5741C44.0945 45.6011 43.8717 45.6387 43.6488 45.6893C42.4282 45.9667 41.3692 46.569 40.5412 47.384L43.2352 49.2956L43.2406 49.2929C43.3318 49.3597 43.4441 49.3988 43.5658 49.3988C43.8628 49.3988 44.1047 49.1638 44.1172 48.8696L44.1305 48.8629Z" fill="white"/>
<path d="M49.639 47.3853C48.6291 46.3954 47.3113 45.7496 45.8864 45.5741L46.0724 48.8576L46.0751 48.8589C46.0799 48.9719 46.1197 49.0839 46.1955 49.1791C46.3807 49.4115 46.7154 49.4546 46.953 49.2809L46.9624 49.2849L49.639 47.3853Z" fill="white"/>
<path d="M42.0241 50.8147L39.5643 48.6124C38.8343 49.8028 38.4884 51.2307 38.6489 52.6996L41.8019 51.7886L41.8046 51.7779C41.9136 51.7481 42.0151 51.6843 42.091 51.589C42.2761 51.3566 42.2434 51.0213 42.0214 50.8281L42.0241 50.8147Z" fill="white"/>
<path d="M51.4269 50.587C51.2622 49.869 50.9854 49.2067 50.6199 48.6137L48.1735 50.8054L48.1749 50.8121C48.0896 50.8863 48.0266 50.9867 47.9995 51.1054C47.9335 51.3953 48.1079 51.6842 48.3917 51.7619L48.3943 51.7752L51.5634 52.6889C51.6306 52.0045 51.5897 51.2964 51.4269 50.587Z" fill="white"/>
<path d="M45.604 50.9849H44.5963L43.9686 51.7672L44.1934 52.7451L45.1008 53.1819L46.0055 52.7465L46.2303 51.7686L45.604 50.9849Z" fill="white"/>
<path d="M47.954 53.6762C47.9124 53.6685 47.8697 53.6646 47.8269 53.6668C47.7555 53.6704 47.684 53.6887 47.6155 53.7217C47.3479 53.8507 47.2315 54.1679 47.3478 54.4384L47.3438 54.4438L48.6098 57.5048C49.8302 56.7266 50.7435 55.5637 51.2208 54.2214L47.9594 53.6695L47.954 53.6762Z" fill="white"/>
<path d="M42.8792 54.1102C42.8214 53.8566 42.5982 53.6837 42.3493 53.6802C42.3137 53.6797 42.277 53.6829 42.2409 53.6896L42.2355 53.6829L39.0022 54.2321C39.5012 55.6141 40.434 56.7405 41.6052 57.4928L42.8578 54.4625L42.8484 54.4505C42.8931 54.3466 42.9063 54.2289 42.8792 54.1102Z" fill="white"/>
<path d="M45.339 55.0627C45.2554 55.0224 45.1674 55.0046 45.0807 55.0078C44.89 55.0148 44.7091 55.1213 44.6137 55.2998H44.611L43.0211 58.1773C44.1214 58.5526 45.3365 58.6366 46.5555 58.3595C46.773 58.3101 46.9857 58.2507 47.1926 58.1813L45.5986 55.2985H45.5866C45.5333 55.1987 45.4486 55.1155 45.339 55.0627Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.2304 37.0796C44.4705 36.9648 44.7312 36.8988 44.9973 36.8854C45.332 36.8684 45.6656 36.9352 45.9675 37.0796L56.433 42.0818C56.7038 42.2113 56.9418 42.3996 57.1292 42.633C57.3167 42.8663 57.4488 43.1385 57.5157 43.4294L60.1013 54.6716C60.1682 54.9626 60.1682 55.265 60.1012 55.556C60.0342 55.8471 59.9021 56.1194 59.7145 56.3528L52.4743 65.3685C52.2867 65.6015 52.0486 65.7895 51.7778 65.9187C51.507 66.0479 51.2103 66.1149 50.9098 66.1146L39.2948 66.1173C38.9942 66.1174 38.6975 66.0502 38.4266 65.9208C38.1558 65.7914 37.9178 65.6031 37.7303 65.3698L30.4875 56.3555C30.447 56.3047 30.409 56.2519 30.3737 56.1974C30.2281 55.9745 30.1291 55.7248 30.0824 55.4632C30.0357 55.2015 30.0424 54.9333 30.102 54.6742L32.6836 43.4321C32.7505 43.1412 32.8826 42.8689 33.07 42.6356C33.2575 42.4023 33.4954 42.2139 33.7663 42.0845L44.2304 37.0796ZM44.4745 41.4079C44.4744 41.0232 44.7549 40.7113 45.1008 40.7113C45.4467 40.7113 45.7271 41.0232 45.7271 41.4079C45.7272 41.4273 45.7276 41.449 45.7281 41.4712C45.7288 41.5115 45.7297 41.5535 45.7285 41.5861C45.723 41.7325 45.7001 41.8562 45.6768 41.9821C45.6648 42.0471 45.6527 42.1126 45.6428 42.1822L45.6388 42.2155C45.5879 42.6382 45.5453 42.991 45.5719 43.3195C45.5932 43.4651 45.6695 43.5347 45.7424 43.6013C45.754 43.6118 45.7655 43.6223 45.7766 43.633C45.7785 43.6785 45.7858 43.8295 45.7914 43.913C47.7828 44.0901 49.6323 45.0017 50.9906 46.4275L51.2288 46.2573C51.2384 46.2579 51.2494 46.2588 51.2615 46.2597C51.351 46.2666 51.5019 46.2782 51.6089 46.2158C51.8825 46.0315 52.1322 45.7775 52.4312 45.4735L52.4534 45.4509C52.5006 45.4008 52.5436 45.3515 52.5862 45.3027C52.6713 45.2051 52.7548 45.1093 52.8669 45.0128C52.8946 44.989 52.9326 44.9593 52.9676 44.9319C52.9811 44.9213 52.9942 44.9111 53.0061 44.9016C53.3065 44.6617 53.7245 44.6872 53.9402 44.9579C54.1559 45.2286 54.0868 45.6423 53.7863 45.8822C53.7722 45.8936 53.7567 45.9064 53.7408 45.9196C53.7089 45.9459 53.6754 45.9735 53.6485 45.9934C53.5317 46.0797 53.421 46.1385 53.3086 46.1981C53.2492 46.2296 53.1894 46.2613 53.1279 46.2975L53.1274 46.2978C52.7531 46.5293 52.4426 46.7212 52.1964 46.9526C52.0957 47.0605 52.0887 47.1634 52.0821 47.2622C52.081 47.2774 52.08 47.2926 52.0787 47.3076C52.0619 47.323 52.0249 47.3561 51.9837 47.393C51.9393 47.4327 51.8902 47.4766 51.8565 47.5072C52.3964 48.3115 52.8011 49.2245 53.0302 50.2226C53.2571 51.2116 53.2925 52.2 53.1613 53.1497L53.4143 53.2234C53.4196 53.2309 53.4256 53.2397 53.4322 53.2495C53.4822 53.323 53.5686 53.4503 53.6846 53.4953C54.0037 53.5959 54.3623 53.6335 54.7943 53.6788L54.8075 53.6802C54.8782 53.6861 54.9456 53.6887 55.0124 53.6914C55.1399 53.6964 55.2654 53.7013 55.4083 53.7284C55.4409 53.7346 55.4828 53.745 55.5227 53.7549C55.5468 53.7609 55.5702 53.7667 55.5904 53.7713C55.9595 53.8605 56.1966 54.2002 56.1203 54.5349C56.044 54.8696 55.6834 55.0731 55.312 54.993C55.3106 54.9927 55.309 54.9925 55.3074 54.9924C55.3057 54.9922 55.304 54.992 55.3026 54.9917C55.2984 54.9907 55.2947 54.9887 55.2906 54.9877C55.2719 54.9836 55.2515 54.9795 55.2309 54.9753C55.1945 54.968 55.1576 54.9606 55.1286 54.9528C54.9878 54.9151 54.8725 54.8651 54.7552 54.8143C54.6942 54.7878 54.6326 54.7611 54.5666 54.7358L54.5476 54.729C54.1416 54.5833 53.8038 54.462 53.4745 54.4143C53.328 54.4028 53.2434 54.4616 53.1624 54.5179C53.1496 54.5268 53.1368 54.5357 53.1239 54.5443C53.0781 54.5351 52.9373 54.5101 52.8562 54.4974C52.2561 56.3853 50.9781 58.02 49.2455 59.0441C49.2551 59.0672 49.2668 59.0988 49.2792 59.1319C49.3052 59.2019 49.3338 59.2788 49.3499 59.2972C49.3444 59.3119 49.3386 59.3264 49.3327 59.341C49.296 59.4322 49.2579 59.5267 49.3017 59.667C49.4233 59.9825 49.62 60.291 49.8571 60.6623C49.8964 60.721 49.936 60.775 49.9752 60.8286C50.0507 60.9316 50.1248 61.0328 50.193 61.162C50.2102 61.1946 50.2314 61.2395 50.2507 61.2804C50.2592 61.2984 50.2673 61.3156 50.2746 61.3308C50.4357 61.6755 50.3175 62.0725 50.0083 62.2216C49.6967 62.3719 49.3092 62.2132 49.1424 61.8666C49.1353 61.8519 49.1273 61.8357 49.119 61.8191C49.0997 61.7801 49.079 61.7384 49.0648 61.7059C49.
</g>
<defs>
<linearGradient id="paint0_linear" x1="4.96875" y1="59" x2="43.3052" y2="24.6542" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1EBFF"/>
<stop offset="1" stop-color="#DC477D"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="41.0882" y1="71" x2="58.0464" y2="26.9622" gradientUnits="userSpaceOnUse">
<stop stop-color="#DC477D"/>
<stop offset="0.359375" stop-color="#DC477D" stop-opacity="0.96"/>
<stop offset="0.703125" stop-color="#DC477D" stop-opacity="0.85"/>
<stop offset="1" stop-color="#DC477D" stop-opacity="0.6"/>
</linearGradient>
<clipPath id="clip0">
<rect width="80.2658" height="80" fill="white" transform="translate(0.955078)"/>
</clipPath>
</defs>
</svg>