website: updates for 0.12 release (#8397)

* Updates for 0.12 release

* Update SVGs to align to styles

* Updates alert banner for blog

Co-authored-by: Brandon Romano <BrandonRRomano@gmail.com>
This commit is contained in:
Kevin Pruett 2020-07-09 11:58:52 -04:00 committed by GitHub
parent 6fc63ede76
commit 9c7485a982
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 438 additions and 71 deletions

View file

@ -2,8 +2,9 @@ export const ALERT_BANNER_ACTIVE = true
// https://github.com/hashicorp/web-components/tree/master/packages/alert-banner
export default {
url: 'https://www.hashicorp.com/blog/announcing-hashicorp-nomad-0-12-beta/',
tag: 'NEW',
url:
'https://www.hashicorp.com/blog/announcing-general-availability-of-hashicorp-nomad-0-12',
tag: 'ANNOUNCING',
text:
'Announcing Nomad 0.12, which introduces 15+ new features and our breakthrough Multi-Cluster Deployment. Learn more!',
'Nomad 0.12 is now generally available, which includes 15+ new features and our breakthrough Multi-Cluster Deployment. Learn more!',
}

View file

@ -17,13 +17,13 @@ export default function Homepage() {
{
text: 'Download',
url: '/downloads',
type: 'download'
type: 'download',
},
{
text: 'Get Started',
url: 'https://learn.hashicorp.com/nomad',
type: 'outbound'
}
type: 'outbound',
},
]}
/>
@ -34,38 +34,38 @@ export default function Homepage() {
title: 'Simple and Lightweight',
content:
'Single 35MB binary that integrates into existing infrastructure. Easy to operate on-prem or in the cloud with minimal overhead.',
icon: require('./img/why-nomad/simple-and-lightweight.svg')
icon: require('./img/why-nomad/simple-and-lightweight.svg'),
},
{
title: 'Flexible Workload Support',
content:
'Orchestrate applications of any type - not just containers. First class support for Docker, Windows, Java, VMs, and more.',
icon: require('./img/why-nomad/flexible-workload-support.svg')
icon: require('./img/why-nomad/flexible-workload-support.svg'),
},
{
title: 'Modernize Legacy Applications without Rewrite',
content:
'Bring orchestration benefits to existing services. Achieve zero downtime deployments, improved resilience, higher resource utilization, and more without containerization.',
icon: require('./img/why-nomad/modernize-legacy-applications.svg')
icon: require('./img/why-nomad/modernize-legacy-applications.svg'),
},
{
title: 'Easy Federation at Scale',
content:
'Single command for multi-region, multi-cloud federation. Deploy applications globally to any region using Nomad as a single unified control plane.',
icon: require('./img/why-nomad/federation.svg')
icon: require('./img/why-nomad/federation.svg'),
},
{
title: 'Multi-Cloud with Ease',
content:
'One single unified workflow for deploying to bare metal or cloud environments. Enable multi-cloud applications with ease.',
icon: require('./img/why-nomad/servers.svg')
icon: require('./img/why-nomad/servers.svg'),
},
{
title: 'Native Integrations with Terraform, Consul, and Vault',
content:
'Nomad integrates seamlessly with Terraform, Consul and Vault for provisioning, service networking, and secrets management.',
icon: require('./img/why-nomad/native-integration.svg')
}
icon: require('./img/why-nomad/native-integration.svg'),
},
]}
/>
@ -82,13 +82,13 @@ export default function Homepage() {
lastName: 'Lefebvre',
photo:
'https://www.datocms-assets.com/2885/1591836195-tlefebvrephoto.jpg',
title: 'Tech Lead, SRE'
title: 'Tech Lead, SRE',
},
company: {
name: 'Cloudflare',
logo:
'https://www.datocms-assets.com/2885/1522194205-cf-logo-h-rgb.png'
}
'https://www.datocms-assets.com/2885/1522194205-cf-logo-h-rgb.png',
},
},
{
quote:
@ -100,13 +100,13 @@ export default function Homepage() {
lastName: 'Domingues',
photo:
'https://www.datocms-assets.com/2885/1590508642-carlos.png',
title: 'IT Infrastructure Lead'
title: 'IT Infrastructure Lead',
},
company: {
name: 'Navi Capital',
logo:
'https://www.datocms-assets.com/2885/1590509560-navi-logo.png'
}
'https://www.datocms-assets.com/2885/1590509560-navi-logo.png',
},
},
{
quote:
@ -118,12 +118,13 @@ export default function Homepage() {
lastName: 'Endler',
photo:
'https://www.datocms-assets.com/2885/1582163422-matthias-endler.png',
title: 'Backend Engineer'
title: 'Backend Engineer',
},
company: {
name: 'Trivago',
logo: 'https://www.datocms-assets.com/2885/1582162145-trivago.svg'
}
logo:
'https://www.datocms-assets.com/2885/1582162145-trivago.svg',
},
},
{
quote:
@ -134,13 +135,13 @@ export default function Homepage() {
lastName: 'Cameron',
photo:
'https://www.datocms-assets.com/2885/1582180216-rob-cameron.jpeg',
title: 'Technical Director of Infrastructure'
title: 'Technical Director of Infrastructure',
},
company: {
name: 'Roblox',
logo:
'https://www.datocms-assets.com/2885/1582180369-roblox-color.svg'
}
'https://www.datocms-assets.com/2885/1582180369-roblox-color.svg',
},
},
{
quote:
@ -152,13 +153,13 @@ export default function Homepage() {
lastName: 'Zuber',
photo:
'https://www.datocms-assets.com/2885/1582180618-rob-zuber.jpeg',
title: 'CTO'
title: 'CTO',
},
company: {
name: 'CircleCI',
logo:
'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg'
}
'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg',
},
},
{
quote:
@ -170,12 +171,12 @@ export default function Homepage() {
lastName: 'Sridharan',
photo:
'https://www.datocms-assets.com/2885/1582181517-cindy-sridharan.png',
title: 'Engineer'
title: 'Engineer',
},
company: {
name: 'imgix',
logo: 'https://www.datocms-assets.com/2885/1582181250-imgix.svg'
}
logo: 'https://www.datocms-assets.com/2885/1582181250-imgix.svg',
},
},
{
quote:
@ -187,55 +188,96 @@ export default function Homepage() {
lastName: 'Aldridge',
photo:
'https://www.datocms-assets.com/2885/1592925323-1587510032-michael-alridge.jpeg',
title: 'Staff Systems Engineer'
title: 'Staff Systems Engineer',
},
company: {
name: 'BetterHelp',
logo:
'https://www.datocms-assets.com/2885/1592925329-betterhelp-logo.png'
}
}
'https://www.datocms-assets.com/2885/1592925329-betterhelp-logo.png',
},
},
{
quote:
"Nomad gives us a unified control plane, enabling hardware and driver rollouts using vendor's drivers - be it a centrifuge, incubator, or mass spectrometer.",
caseStudyURL:
'https://thenewstack.io/applying-workload-orchestration-to-experimental-biology/',
person: {
firstName: 'Dhasharath',
lastName: 'Shrivathsa',
photo:
'https://www.datocms-assets.com/2885/1594233068-dharsharathshrivathsa.jpg',
title: 'CEO',
},
company: {
name: 'Radix',
logo:
'https://www.datocms-assets.com/2885/1594233325-radix-logo-1.svg',
},
},
{
quote:
'Nomad has proven itself to be highly scalable, and were excited to scale our business alongside it.',
caseStudyURL:
'https://www.hashicorp.com/blog/how-nomad-powers-a-google-backed-indoor-farming-startup-to-disrupt-agtech/',
person: {
firstName: 'John',
lastName: 'Spencer',
photo:
'https://www.datocms-assets.com/2885/1594236857-johnspencer.jpeg',
title: 'Senior Site Reliability Engineer',
},
company: {
name: 'Bowery',
logo:
'https://www.datocms-assets.com/2885/1594242826-bowery-logo-2.png',
},
},
]}
featuredLogos={[
{
companyName: 'Trivago',
url:
'https://www.datocms-assets.com/2885/1582162317-trivago-monochromatic.svg'
'https://www.datocms-assets.com/2885/1582162317-trivago-monochromatic.svg',
},
{
companyName: 'Roblox',
url:
'https://www.datocms-assets.com/2885/1582180373-roblox-monochrome.svg'
'https://www.datocms-assets.com/2885/1582180373-roblox-monochrome.svg',
},
{
companyName: 'CircleCI',
url:
'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg'
'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg',
},
{
companyName: 'SAP Ariba',
url:
'https://www.datocms-assets.com/2885/1580419436-logosap-ariba.svg'
'https://www.datocms-assets.com/2885/1580419436-logosap-ariba.svg',
},
{
companyName: 'Pandora',
url:
'https://www.datocms-assets.com/2885/1523044075-pandora-black.svg'
'https://www.datocms-assets.com/2885/1523044075-pandora-black.svg',
},
{
companyName: 'Citadel',
url:
'https://www.datocms-assets.com/2885/1582323352-logocitadelwhite-knockout.svg'
'https://www.datocms-assets.com/2885/1582323352-logocitadelwhite-knockout.svg',
},
{
companyName: 'Jet',
url: 'https://www.datocms-assets.com/2885/1522341143-jet-black.svg'
url: 'https://www.datocms-assets.com/2885/1522341143-jet-black.svg',
},
{
companyName: 'Deluxe',
url:
'https://www.datocms-assets.com/2885/1582323254-deluxe-logo.svg'
}
'https://www.datocms-assets.com/2885/1582323254-deluxe-logo.svg',
},
{
companyName: 'Radix',
url:
'https://www.datocms-assets.com/2885/1594233325-radix-logo-1.svg',
},
]}
/>
@ -244,7 +286,7 @@ export default function Homepage() {
link={{
text: 'Share your success story and receive special Nomad swag.',
url: 'https://forms.gle/rdaLSuMGpvbomgYk9',
type: 'outbound'
type: 'outbound',
}}
/>
@ -260,13 +302,13 @@ export default function Homepage() {
image: {
alt: null,
format: 'png',
url: require('./img/use-cases/simple-container-orchestration.svg')
url: require('./img/use-cases/simple-container-orchestration.svg'),
},
link: {
external: false,
title: 'Learn more',
url: '/use-cases/simple-container-orchestration'
}
url: '/use-cases/simple-container-orchestration',
},
},
{
title: 'Non Containerized Application Orchestration',
@ -275,13 +317,13 @@ export default function Homepage() {
image: {
alt: null,
format: 'png',
url: require('./img/use-cases/non-containerized-application-orchestration.svg')
url: require('./img/use-cases/non-containerized-application-orchestration.svg'),
},
link: {
external: false,
title: 'Learn more',
url: '/use-cases/non-containerized-application-orchestration'
}
url: '/use-cases/non-containerized-application-orchestration',
},
},
{
title: 'Automated Service Networking with Consul',
@ -290,14 +332,14 @@ export default function Homepage() {
image: {
alt: null,
format: 'png',
url: require('./img/use-cases/automated-service-networking-with-consul.svg')
url: require('./img/use-cases/automated-service-networking-with-consul.svg'),
},
link: {
external: false,
title: 'Learn more',
url: '/use-cases/automated-service-networking-with-consul'
}
}
url: '/use-cases/automated-service-networking-with-consul',
},
},
]}
/>
</div>
@ -310,7 +352,7 @@ export default function Homepage() {
time: '24 mins',
link:
'https://learn.hashicorp.com/nomad?track=getting-started#getting-started',
image: require('./img/learn-nomad/cap.svg')
image: require('./img/learn-nomad/cap.svg'),
},
{
title: 'Deploy and Manage Nomad Jobs',
@ -318,8 +360,8 @@ export default function Homepage() {
time: '36 mins',
link:
'https://learn.hashicorp.com/nomad?track=managing-jobs#getting-started',
image: require('./img/learn-nomad/cubes.svg')
}
image: require('./img/learn-nomad/cubes.svg'),
},
]}
/>
@ -334,13 +376,13 @@ export default function Homepage() {
{
text: 'Explore HashiCorp Learn',
type: 'outbound',
url: 'https://learn.hashicorp.com/nomad'
url: 'https://learn.hashicorp.com/nomad',
},
{
text: 'Explore Documentation',
type: 'inbound',
url: '/docs'
}
url: '/docs',
},
]}
/>
</div>

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 140 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 124 KiB

View file

@ -41,7 +41,7 @@ export default function SimpleContainerOrchestrationPage() {
<TextSplitWithImage
textSplit={{
heading: 'Run on-premise with ease',
heading: 'Run On-Premise with Ease',
textSide: 'left',
content:
'Install and run Nomad easily on bare metal as a single binary and with the same ease as on cloud.',
@ -184,7 +184,7 @@ SERVICE_NAME: Nomad
<TextSplitWithImage
textSplit={{
heading: 'Run stateful workloads',
heading: 'Run Stateful Workloads',
content:
'Natively connect and run stateful services with storage volumes from third-party providers via the Container Storage Interface plugin system.',
textSide: 'right',
@ -195,6 +195,18 @@ SERVICE_NAME: Nomad
}}
/>
<TextSplitWithImage
textSplit={{
heading: 'Flexible Networking Capabilities',
content:
'Deploy containerized applications with customized network configurations from third-party vendors via Container Network Interface plugin system',
}}
image={{
url: require('./img/cni.svg'),
alt: 'Flexible Networking Capabilities',
}}
/>
<FeaturedSliderSection
heading="Case Studies"
features={[
@ -242,20 +254,21 @@ SERVICE_NAME: Nomad
{
logo: {
url:
'https://www.datocms-assets.com/2885/1522341147-jet-white.svg',
alt: 'Jet',
'https://www.datocms-assets.com/2885/1594247944-better-help-white.png',
alt: 'BetterHelp',
},
image: {
url:
'https://www.datocms-assets.com/2885/1523635589-mohitarora.jpg',
alt: 'Jet Presentation',
'https://www.datocms-assets.com/2885/1594247996-betterhelp-case-study-screen.png',
alt: 'BetterHelp Presentation',
},
heading: 'Jet.com',
content: 'Running Windows Microservices on Nomad',
heading: 'BetterHelp',
content:
'From 6 dedicated servers in a colocation facility to a cloud-based deployment workflow with Nomad',
link: {
text: 'Learn More',
url:
'https://www.hashicorp.com/resources/running-windows-microservices-on-nomad-at-jet-com',
'https://www.hashicorp.com/resources/betterhelp-s-hashicorp-nomad-use-case/',
type: 'outbound',
},
},