Skip to content

Commit

Permalink
updated homepage CTA to add MoFo link (mozilla#14110)
Browse files Browse the repository at this point in the history
  • Loading branch information
reemhamz authored Jan 23, 2024
1 parent f198c79 commit c13c2cd
Show file tree
Hide file tree
Showing 4 changed files with 36 additions and 3 deletions.
10 changes: 7 additions & 3 deletions bedrock/mozorg/templates/mozorg/home/home-new.html
Original file line number Diff line number Diff line change
Expand Up @@ -167,9 +167,9 @@ <h2>{{ ftl('home-mozilla-makes-privacy') }}</h2>
</div>

<section class="c-mission mzp-l-content">
<!-- Manifesto -->
<!-- Foundation -->
{% call split(
block_class='mzp-l-split-center-on-sm-md mzp-l-split-reversed mzp-t-split-nospace',
block_class='mzp-l-split-center-on-sm-md mzp-l-split-reversed mzp-t-split-nospace c-foundation',
image=resp_img(
url='img/home/2023/mofo-split.png',
srcset={
Expand All @@ -184,7 +184,11 @@ <h2>{{ ftl('home-mozilla-makes-privacy') }}</h2>
) %}
<h2>{{ ftl('home-is-mozilla-a-corporation')}}</h2>
<p>{{ ftl('home-mozilla-consists-of') }}</p>
<a href="{{ url('mozorg.about.manifesto') }}" class="mzp-c-button">{{ ftl('home-learn-about-mofo') }}</a>
<a href="https://foundation.mozilla.org/" class="mzp-c-button" rel="external noopener">
<span>{{ ftl('home-learn-about-mofo') }}</span>
<img src="{{ static('img/home/2023/external-link-white.png') }}" alt="" class="external-link-white">
<img src="{{ static('img/home/2023/external-link-black.png') }}" alt="" class="external-link-black">
</a>
{% endcall %}
<hr>
<!-- Contribute -->
Expand Down
29 changes: 29 additions & 0 deletions media/css/mozorg/home/home-new.scss
Original file line number Diff line number Diff line change
Expand Up @@ -167,6 +167,35 @@ header {
@include bidi(((text-align, left, right),));
}
}

.c-foundation {
a {
display: inline-flex;
align-items: center;

img {
margin-left: $spacing-sm;
}

.external-link-white {
display: block;
}

.external-link-black {
display: none;
}

&:hover {
.external-link-white {
display: none;
}

.external-link-black {
display: block;
}
}
}
}
}

.c-about {
Expand Down
Binary file added media/img/home/2023/external-link-black.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added media/img/home/2023/external-link-white.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit c13c2cd

Please sign in to comment.