diff --git a/portal/static/portal/img/10_years_anniversary.png b/portal/static/portal/img/10_years_anniversary.png index d1f2a89a6..7a54ca88a 100644 Binary files a/portal/static/portal/img/10_years_anniversary.png and b/portal/static/portal/img/10_years_anniversary.png differ diff --git a/portal/static/portal/img/logo_cfl_powered.svg b/portal/static/portal/img/logo_cfl_powered.svg new file mode 100644 index 000000000..ff5da06a8 --- /dev/null +++ b/portal/static/portal/img/logo_cfl_powered.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/portal/static/portal/sass/partials/_footer.scss b/portal/static/portal/sass/partials/_footer.scss index 1da3bf7c8..d20360abe 100644 --- a/portal/static/portal/sass/partials/_footer.scss +++ b/portal/static/portal/sass/partials/_footer.scss @@ -54,23 +54,18 @@ } } - .external-links { - @include _margin(20px, 0px, 20px, 0px); - align-items: center; - display: flex; - justify-content: space-between; - } - - .social-media a, - .social-media a:hover { - color: $color-text-secondary; - display: flex; - } - .social-media { - @include _font-size(58px); + @include _font-size(48px); + @include _margin(40px, 0px, 0px, 0px); align-items: center; display: flex; + + a, + a:hover { + @include _margin(0px, 20px, 0px, 0px); + color: $color-text-secondary; + display: flex; + } } input[type="email"] { @@ -87,7 +82,6 @@ .footer-links { @include _margin(0px, -15px, 0px, -15px); - text-align: left; } @@ -97,20 +91,9 @@ border: 0; } - .social-media a { - @include _margin(0px, 20px, 0px, 0px); - } - .form--row__input { flex: 1; } - - .ten-yr-badge { - display: block; - position: static; - width: 45%; - margin: 50px 0 0 auto; - } } @media (max-width: $tablet-small-max-width) { @@ -126,7 +109,6 @@ display: grid; } - .external-links, .form--row { flex-direction: column; } @@ -134,19 +116,12 @@ .social-media a { @include _margin(0px, 10px, 0px, 10px); } - - .ten-yr-badge { - width: 60%; - margin: 15px auto 0 auto; - } } } @media (max-width: $tablet-small-max-width) and (min-width: $tablet-small-min-width) { .footer { - - .button, - .external-links { + .button { margin: 0; } @@ -159,16 +134,22 @@ @media (max-width: $mobile-max-width) { .footer { .button { + height: 50px; width: 100%; } + .form__checkbox { + @include _margin(5px, 0px, 20px, 0px); + } + .landscape-logo { max-width: 60%; } - .ten-yr-badge { - width: 20%; - margin: 0; + .social-media { + @include _font-size(70px); + @include _margin(50px, 0px, 25px, 0px); + justify-content: space-between; } } -} \ No newline at end of file +} diff --git a/portal/templates/portal/partials/footer.html b/portal/templates/portal/partials/footer.html index ad3d65ec3..912c00bbc 100644 --- a/portal/templates/portal/partials/footer.html +++ b/portal/templates/portal/partials/footer.html @@ -23,45 +23,58 @@

Coding clubs

-
- {{ news_form.non_field_errors }} -
-
- -
- {{ news_form.email }} - +
+ +
+
+ +
+
+ {{ news_form.non_field_errors }} +
+
+ +
+ {{ news_form.email }} + +
+ {{ news_form.email.help_text }} + {{ news_form.email.errors }}
- {{ news_form.email.help_text }} - {{ news_form.email.errors }}
-
-
-
-
- {{ news_form.age_verification }} +
+
+
+ {{ news_form.age_verification }} +
+

Please confirm that you are over 18.

-

Please confirm that you are over 18.

+
-
- -
-
- - - -
+
+
+ 10 years anniversary +
+
+