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/monitoring.svg

24 lines
2.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="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="80" height="80" fill="white"/>
<path d="M73.5 31H32.5C31.6716 31 31 31.6716 31 32.5V73.5C31 74.3284 31.6716 75 32.5 75H73.5C74.3284 75 75 74.3284 75 73.5V32.5C75 31.6716 74.3284 31 73.5 31Z" fill="url(#paint0_linear)" fill-opacity="0.25"/>
<path d="M63.5 21H22.5C21.6716 21 21 21.6716 21 22.5V63.5C21 64.3284 21.6716 65 22.5 65H63.5C64.3284 65 65 64.3284 65 63.5V22.5C65 21.6716 64.3284 21 63.5 21Z" fill="url(#paint1_linear)" fill-opacity="0.75"/>
<path d="M47.5 5H6.5C5.67157 5 5 5.67157 5 6.5V47.5C5 48.3284 5.67157 49 6.5 49H47.5C48.3284 49 49 48.3284 49 47.5V6.5C49 5.67157 48.3284 5 47.5 5Z" fill="url(#paint2_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.75 17C17.2312 17 16 18.2312 16 19.75V31.0004C16 31.0004 16 31.0003 16 31.0004V34.25C16 35.7688 17.2312 37 18.75 37H35.25C36.7688 37 38 35.7688 38 34.25V19.75C38 18.2312 36.7688 17 35.25 17H18.75ZM17.5 31.3529V34.25C17.5 34.9404 18.0596 35.5 18.75 35.5H23L23 34.75C23 34.3358 23.3358 34 23.75 34C24.1642 34 24.5 34.3358 24.5 34.75V35.5H29.5V34.75C29.5 34.3358 29.8358 34 30.25 34C30.6642 34 31 34.3358 31 34.75V35.5H35.25C35.9404 35.5 36.5 34.9404 36.5 34.25V19.75C36.5 19.0596 35.9404 18.5 35.25 18.5H18.75C18.0596 18.5 17.5 19.0596 17.5 19.75V29.4058L23.5067 24.4347C23.5472 24.3995 23.591 24.3689 23.6374 24.3433C23.7145 24.3007 23.7971 24.2728 23.8812 24.2594C24.004 24.2396 24.1326 24.2501 24.2555 24.2947C24.2874 24.3063 24.3187 24.32 24.349 24.3359L29.9208 27.1219L33.55 24.4C33.8814 24.1514 34.3515 24.2186 34.6 24.55C34.8486 24.8813 34.7814 25.3514 34.45 25.6L30.4626 28.5905C30.3495 28.679 30.2131 28.733 30.0711 28.7467C29.9623 28.7571 29.8501 28.7439 29.7425 28.7044C29.7113 28.6931 29.6807 28.6796 29.651 28.664L24.1017 25.8894L17.5 31.3529Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear" x1="75" y1="31" x2="24" y2="82.5" gradientUnits="userSpaceOnUse">
<stop offset="0.130208" stop-color="#D1EBFF"/>
<stop offset="1" stop-color="#DC477D"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="65" y1="21" x2="8.5" y2="77.5" gradientUnits="userSpaceOnUse">
<stop offset="0.130208" stop-color="#D1EBFF"/>
<stop offset="1" stop-color="#DC477D"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="24.2" y1="49" x2="44.047" y2="5.903" 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>
</defs>
</svg>