From 4a54d44c16719cec2face75c420997c5aafbb1a7 Mon Sep 17 00:00:00 2001 From: Aditya Anand M C Date: Tue, 17 Dec 2019 15:57:08 +0530 Subject: [PATCH 1/4] - claeanup landing page --- app/assets/v2/css/buttons.css | 4 +- app/assets/v2/css/home.css | 98 +++++----------- app/assets/v2/images/home/bots.svg | 1 - .../templates/shared/newsletter.html | 10 +- app/retail/templates/home/index.html | 108 ++++++++---------- 5 files changed, 83 insertions(+), 138 deletions(-) delete mode 100644 app/assets/v2/images/home/bots.svg diff --git a/app/assets/v2/css/buttons.css b/app/assets/v2/css/buttons.css index b49dde025ba..9bc2cbb2081 100644 --- a/app/assets/v2/css/buttons.css +++ b/app/assets/v2/css/buttons.css @@ -95,7 +95,7 @@ button:focus { } .btn { - border-radius: 5px; + border-radius: 3px; } .btn-gc-blue, @@ -285,7 +285,7 @@ button:focus { .btn-gc-grey { color: #171717; - background-color: #cbcbcb; + background-color: #EEE; } .btn-gc-grey:not(:disabled):not(.disabled).active { diff --git a/app/assets/v2/css/home.css b/app/assets/v2/css/home.css index e8b42c5dfca..07fa7385d67 100644 --- a/app/assets/v2/css/home.css +++ b/app/assets/v2/css/home.css @@ -22,14 +22,12 @@ background-color: transparent; } -.banner { - background-color: #0d023b; - background-size: cover; - background-position: 0px 0px; - background-repeat: no-repeat; - position: relative; - color: #fff; - padding-top: 8rem; +.banner h2 { + line-height: 3rem; +} + +.homepage .banner #fund-issue { + border: 2px solid #3E00FF; } .optimize_oss p, @@ -37,23 +35,8 @@ color: #4A4A4A; } -.banner h1 { - font-weight: normal; - font-size: 2rem; -} - -.banner h1, -.banner p { - margin-bottom: 2.5rem; -} - -.banner .buttons { - display: flex; - justify-content: center; -} - .homepage .btn-gc-green { - color: #0D0764; + color: white; } .homepage .newsletter { @@ -73,7 +56,7 @@ } .homepage #tree-svg svg { - max-width: 17rem; + max-width: 19rem; } .articles .article { @@ -110,22 +93,6 @@ margin: auto; } -.content-links a { - color: #fff; - text-decoration: underline; -} - -.banner .buttons a { - flex-grow: 1; - font-weight: 600; -} - -.row h2 { - font-weight: 500; - font-size: 1.75rem; - margin-bottom: 0.6rem; -} - img.play { max-height: 3rem; } @@ -253,7 +220,7 @@ p.video-preview__index { .video-preview__title { font-size: 32px; - font-weight: bold; + font-weight: 600; color: #fff; max-width: 14em; line-height: 1.35; @@ -317,7 +284,7 @@ figure:hover::before { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); } -.compass{ +.compass { display: flex; align-items: center; justify-content: center; @@ -329,25 +296,25 @@ figure:hover::before { .compass__dashes, .compass__inner, .compass__outer, -.compass__arrow{ +.compass__arrow { position: absolute; } -.compass__dashes{ +.compass__dashes { width: 50%; } -.compass__inner{ +.compass__inner { width: 120%; animation: rock_small ease-in-out 6s infinite; } -.compass__outer{ +.compass__outer { width: 80%; animation: rock_big ease-in-out 7s infinite; } -.compass__arrow{ +.compass__arrow { width: 20%; animation: rock_arrow ease-in-out 4s infinite; } @@ -366,7 +333,7 @@ figure:hover::before { } @keyframes rock_small { - 0%, 100%{ + 0%, 100% { transform: rotate(-5deg); } 50%{ @@ -375,7 +342,7 @@ figure:hover::before { } @keyframes rock_big { - 0%, 100%{ + 0%, 100% { transform: rotate(-4deg); } 50%{ @@ -384,7 +351,7 @@ figure:hover::before { } @keyframes rock_arrow { - 0%, 100%{ + 0%, 100% { transform: rotate(35deg); } 50%{ @@ -399,12 +366,6 @@ figure:hover::before { } } -@media (max-width: 1200px) { - .banner img { - position: absolute; - bottom: -2px; - } -} @media (max-width: 1024px) { .realign-img, @@ -416,13 +377,6 @@ figure:hover::before { margin-top: 4rem; } - .bots-img { - display: none; - } - - .banner { - padding-bottom: 5rem; - } .articles .article { margin-bottom: 3rem; @@ -434,38 +388,38 @@ figure:hover::before { margin-bottom: 1.5rem; } - .video-row{ + .video-row { grid-template-columns: 1fr; } } @media (max-width: 768px) { - .compass{ + .compass { height: 300px; } - .compass__dashes{ + .compass__dashes { width: auto; } - .compass__inner{ + .compass__inner { width: auto; } - .compass__outer{ + .compass__outer { width: auto; } - .compass__arrow{ + .compass__arrow { width: auto; } } @media (max-width: 375px) { - .video-preview{ + .video-preview { --padding: 2rem; } + .video-preview__title { font-size: 24px; } - } diff --git a/app/assets/v2/images/home/bots.svg b/app/assets/v2/images/home/bots.svg deleted file mode 100644 index 10621328027..00000000000 --- a/app/assets/v2/images/home/bots.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/app/dashboard/templates/shared/newsletter.html b/app/dashboard/templates/shared/newsletter.html index 36eb9f35060..a13907b0ae1 100644 --- a/app/dashboard/templates/shared/newsletter.html +++ b/app/dashboard/templates/shared/newsletter.html @@ -25,10 +25,12 @@

{% trans "Join Our Newsletter!" %} {% endif %}

- I want to + + I want to +
@@ -39,7 +41,7 @@

{% endif %}
- +
{% if not hide_newsletter_consent %} diff --git a/app/retail/templates/home/index.html b/app/retail/templates/home/index.html index 08bb95e8335..4b0195370a8 100644 --- a/app/retail/templates/home/index.html +++ b/app/retail/templates/home/index.html @@ -31,63 +31,53 @@ {% include 'home/nav.html' %}

-