diff --git a/website/assets/images/psystage-1-unaware-caption-643x784@2x.png b/website/assets/images/psystage-1-unaware-caption-643x784@2x.png new file mode 100644 index 0000000000..7e981f5a51 Binary files /dev/null and b/website/assets/images/psystage-1-unaware-caption-643x784@2x.png differ diff --git a/website/assets/images/psystage-2-aware-caption-643x784@2x.png b/website/assets/images/psystage-2-aware-caption-643x784@2x.png new file mode 100644 index 0000000000..a05a391576 Binary files /dev/null and b/website/assets/images/psystage-2-aware-caption-643x784@2x.png differ diff --git a/website/assets/images/psystage-3-intrigued-caption-643x784@2x.png b/website/assets/images/psystage-3-intrigued-caption-643x784@2x.png new file mode 100644 index 0000000000..34045a30ae Binary files /dev/null and b/website/assets/images/psystage-3-intrigued-caption-643x784@2x.png differ diff --git a/website/assets/images/psystage-4-has-use-case-caption-643x784@2x.png b/website/assets/images/psystage-4-has-use-case-caption-643x784@2x.png new file mode 100644 index 0000000000..ea3ce7cdea Binary files /dev/null and b/website/assets/images/psystage-4-has-use-case-caption-643x784@2x.png differ diff --git a/website/assets/images/psystage-5-feeling-confident-caption-643x784@2x.png b/website/assets/images/psystage-5-feeling-confident-caption-643x784@2x.png new file mode 100644 index 0000000000..10af8d7d63 Binary files /dev/null and b/website/assets/images/psystage-5-feeling-confident-caption-643x784@2x.png differ diff --git a/website/assets/images/psystage-6-has-team-buy-in-caption-648x789@2x.png b/website/assets/images/psystage-6-has-team-buy-in-caption-648x789@2x.png new file mode 100644 index 0000000000..1cd6e5abc6 Binary files /dev/null and b/website/assets/images/psystage-6-has-team-buy-in-caption-648x789@2x.png differ diff --git a/website/assets/styles/pages/start.less b/website/assets/styles/pages/start.less index d7fe06898e..cf4dd2568d 100644 --- a/website/assets/styles/pages/start.less +++ b/website/assets/styles/pages/start.less @@ -33,8 +33,8 @@ } } [purpose='form-container'] { - min-width: 632px; - max-width: 632px; + min-width: 600px; + max-width: 600px; padding-left: 64px; padding-right: 64px; padding-top: 32px; @@ -99,26 +99,27 @@ height: 680px; max-width: 568px; background-size: cover; - background-position: center; + background-position: left; background-repeat: no-repeat; border-radius: 16px; + position: relative; &.stage-one { - background-image: url('/images/psystage-1-unaware-558x680@2x.png'); + background-image: url('/images/psystage-1-unaware-caption-643x784@2x.png'); } &.stage-two { - background-image: url('/images/psystage-2-aware-508x784@2x.png'); + background-image: url('/images/psystage-2-aware-caption-643x784@2x.png '); } &.stage-three { - background-image: url('/images/psystage-3-intrigued-558x680@2x.png'); + background-image: url('/images/psystage-3-intrigued-caption-643x784@2x.png '); } &.stage-four { - background-image: url('/images/psystage-4-has-use-case-508x784@2x.png'); + background-image: url('/images/psystage-4-has-use-case-caption-643x784@2x.png'); } &.stage-five { - background-image: url('/images/psystage-5-feeling-confident-504x784@2x.png'); + background-image: url('/images/psystage-5-feeling-confident-caption-643x784@2x.png'); } &.stage-six { - background-image: url('/images/psystage-6-has-team-buy-in-504x784@2x.png'); + background-image: url('/images/psystage-6-has-team-buy-in-caption-648x789@2x.png'); } &.cloud-city { background-image: url('/images/cropped-fleet-cloud-city-504x784@2x.png'); @@ -349,6 +350,23 @@ } } } + @media (max-width: 1200px) { + [purpose='form-container'] { + min-width: 540px; + max-width: 540px; + padding-left: 32px; + padding-right: 32px; + padding-top: 32px; + margin-right: 0px; + } + [purpose='form-with-video-container'] { + width: 100%; + max-width: 1200px; + padding-left: 32px; + padding-right: 32px; + padding-top: 32px; + } + } @media (max-width: 991px) { [purpose='page-container'] { padding-top: 60px; diff --git a/website/views/pages/start.ejs b/website/views/pages/start.ejs index 3448fbb65d..31724bfc7f 100644 --- a/website/views/pages/start.ejs +++ b/website/views/pages/start.ejs @@ -764,7 +764,7 @@ -
+