From 0b507a541d064c3b8bbfdd38b725979fd4471fae Mon Sep 17 00:00:00 2001 From: Alasdair Smith Date: Thu, 9 Aug 2018 15:53:34 +0100 Subject: [PATCH 1/7] First pass at redoing the homepage for deprecating SL --- .../web/public/stylesheets/app/homepage.less | 47 +++++++++++++++++++ 1 file changed, 47 insertions(+) diff --git a/services/web/public/stylesheets/app/homepage.less b/services/web/public/stylesheets/app/homepage.less index d502855b72..296a4247f4 100644 --- a/services/web/public/stylesheets/app/homepage.less +++ b/services/web/public/stylesheets/app/homepage.less @@ -1,3 +1,50 @@ +.deprecated-sl-masthead { + display: inline-block; + margin-top: @header-height; + width: 100%; + text-align: center; + h1 { + font-size: 3.3rem; + line-height: 5rem; + margin-bottom: 0; + margin-top: @line-height-computed; + } + .sub-mast-heading { + margin-top: 10px; + margin-bottom: 10px; + } + .img { + max-width: 420px; + background-image: url('/img/ol_plus_sl.png'); + background-size: 100%; + background-repeat: no-repeat; + margin: auto; + height: 195px; + } + p { + width: 80%; + margin: 20px auto; + font-size: 18px; + } +} + +.deprecated-sl-login-boxes { + margin-bottom: 20px; + margin-top: 20px; +} +.deprecated-sl-login-box { + display: flex; + flex-direction: column; + height: 270px; + h3 { + margin-top: 12.5px; + } + .btn { + display: block; + margin: auto auto 0; + } +} + .masthead { display: inline-block; width: 100%; From f60d565d2e5a7863c6cb660444b54880f78a21ce Mon Sep 17 00:00:00 2001 From: Alasdair Smith Date: Fri, 10 Aug 2018 10:53:46 +0100 Subject: [PATCH 2/7] Updated styles for rearranged homepage --- .../web/public/stylesheets/app/homepage.less | 36 +++++++------------ 1 file changed, 12 insertions(+), 24 deletions(-) diff --git a/services/web/public/stylesheets/app/homepage.less b/services/web/public/stylesheets/app/homepage.less index 296a4247f4..9c2b43d862 100644 --- a/services/web/public/stylesheets/app/homepage.less +++ b/services/web/public/stylesheets/app/homepage.less @@ -9,39 +9,27 @@ margin-bottom: 0; margin-top: @line-height-computed; } - .sub-mast-heading { - margin-top: 10px; - margin-bottom: 10px; - } .img { max-width: 420px; background-image: url('/img/ol_plus_sl.png'); background-size: 100%; background-repeat: no-repeat; - margin: auto; - height: 195px; - } - p { - width: 80%; - margin: 20px auto; - font-size: 18px; + margin: 20px auto 0; + height: 197px; } } +.deprecated-sl-login-buttons { + margin: 35px 0; +} +.deprecated-sl-long-cta { + margin-top: 25px; -.deprecated-sl-login-boxes { - margin-bottom: 20px; - margin-top: 20px; -} -.deprecated-sl-login-box { - display: flex; - flex-direction: column; - height: 270px; - h3 { - margin-top: 12.5px; + .card { + height: 216px; } - .btn { - display: block; - margin: auto auto 0; + + h3 { + margin-top: 0; } } From 882ea46277d14a796eed7b0a4bfbc2b16b97737a Mon Sep 17 00:00:00 2001 From: Alasdair Smith Date: Fri, 10 Aug 2018 16:50:17 +0100 Subject: [PATCH 3/7] Add divider between deprecated text and features --- services/web/public/stylesheets/app/homepage.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/services/web/public/stylesheets/app/homepage.less b/services/web/public/stylesheets/app/homepage.less index 9c2b43d862..20372c6679 100644 --- a/services/web/public/stylesheets/app/homepage.less +++ b/services/web/public/stylesheets/app/homepage.less @@ -23,14 +23,16 @@ } .deprecated-sl-long-cta { margin-top: 25px; - .card { height: 216px; } - h3 { margin-top: 0; } + hr { + margin-top: 35px; + margin-bottom: 10px; + } } .masthead { From 6547c40c347185ee4212e7d16ad09da3d5cf2297 Mon Sep 17 00:00:00 2001 From: Alasdair Smith Date: Fri, 10 Aug 2018 17:10:23 +0100 Subject: [PATCH 4/7] Style CTAs in new container and remove hr --- services/web/public/stylesheets/app/homepage.less | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/services/web/public/stylesheets/app/homepage.less b/services/web/public/stylesheets/app/homepage.less index 20372c6679..a13bfaa48d 100644 --- a/services/web/public/stylesheets/app/homepage.less +++ b/services/web/public/stylesheets/app/homepage.less @@ -22,17 +22,14 @@ margin: 35px 0; } .deprecated-sl-long-cta { - margin-top: 25px; + padding-top: 25px; + padding-bottom: 93px; .card { height: 216px; } h3 { margin-top: 0; } - hr { - margin-top: 35px; - margin-bottom: 10px; - } } .masthead { From f6cae39dcba09f705ed06f0df397ea5f44afc14e Mon Sep 17 00:00:00 2001 From: Alasdair Smith Date: Wed, 22 Aug 2018 10:51:57 +0100 Subject: [PATCH 5/7] Adjust styling for updated copy --- services/web/public/stylesheets/app/homepage.less | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/services/web/public/stylesheets/app/homepage.less b/services/web/public/stylesheets/app/homepage.less index a13bfaa48d..18078bfda7 100644 --- a/services/web/public/stylesheets/app/homepage.less +++ b/services/web/public/stylesheets/app/homepage.less @@ -21,11 +21,15 @@ .deprecated-sl-login-buttons { margin: 35px 0; } +.deprecated-sl-msg { + width: 80%; + margin: 12.5px auto 0; +} .deprecated-sl-long-cta { padding-top: 25px; padding-bottom: 93px; .card { - height: 216px; + height: 397px; } h3 { margin-top: 0; From 17ab35ab378d21eb67e9d08dd1b279b2f495e8de Mon Sep 17 00:00:00 2001 From: Alasdair Smith Date: Fri, 24 Aug 2018 10:12:37 +0100 Subject: [PATCH 6/7] Increase margin between CTA and message --- services/web/public/stylesheets/app/homepage.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/services/web/public/stylesheets/app/homepage.less b/services/web/public/stylesheets/app/homepage.less index 18078bfda7..1158897917 100644 --- a/services/web/public/stylesheets/app/homepage.less +++ b/services/web/public/stylesheets/app/homepage.less @@ -23,7 +23,7 @@ } .deprecated-sl-msg { width: 80%; - margin: 12.5px auto 0; + margin: 35px auto 0; } .deprecated-sl-long-cta { padding-top: 25px; From 066d7293eb82c9cd63412e32f8141563cabb9462 Mon Sep 17 00:00:00 2001 From: Alasdair Smith Date: Fri, 24 Aug 2018 10:39:30 +0100 Subject: [PATCH 7/7] Add margin above card on mobile view --- services/web/public/stylesheets/app/homepage.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/services/web/public/stylesheets/app/homepage.less b/services/web/public/stylesheets/app/homepage.less index 1158897917..ebcb145f22 100644 --- a/services/web/public/stylesheets/app/homepage.less +++ b/services/web/public/stylesheets/app/homepage.less @@ -26,9 +26,10 @@ margin: 35px auto 0; } .deprecated-sl-long-cta { - padding-top: 25px; + padding-top: 12.5px; padding-bottom: 93px; .card { + margin-top: 12.5px; height: 397px; } h3 {