luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity
open-consul/website/pages/consul-on-kubernetes/images/blocks/connecting.svg

27 lines
4.6 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="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M0.955078 0H80.9551V80H0.955078V0Z" fill="white"/>
<path d="M46.4551 7H9.45508C8.62665 7 7.95508 7.67157 7.95508 8.5V45.5C7.95508 46.3284 8.62665 47 9.45508 47H46.4551C47.2835 47 47.9551 46.3284 47.9551 45.5V8.5C47.9551 7.67157 47.2835 7 46.4551 7Z" fill="white" fill-opacity="0.8"/>
<path d="M46.4551 7H9.45508C8.62665 7 7.95508 7.67157 7.95508 8.5V45.5C7.95508 46.3284 8.62665 47 9.45508 47H46.4551C47.2835 47 47.9551 46.3284 47.9551 45.5V8.5C47.9551 7.67157 47.2835 7 46.4551 7Z" fill="url(#paint0_linear)" fill-opacity="0.6"/>
<path d="M33.9551 33H73.9551V73H33.9551V33Z" fill="#D1EBFF"/>
<path d="M21.2626 54.1919C22.5426 52.2779 22.8036 49.9399 21.9336 47.8389C21.0636 45.7389 19.1996 44.2039 16.9676 43.8209C16.7978 43.7781 16.6435 43.6881 16.5228 43.5612C16.4021 43.4342 16.3199 43.2757 16.2856 43.1039C16.053 41.0778 16.0362 39.0326 16.2356 37.0029C16.2413 36.9281 16.2561 36.8542 16.2796 36.7829C16.3866 36.4799 16.6116 36.2099 16.8696 36.1709C19.1586 35.7609 20.9836 34.2359 21.8666 32.1019C22.7486 29.9679 22.4686 27.6229 21.2056 25.6859C21.0036 25.3839 21.0646 24.9749 21.2726 24.7349C22.5306 23.1369 23.9746 21.6159 25.6846 20.3689C25.8301 20.2717 26.0002 20.2178 26.1752 20.2135C26.3501 20.2093 26.5226 20.2549 26.6726 20.3449C28.5876 21.6279 30.9226 21.8909 33.0206 21.0219C35.1186 20.1529 36.6506 18.2879 37.0306 16.0549C37.073 15.885 37.1628 15.7307 37.2896 15.6099C37.4164 15.4892 37.5749 15.407 37.7466 15.3729C39.771 15.1421 41.8142 15.1273 43.8416 15.3289C43.9165 15.3346 43.9904 15.3493 44.0616 15.3729C44.3636 15.4809 44.6346 15.7059 44.6736 15.9649C45.0836 18.2549 46.6096 20.0849 48.7436 20.9699C50.8756 21.8549 53.2186 21.5769 55.1536 20.3139C55.4536 20.1129 55.8636 20.1739 56.1036 20.3819C57.7006 21.6419 59.2206 23.0889 60.4686 24.8019C60.5662 24.9476 60.6204 25.118 60.6248 25.2933C60.6292 25.4686 60.5837 25.6415 60.4936 25.7919C59.3176 27.5859 59.0776 29.9919 59.9476 32.0929C60.8176 34.1929 62.6826 35.7279 64.9146 36.1109C65.2576 36.1999 65.5246 36.4739 65.5946 36.8289C65.8286 38.8469 65.8446 40.8809 65.6456 42.9289C65.6399 43.0038 65.6251 43.0776 65.6016 43.1489C65.4946 43.4519 65.2706 43.7229 65.0116 43.7609C62.7236 44.1709 60.8976 45.6959 60.0146 47.8309C59.1326 49.9639 59.4126 52.3089 60.6756 54.2469C60.8776 54.5479 60.8166 54.9569 60.6086 55.1969C59.3506 56.7949 57.9076 58.3169 56.1966 59.5629C55.9296 59.7419 55.5466 59.7869 55.2956 59.6479C55.2336 59.6139 55.1786 59.5679 55.1186 59.5309C54.1862 58.9502 53.129 58.5995 52.0343 58.5077C50.9396 58.4159 49.8388 58.5856 48.8226 59.0029C46.7246 59.8719 45.1926 61.7369 44.8126 63.9709C44.7699 64.1404 44.68 64.2943 44.5532 64.4147C44.4265 64.5351 44.2681 64.617 44.0966 64.6509C42.0723 64.8821 40.0291 64.8972 38.0016 64.6959C37.9268 64.6902 37.8529 64.6754 37.7816 64.6519C37.4796 64.5449 37.2086 64.3199 37.1696 64.0599C36.7856 61.8359 35.2336 59.9399 33.0996 59.0559C32.2843 58.7134 31.4094 58.5355 30.525 58.5322C29.6407 58.5289 28.7645 58.7005 27.9466 59.0369C27.5536 59.1999 27.1216 59.4559 26.6896 59.7109C26.3896 59.9129 25.9796 59.8509 25.6746 59.6709C24.0776 58.4099 22.5566 56.9629 21.3096 55.2499C21.1146 54.9459 21.0826 54.4979 21.2626 54.1919Z" fill="url(#paint1_linear)"/>
<path d="M51.3159 32.4646V38.1161M51.3159 38.1161H45.6644M51.3159 38.1161L46.9454 34.0093C45.9331 32.9965 44.6807 32.2566 43.3051 31.8587C41.9295 31.4608 40.4755 31.4179 39.0788 31.7339C37.6821 32.0499 36.3882 32.7146 35.3179 33.6659L34.4025 34.6847L33.1159 36.7137M30.5938 47.5353V41.8838M30.5938 41.8838H36.2452M30.5938 41.8838L34.9642 45.9905C35.9766 47.0033 37.229 47.7432 38.6046 48.1411C39.9802 48.539 41.4342 48.582 42.8309 48.2659C44.2276 47.9499 45.5214 47.2852 46.5918 46.3339C47.6621 45.3826 48.474 44.1756 48.9517 42.8257" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="47.9551" y1="7" x2="4.39808" y2="42.655" gradientUnits="userSpaceOnUse">
<stop stop-color="#DC477D"/>
<stop offset="0.583" stop-color="#D4BCD9"/>
<stop offset="0.938" stop-color="#D1EBFF"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="47.3136" y1="63.3389" x2="49.3236" y2="11.6229" gradientUnits="userSpaceOnUse">
<stop stop-color="#DC477D"/>
<stop offset="0.359" stop-color="#DC477D" stop-opacity="0.96"/>
<stop offset="0.703" stop-color="#DC477D" stop-opacity="0.88"/>
<stop offset="1" stop-color="#DC477D" stop-opacity="0.7"/>
</linearGradient>
<clipPath id="clip0">
<rect width="80" height="80" fill="white" transform="translate(0.955078)"/>
</clipPath>
</defs>
</svg>