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 @@
-
@@ -260,6 +237,19 @@
+
+
+
+
-
-
-
+
@@ -233,7 +213,6 @@
-
@@ -258,6 +237,19 @@
+
+
+
+