From 184d6bebc8099adf67b28af1665febcaf3046761 Mon Sep 17 00:00:00 2001 From: Francis Schmaltz Date: Tue, 4 Dec 2018 19:57:37 -0800 Subject: [PATCH 1/6] Update pricing page --- website/src/css/pages/_pricing.scss | 42 +--- website/src/pages/pricing.tsx | 305 +++++++--------------------- 2 files changed, 86 insertions(+), 261 deletions(-) diff --git a/website/src/css/pages/_pricing.scss b/website/src/css/pages/_pricing.scss index b7f04e70c45..d0906eaef33 100644 --- a/website/src/css/pages/_pricing.scss +++ b/website/src/css/pages/_pricing.scss @@ -99,32 +99,18 @@ padding: 0 0; .pricing-section { padding-top: 15vh; + .row { + justify-content: space-evenly; + } } .pricing-card-col { + &:nth-child(2) { - transform: translateX(-100%); - animation: slide1 650ms ease-in-out 750ms forwards; - @keyframes slide1 { - from { - transform: matrix3d(0.87, 0, 0.7, 0, 0, 1, 0, 0, -0.5, 0, 0.87, 0, -100%, 0, 0, 1); - } - to { - transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - } + } &:nth-child(3) { - transform: translateX(-35%); - animation: slide2 650ms ease-in-out 750ms forwards; - @keyframes slide2 { - from { - transform: matrix3d(0.87, 0, 0.7, 0, 0, 1, 0, 0, -0.5, 0, 0.87, 0, -35%, 0, 0, 1); - } - to { - transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - } + } &:first-of-type { .card-body { @@ -132,19 +118,7 @@ // color: #0d97ff } } - opacity: 0; - transform: translateX(-50px); - animation: display 650ms ease-in-out 1100ms forwards; - @keyframes display { - from { - opacity: 0; - transform: translateX(-50px); - } - to { - opacity: 1; - transform: translateX(0px); - } - } + .btn { background-color: #0d97ff; color: #fafcff; @@ -342,7 +316,7 @@ } .feature-table-header, .feature-table-row { - .col-6:first-of-type { + .col-8:first-of-type { text-align: left; } diff --git a/website/src/pages/pricing.tsx b/website/src/pages/pricing.tsx index 8b06c0e8be0..aa21bd5ab88 100644 --- a/website/src/pages/pricing.tsx +++ b/website/src/pages/pricing.tsx @@ -62,7 +62,7 @@ export default class Pricing extends React.Component {
-
+
@@ -71,7 +71,7 @@ export default class Pricing extends React.Component {

Free

-

 

+

for 200 users

- -
+
@@ -190,6 +148,7 @@ export default class Pricing extends React.Component { registry

+

 

{
-
+
If you exceed your licensed users over the term of your subscription, Sourcegraph will true up your license at your next renewal. Learn more about{' '} @@ -227,24 +186,18 @@ export default class Pricing extends React.Component {
-
+

Feature

Core

-
-

Enterprise Starter

-

Enterprise