From 6a3e7bc3110b9f74a792ddf998e5b87812344f6a Mon Sep 17 00:00:00 2001 From: Julien Eluard Date: Tue, 31 Oct 2017 11:20:47 -0500 Subject: [PATCH] Improved landing page. Do not block renderig due to hubspot --- resources/public/dest/css/main.css | 70 +- resources/templates/index.html | 40 +- static_langing_page/dest/css/main.css | 70 +- static_langing_page/index.html | 40 +- static_langing_page/package-lock.json | 10237 +++++++++++++++++ static_langing_page/src/scss/actions.scss | 5 +- static_langing_page/src/scss/email-form.scss | 83 +- 7 files changed, 10370 insertions(+), 175 deletions(-) create mode 100644 static_langing_page/package-lock.json diff --git a/resources/public/dest/css/main.css b/resources/public/dest/css/main.css index cf67a6f..e748f51 100644 --- a/resources/public/dest/css/main.css +++ b/resources/public/dest/css/main.css @@ -758,8 +758,7 @@ li.social-link a { flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; - margin-top: 24px; - margin-bottom: 24px; } + margin-top: 24px; } @media (min-width: 640px) { .actions { @@ -787,9 +786,9 @@ li.social-link a { .action p { opacity: 0.6; - font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; + font-family: "PostGrotesk-Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 18px; - line-height: 1.39; + line-height: 25px; margin: 0 auto 26px; max-width: 400px; text-align: center; @@ -822,6 +821,14 @@ li.social-link a { height: 159px; object-fit: contain; } +.github-heading { + margin-top: 12px; } + +.logo-github { + width: 32px; + height: 32px; + object-fit: contain; } + .logo-organisations { width: 168px; height: 124px; @@ -1534,6 +1541,16 @@ li.social-link a { color: #3685C9; font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; } +.email-form form { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; } + +@media (min-width: 1230px) { + .email-form form { + display: initial; } } + .email-form__responces { position: relative; color: rgba(255, 255, 255, 0.6); @@ -1597,8 +1614,8 @@ li.social-link a { .email-form__input--email, .email-form .hs_email.hs-form-field input { text-align: left; - background-color: #4c81b6; - color: #b6cbe1; + background-color: rgba(51, 0, 0, 0.2); + color: rgba(255, 255, 255, 0.67); padding: 16px 15px 15px 15px; margin: 0 0 0 0; font-family: 'PostGrotesk-Book', sans-serif; @@ -1615,13 +1632,14 @@ li.social-link a { background-repeat: no-repeat; background-position: right 10px center; } -.email-form__input--email::-webkit-input-placeholder, -.email-form__input--email::-moz-placeholder, -.email-form__input--email:-ms-input-placeholder { - color: #AEB5BA; } +.email-form input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.67); } -.email-form__input--email:-moz-placeholder { - color: rgba(255, 255, 255, 0.6); } +.email-form input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.67); } + +.email-form input::placeholder { + color: rgba(255, 255, 255, 0.67); } .email-form .hbspt-form { width: 100%; } @@ -1638,27 +1656,17 @@ li.social-link a { flex-shrink: 0; -ms-flex-positive: 0; flex-grow: 0; - margin-left: 1em; border-radius: 8px; } -@media (max-width: 640px) { - .email-form, .email-form__inner { - display: -ms-flexbox; - display: flex; - width: auto; } - .email-form__inner { - -ms-flex-direction: column; - flex-direction: column; } - .email-form__responces { - width: 240px; - text-align: center; - margin-bottom: 24px; - height: auto; } - .email-form__success-message { - width: 240px; } - .email-form__success-message::after { - left: 50%; - margin: 0 0 0 -14px; } } +.hs_submit { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + margin: 5px auto; } + +@media (min-width: 1230px) { + .email-form input[type="submit"] { + margin-left: 10px; } } @keyframes shakeIt { 0%, 100% { diff --git a/resources/templates/index.html b/resources/templates/index.html index 008fb23..8328845 100644 --- a/resources/templates/index.html +++ b/resources/templates/index.html @@ -30,20 +30,8 @@ - - - @@ -85,7 +73,7 @@ @@ -114,17 +102,7 @@

- - - +
@@ -235,7 +213,6 @@ - + + + + - +
@@ -233,7 +213,6 @@ - + + + +