open-vault/website/public/img/usecase-callout-pattern.svg

1 line
3.3 KiB
XML
Raw Normal View History

Homepage redesign (#13159) * homepage setup * [Homepage] `<IoHomeHero />` component (#13160) * init <Hero /> component * adds loading animation * updates variable naming * makes index optional * Update hero-pattern.svg * prefix with IoHome * updates usage * [Homepage] `<IoHomePreFooter />` component (#13182) * adds <IoHomePreFooter /> * adds interfaces * [Homepage] `<IoHomeHero />` component (#13160) * init <Hero /> component * adds loading animation * updates variable naming * makes index optional * Update hero-pattern.svg * prefix with IoHome * updates usage * adds <IoHomePreFooter /> * adds interfaces * adds key * [Homepage] `<IoHomeCallToAction />` component (#13164) * adding brand to cta * cleanup homepage * [Homepage] `<IoHomeVideo />` component (#13161) * init <Video /> component * adjusts sizing and border radius * responsive styling * fix hover svg gitter * adjust play icon sizing * include temp thumbnail * dialog implementation * conditionally display person and show helpers * rename component * updates dialog naming * add homepage styling * simplify background color * page level styling * [Homepage] `<IoHomeCaseStudies />` (#13190) * adds <IoHomeCaseStudies /> * adds interface * animate gradient * update min-heights * Homepage `<IoHomeCard />` component (#13151) * init <Card /> component * fixes heading color * adds product logos and hover styles * update naming * simplifies inset spacing * use ternary and add key * removes repo link * removes need for camelCase package * adds keys * adds in practice cards * adds in practice background * use case cards * update min col sizing * adds feature component (#13203) * fixes card hover bug * [Homepage] connect homepage to dato content (#13227) * connect homepage to dato * Check for internal link * fix return types * adds youtube video * hook up meta tags and chunk cards * removes chunking * fix ts return * fix prop naming * fix return type * mobile sizing adjustments * [Homepage] Usecase pages (#13240) * init usecase page * updates use case call to action * card container component * themeing * convert to using strictly props * responsive spacing * reworking sections component * adds callout and hero patterns * adds priority * makes feature link optional * [Homepage] connect use case template to dato (#13295) * Start connecting to dato * Fix spacing when no video is present * Remove log * adds images * hook up cards * pass eyebrow and products * Delete index.tsx * Use card container on homepage * use react video player * [Homepage] fix mobile video (#13309) * Removing attributes * update url * spacing adjustments * Allow previewing draft content (#13312) * fix heading width * fix feature max width * adjust in practice padding * increase icon sizing * adjust icon alignment * update eyebrow * update hero pattern * update usecase hero pattern * add hover scale * [Homepage] populate use case dropdown from use case pages (#13325) * create standard layout * removes unused subnav data * removes static use case pages * removes use cases style * bump subnav and use hashicorp vault logo * fixes use cases paths * removes hashistack menu * removes subnav top border * conditionally render video callout avatar * hook up data and conditionals * update components to work with other products * extract in practice section for reuse * use Products type * fix type error * rework cta logic * removes type * updates accent method * fix button prop * refactor customer case study * refactor case studies component * cleanup margin * refactor data props * Spacing updates and introduce intro component * adds intro interface * Delete style.css * fix intro description color * add revalidate code to homepage * bump subnav * make stats optional * adjust border radius based on customer story * cleanup temp files * redirect /home to homepage * reorder resources * fix: move heading and description * fix: logo alignment * fix: section background color * feat: optional tutorial and docs links * fix: removes case studies background * formatting * feat: sort use cases in nav * fix: card overflow (#13429) * fix: adjust overflow method * fix: padding on desktop * fix: scroll padding-right on mobile * remove debugger * increase last item width * card container overflow method (#13434) * use flex * formatting * add comment
2021-12-15 15:32:45 +00:00
<svg width="164" height="384" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)" fill="#000"><path d="M78.046 288.34a.702.702 0 0 0 0-.68L23.906 192h-1.532l54.33 96-54.294 95.927-.036.073h1.531l54.123-95.633.018-.027Zm-9.059 0c.027-.055.045-.101.063-.156l.009-.028v-.027l.009-.046v-.028c0-.009.009-.027.009-.073 0-.019 0-.028-.009-.056 0-.036-.009-.064-.018-.101a.362.362 0 0 1-.027-.091.667.667 0 0 1-.027-.074L14.855 192h-1.531l54.33 95.991-54.294 95.936-.036.073h1.54l54.123-95.623v-.037Zm18.12-.009a.776.776 0 0 0 .08-.267.607.607 0 0 0-.063-.358L32.956 192h-1.531l54.33 95.991-54.294 95.936-.036.073h1.53l54.097-95.596.054-.073Zm-27.17 0a.845.845 0 0 0 .08-.267.608.608 0 0 0-.063-.358L5.795 192h-1.53l54.33 95.991L4.3 383.927l-.036.073h1.54L59.9 288.404l.036-.073Zm36.22-.671L42.015 192h-1.53l54.33 96-54.295 95.927-.036.073h1.531l54.142-95.66a.702.702 0 0 0 0-.68Zm9.059 0L51.075 192h-1.531l54.33 96-54.294 95.927-.036.073h1.531l54.141-95.66a.703.703 0 0 0 0-.68ZM58.595 192l104.788 185.147.117.202v-2.719L60.135 192h-1.54Zm9.06 0 95.728 169.144.117.202v-2.71L69.194 192h-1.54Zm9.05 0 86.678 153.141.117.202v-2.71L78.245 192h-1.54Zm9.06 0 77.618 137.147.117.211v-2.719L87.304 192h-1.54Zm18.109 0 59.509 105.15.117.211v-2.719L105.414 192h-1.54Zm-9.06 0 68.569 121.144.117.202v-2.719L96.355 192h-1.54Z"/></g><g clip-path="url(#b)" fill="#000"><path d="M109.737 87.659a.663.663 0 0 0-.576-.34.636.636 0 0 0-.334.092.757.757 0 0 0-.252.257L49.58 191.927l-.036.073h1.54l58.095-102.642 54.213 95.789.117.202v-2.71l-53.745-94.944-.027-.036Z"/><path d="M109.629 55.515a.622.622 0 0 0-.459-.202.705.705 0 0 0-.334.091l-.063.037v.01a.722.722 0 0 0-.189.22L31.47 191.927l-.036.073h1.54L109.17 57.352l54.222 95.798.117.202v-2.719l-53.763-94.98a1.236 1.236 0 0 0-.117-.138Z"/><path d="M109.737 71.656a.663.663 0 0 0-.576-.34.636.636 0 0 0-.334.091.758.758 0 0 0-.252.258L40.521 191.927l-.037.073h1.532L109.17 73.355l54.213 95.798.117.202v-2.719l-53.745-94.944-.018-.036Z"/><path d="M109.737 23.655a.663.663 0 0 0-.576-.34.636.636 0 0 0-.334.092.758.758 0 0 0-.252.258L13.36 191.927l-.036.073h1.53L109.17 25.355l54.213 95.789.117.202v-2.719l-53.745-94.944-.018-.027Z"/><path d="M109.755 39.585h-.063l-.009-.01-.009-.036-.054-.027c-.018-.019-.036-.037-.063-.056-.018-.009-.036-.027-.063-.046-.027-.018-.054-.027-.081-.036a.36.36 0 0 0-.162-.046.335.335 0 0 0-.09-.01c-.045 0-.09.01-.126.019-.018 0-.045.01-.081.018l-.073.028c-.018.01-.036.01-.054.027l-.063.037c-.036.019-.054.046-.072.065l-.09.073v.037c-.009.018-.027.037-.036.055l-86.165 152.25-.036.073h1.54L109.17 41.358l54.213 95.789.117.202v-2.719l-53.745-94.944v-.1Zm-.306-.037s0-.009 0 0Z"/><path d="M5.795 192 109.17 9.361l54.213 95.798.117.202V102.633l-50.872-89.882-2.864-5.062-.018-.037a.663.663 0 0 0-.576-.34.636.636 0 0 0-.334.092.758.758 0 0 0-.252.258L4.3 191.927l-.045.073h1.54ZM.5 89.358v-2.71L49.535 0h1.531L.608 89.147l-.108.211Zm0-80.006L5.795 0h-1.53L.5 6.642v2.71Zm.117 63.8L42.016 0h-1.532L.5 70.645v2.71l.117-.202Zm0-16.002L32.965 0h-1.531L.5 54.642v2.71l.117-.202Zm0-31.997L14.855 0h-1.54L.5 22.645v2.71l.117-.202Zm0 15.994L23.905 0h-1.53L.5 38.648v2.71l.117-.211Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(.5 192)" d="M0 0h163v192H0z"/></clipPath><clipPath id="b"><path fill="#fff" transform="translate(.5)" d="M0 0h163v192H0z"/></clipPath></defs></svg>