open-vault/website/public/img/usecase-callout-pattern.svg
Alex Carpenter 927f46d5d7
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 10:32:45 -05:00

1 line
3.3 KiB
XML

<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>