Updating Twitter references and icons to Xitter [fixes #13980] (#14041)

* updating Twitter to Xitter

* updated more references and links and images to pages

* PR fixes and updating welcome pages footers

* PR fixes #2

* added a11y to social links in leaderpship pages
This commit is contained in:
Reem H 2024-02-28 17:16:06 +11:00 коммит произвёл GitHub
Родитель 7bb1b1555e
Коммит f264fd74ab
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: B5690EEEBB952194
39 изменённых файлов: 118 добавлений и 105 удалений

Просмотреть файл

@ -75,7 +75,7 @@
<section class="mzp-c-footer-section">
<h5 class="mzp-c-footer-heading-social">{{ ftl('footer-follow-mozilla') }}</h5>
<ul class="mzp-c-footer-links-social">
<li><a class="twitter" href="{{ mozilla_twitter_url() }}" data-link-type="footer" data-link-text="Twitter (@mozilla)">{{ ftl('footer-twitter') }}<span> (@mozilla)</span></a></li>
<li><a class="twitter" href="{{ mozilla_twitter_url() }}" data-link-type="footer" data-link-text="Twitter (@mozilla)">{{ ftl('footer-x-formerly-twitter', fallback='footer-twitter') }}<span> (@mozilla)</span></a></li>
<li><a class="mastodon" href="https://mozilla.social/@Mozilla" rel="me" data-link-type="footer" data-link-text="Mastodon (@mozilla)">{{ ftl('footer-mastodon') }}<span> (@mozilla)</span></a></li>
<li><a class="instagram" href="{{ mozilla_instagram_url() }}" data-link-type="footer" data-link-text="Instagram (@mozilla)">{{ ftl('footer-instagram') }}<span> (@mozilla)</span></a></li>
<li><a class="linkedin" href="https://www.linkedin.com/company/mozilla-corporation/" data-link-type="footer" data-link-text="LinkedIn (@mozilla)">{{ ftl('footer-linkedin') }}<span> (@mozilla)</span></a></li>
@ -85,7 +85,7 @@
<h5 class="mzp-c-footer-heading-social">{{ ftl('footer-follow-firefox') }}</h5>
<ul class="mzp-c-footer-links-social">
<li><a class="twitter" href="{{ firefox_twitter_url() }}" data-link-type="footer" data-link-text="Twitter (@firefox)">{{ ftl('footer-twitter') }}<span> (@firefox)</span></a></li>
<li><a class="twitter" href="{{ firefox_twitter_url() }}" data-link-type="footer" data-link-text="Twitter (@firefox)">{{ ftl('footer-x-formerly-twitter', fallback='footer-twitter') }}<span> (@firefox)</span></a></li>
<li><a class="instagram" href="https://www.instagram.com/firefox/" data-link-type="footer" data-link-text="Instagram (@firefox)">{{ ftl('footer-instagram') }}<span> (@firefox)</span></a></li>
<li><a class="youtube" href="https://www.youtube.com/user/firefoxchannel" data-link-type="footer" data-link-text="YouTube (@firefoxchannel)">{{ ftl('footer-youtube') }}<span> (@firefoxchannel)</span></a></li>
</ul>

Просмотреть файл

@ -32,7 +32,7 @@
</li>
<li>
<a href="https://twitter.com/mozilla" class="c-careers-twitter" data-link-text="Twitter">
<span class="visually-hidden">Twitter</span>
<span class="visually-hidden">X (formerly Twitter)</span>
</a>
</li>
<li>

Просмотреть файл

@ -61,7 +61,7 @@
<p>{{ ftl('nightly-whatsnew-this-is-a-good') }}</p>
<p>{{ ftl('nightly-whatsnew-if-you-want-to-v2', blog='https://blog.nightly.mozilla.org/', twitter='https://twitter.com/FirefoxNightly', mastodon='https://mozilla.social/@FirefoxNightly') }}</p>
<p>{{ ftl('nightly-whatsnew-if-you-want-to-v3', blog='https://blog.nightly.mozilla.org/', twitter='https://twitter.com/FirefoxNightly', mastodon='https://mozilla.social/@FirefoxNightly', fallback='nightly-whatsnew-if-you-want-to-v2') }}</p>
<p>
{% set attrs = 'href="#" class="nightly-experiments-link"' %}

Просмотреть файл

@ -384,8 +384,8 @@
<h2>{{ ftl('privacy-book-questions-feedback') }}</h2>
<p>{{ ftl('privacy-book-do-you-have') }}</p>
<h3>Twitter</h3>
<a class="twitter" href="https://twitter.com/firefox" data-link-type="privacy-book" data-link-text="Twitter (@firefox)">{{ ftl('privacy-book-twitter') }}<span> (@firefox)</span></a>
<h3>{{ ftl('privacy-book-x-formerly-twitter', fallback='privacy-book-twitter') }}</h3>
<a class="twitter" href="https://twitter.com/firefox" data-link-type="privacy-book" data-link-text="Twitter (@firefox)">{{ ftl('privacy-book-x', fallback="privacy-book-twitter") }}<span> (@firefox)</span></a>
</section>
{% endblock %}

Просмотреть файл

@ -46,7 +46,7 @@
{%- with twitter='https://twitter.com/FirefoxNightly' -%}
ProTip: Be the first to know the latest changes by subscribing to the Nightly <a href="{{ notes_feed }}">Notes
Feed</a> and <a href="{{ blog_feed }}">News Feed</a>. Also, dont forget to follow us on
<a href="{{ twitter }}">Twitter</a>!
<a href="{{ twitter }}">X (formerly Twitter)</a>!
{%- endwith -%}
</p>
{% endblock %}

Просмотреть файл

@ -27,8 +27,8 @@
<p class="title" itemprop="jobTitle">Executive Chair of the Board, Member of the Nominating and Governance Committee</p>
<ul class="elsewhere">
<li><a class="url twitter" itemprop="url" rel="me external" href="https://twitter.com/MitchellBaker">@MitchellBaker</a></li>
<li><a class="url website" itemprop="url" rel="me external" href="https://blog.lizardwrangler.com">lizardwrangler.com</a></li>
<li><a class="url twitter" itemprop="url" rel="me external" href="https://twitter.com/MitchellBaker"><span class="elsewhere-website">X (formerly Twitter): </span>@MitchellBaker</a></li>
<li><a class="url website" itemprop="url" rel="me external" href="https://blog.lizardwrangler.com"><span class="elsewhere-website">Website: </span>lizardwrangler.com</a></li>
</ul>
<ul class="utility">
@ -468,7 +468,7 @@
make global change visible, accessible, and actionable, and one of the
first publicly traded Public Benefit Corporations. She previously served
as Chief Legal Officer & Corporate Secretary at Mozilla Corporation and
Vice President & Deputy General Counsel at Twitter, along with prior
Vice President & Deputy General Counsel at X (formerly Twitter), along with prior
roles at Google and Bingham McCutchen LLP.</p>
<p>Amys career has focused on enabling open data and the advancement of
@ -507,8 +507,8 @@
enabling technological innovation across and beyond Emerson Collective.</p>
<p>Over the past decades, Raffi has helped companies and organizations build teams
and tech infrastructure designed for impact. He was an executive at Twitter running a
global engineering team focused on making Twitter available and performant for the
and tech infrastructure designed for impact. He was an executive at X (formerly Twitter) running a
global engineering team focused on making X available and performant for the
world. At Uber, he helped start and run the self-driving efforts tasked with building
and deploying the first-ever self-driving and passenger carrying fleet in record time.
His experiences at these industry- and world- changing companies gave him deep
@ -715,7 +715,7 @@
<p>Formerly, Nicole served as Deputy U.S. Chief Technology Officer in the
Obama Administration, focused on internet, privacy, and innovation policy.
Prior to her time in government, Nicole was Googles Vice President and
Deputy General Counsel, and Twitters Legal Director for Products. She
Deputy General Counsel, and X's (formerly Twitter) Legal Director for Products. She
frequently speaks on issues related to law and technology, including five
appearances before the U.S. Congress.</p>

Просмотреть файл

@ -174,7 +174,7 @@ file, You can obtain one at https://mozilla.org/MPL/2.0/.
<ul class="elsewhere">
<li><a class="url mastodon" itemprop="url" rel="me external"
href="https://mozilla.social/@muhlheim">@muhlheim@mozilla.social</a></li>
href="https://mozilla.social/@muhlheim"><span class="elsewhere-website">Mastodon: </span>@muhlheim@mozilla.social</a></li>
</ul>
<ul class="utility">
@ -289,10 +289,10 @@ file, You can obtain one at https://mozilla.org/MPL/2.0/.
<p class="title" itemprop="jobTitle">Chief Product Officer</p>
<ul class="elsewhere">
<li><a class="url twitter" itemprop="url" rel="me external" href="https://twitter.com/stevetex">@stevetex</a>
<li><a class="url twitter" itemprop="url" rel="me external" href="https://twitter.com/stevetex"><span class="elsewhere-website">X (formerly Twitter): </span>@stevetex</a>
</li>
<li><a class="url mastodon" itemprop="url" rel="me external"
href="https://mozilla.social/@stevetex">@stevetex@mozilla.social</a></li>
href="https://mozilla.social/@stevetex"><span class="elsewhere-website">Mastodon: </span>@stevetex@mozilla.social</a></li>
</ul>
<ul class="utility">
@ -312,7 +312,7 @@ file, You can obtain one at https://mozilla.org/MPL/2.0/.
some of the internets biggest challenges — openness, accessibility, safety,
privacy, security, interoperability, individual agency and more.</p>
<p>Previously, Steve worked at Twitter as a Vice President of Product for
<p>Previously, Steve worked at X (formerly Twitter) as a Vice President of Product for
their Machine Learning and Data platforms. Prior to that, Steve led Product
Management, Design and Research in Facebooks Infrastructure organization.
He also spent almost 14 years at Microsoft where he was responsible for
@ -401,7 +401,7 @@ file, You can obtain one at https://mozilla.org/MPL/2.0/.
<ul class="elsewhere">
<li><a class="url mastodon" itemprop="url" rel="me external"
href="https://mozilla.social/@imo">@imo@mozilla.social</a></li>
href="https://mozilla.social/@imo"><span class="elsewhere-website">Mastodon: </span>@imo@mozilla.social</a></li>
</ul>
<ul class="utility">

Просмотреть файл

@ -29,8 +29,8 @@
<p class="title" itemprop="jobTitle">President</p>
<ul class="elsewhere">
<li><a class="url twitter" itemprop="url" rel="me external" href="https://twitter.com/msurman">@msurman</a></li>
<li><a class="url website" itemprop="url" rel="me external" href="https://commonspace.wordpress.com/">Website</a></li>
<li><a class="url twitter" itemprop="url" rel="me external" href="https://twitter.com/msurman"><span class="elsewhere-website">X (formerly Twitter): </span>@msurman</a></li>
<li><a class="url website" itemprop="url" rel="me external" href="https://commonspace.wordpress.com/"> <span class="elsewhere-website">Website: </span>commonspace.wordpress.com</a></li>
</ul>
<ul class="utility">
@ -157,7 +157,7 @@
<p class="title" itemprop="jobTitle">Senior Vice President of Global Advocacy</p>
<ul class="elsewhere">
<li><a class="url twitter" itemprop="url" rel="me external" href="https://twitter.com/ashleyboyd">@ashleyboyd</a></li>
<li><a class="url twitter" itemprop="url" rel="me external" href="https://twitter.com/ashleyboyd"><span class="elsewhere-website">X (formerly Twitter): </span>@ashleyboyd</a></li>
</ul>
<ul class="utility">
@ -217,7 +217,7 @@
<p class="title" itemprop="jobTitle">Chief Operating Officer</p>
<ul class="elsewhere">
<li><a class="url twitter" itemprop="url" rel="me external" href="https://twitter.com/angelaplohman">@angelaplohman</a></li>
<li><a class="url twitter" itemprop="url" rel="me external" href="https://twitter.com/angelaplohman"><span class="elsewhere-website">X (formerly Twitter): </span>@angelaplohman</a></li>
</ul>
<ul class="utility">

Просмотреть файл

@ -92,10 +92,10 @@
market while building a comms team focused on social and community
engagement.</p>
<p>Prior to Alchemy, Brandon worked at Twitter as head of global communications.
<p>Prior to Alchemy, Brandon worked at X (formerly Twitter) as head of global communications.
While there, he helped lead the company's efforts to better secure the
conversation around elections globally and played a key role in redefining
the product narrative, as Twitter made its first significant product
the product narrative, as X made its first significant product
charges in more than a decade. He has also led communications at Ancestry,
helped Quantcast make a pivot to AI, led the crisis communications team
at United Airlines, and worked at the Joele Frank and Brunswick Group,

Просмотреть файл

@ -77,8 +77,8 @@
include_cta=True,
) %}
<p>
<a class="mzp-c-button button-manifesto js-manifesto-share" target="_blank" rel="noopener noreferrer" href="{{ twitter_link('custom', ftl('manifesto-i-support-the-vision-of')) }}" data-link-type="social share" data-link-text="Twitter">
{{ ftl('manifesto-share-on-twitter') }}
<a class="mzp-c-button button-manifesto js-manifesto-share" target="_blank" rel="noopener noreferrer" href="{{ twitter_link('custom', ftl('manifesto-i-support-the-vision-of')) }}" data-link-type="social share" data-link-text="X (formerly Twitter)" aria-label="{{ ftl('manifesto-share-on-x-aria-label') }}">
{{ ftl('manifesto-share-on-x', fallback='manifesto-share-on-twitter') }}
</a>
</p>
{% endcall %}
@ -131,7 +131,7 @@
</li>
</ol>
<footer class="content principles-foot">
<p><a class="mzp-c-button button-manifesto js-manifesto-share" target="_blank" rel="noopener noreferrer" href="{{ twitter_link('custom', ftl('manifesto-i-support-the-vision-of')) }}" data-link-type="social share" data-link-text="Twitter">{{ ftl('manifesto-share-on-twitter') }}</a></p>
<p><a class="mzp-c-button button-manifesto js-manifesto-share" target="_blank" rel="noopener noreferrer" href="{{ twitter_link('custom', ftl('manifesto-i-support-the-vision-of')) }}" data-link-type="social share" data-link-text="Twitter" aria-label="{{ ftl('manifesto-share-on-x-aria-label') }}">{{ ftl('manifesto-share-on-x', fallback='manifesto-share-on-twitter') }}</a></p>
<p><a class="mzp-c-cta-link" href="{{ url('mozorg.about.manifesto-details') }}">{{ ftl('manifesto-read-the-entire-manifesto') }}</a></p>
</footer>
</section>

Просмотреть файл

@ -51,7 +51,7 @@
<h4>Find us online</h4>
<ul class="mzp-u-list-styled">
<li><a href="https://facebook.com/mozilla" hreflang="en-US" rel="external">Facebook</a></li>
<li><a href="{{ mozilla_twitter_url() }}" rel="external">Twitter</a></li>
<li><a href="{{ mozilla_twitter_url() }}" rel="external">X (formerly Twitter)</a></li>
<li><a href="{{ url('mozorg.about.forums.forums') }}">Forums &amp; e-mail lists</a></li>
</ul>
</div>

Просмотреть файл

@ -66,7 +66,7 @@
<li><a class="instagram" href="{{ mozilla_instagram_url() }}" data-link-type="footer" data-link-text="Instagram (@mozilla)">{{ ftl('opt-out-confirmation-instagram') }}<span> (@mozilla)</span></a></li>
<li><a class="youtube" href="https://www.youtube.com/firefoxchannel" data-link-type="footer" data-link-text="YouTube (firefoxchannel)">{{ ftl('opt-out-confirmation-youtube') }}<span> (firefoxchannel)</span></a></li>
<li><a class="facebook" href="https://www.facebook.com/Firefox" data-link-type="footer" data-link-text="Facebook (Firefox)">{{ ftl('opt-out-confirmation-facebook') }}<span> (Firefox)</span></a></li>
<li><a class="twitter" href="{{ firefox_twitter_url() }}" data-link-type="footer" data-link-text="Twitter (@firefox)">{{ ftl('opt-out-confirmation-twitter') }}<span> (@firefox)</span></a></li>
<li><a class="twitter" href="{{ firefox_twitter_url() }}" data-link-type="footer" data-link-text="Twitter (@firefox)">{{ ftl('opt-out-confirmation-x-formerly-twitter', fallback='opt-out-confirmation-twitter') }}<span> (@firefox)</span></a></li>
</ul>
</aside>
</div>{#-- /.content --#}

Просмотреть файл

@ -38,7 +38,7 @@
<h2 class="contact-info-subheader">Follow Us</h2>
<p class="contact-info-body-text"><a href="https://blog.getpocket.com/">Pocket Blog</a></p>
<p class="contact-info-body-text">Twitter (<a href="https://twitter.com/pocket">@pocket</a>, <a href="https://twitter.com/pocketsupport">@pocketsupport</a>)</p>
<p class="contact-info-body-text">X (formerly Twitter) (<a href="https://twitter.com/pocket">@pocket</a>, <a href="https://twitter.com/pocketsupport">@pocketsupport</a>)</p>
<p class="contact-info-body-text"><a href="https://www.facebook.com/getpocket">Facebook</a></p>
<p class="contact-info-body-text"><a href="https://www.instagram.com/pocket/">Instagram</a></p>

Просмотреть файл

@ -30,10 +30,8 @@
width="28px"
height="28px"
>
<title>Twitter</title>
<path
d="M9.55,23.75a13.92,13.92,0,0,0,14-14c0-.21,0-.42,0-.64A9.9,9.9,0,0,0,26,6.56a10.24,10.24,0,0,1-2.83.77,5,5,0,0,0,2.17-2.72A10.08,10.08,0,0,1,22.21,5.8a4.93,4.93,0,0,0-8.39,4.49A14,14,0,0,1,3.67,5.15a4.92,4.92,0,0,0,1.52,6.57A4.73,4.73,0,0,1,3,11.1v.07a4.91,4.91,0,0,0,4,4.82,4.9,4.9,0,0,1-2.22.09,4.93,4.93,0,0,0,4.6,3.42,9.92,9.92,0,0,1-6.12,2.11A9.18,9.18,0,0,1,2,21.54a14,14,0,0,0,7.55,2.21"
/>
<title>X (formerly Twitter)</title>
<path d="M12.6009 1H15.0544L9.69434 7.31003L16 15.8966H11.0627L7.19566 10.6889L2.77087 15.8966H0.315951L6.04904 9.14727L0 1H5.06262L8.55811 5.76002L12.6009 1ZM11.7399 14.384H13.0993L4.32392 2.43312H2.86506L11.7399 14.384Z" fill="black"/>
</svg>
</a>
</li>

Просмотреть файл

@ -116,7 +116,7 @@
</div>
<section class="c-stories-social-share">
<ul class="social-share-list">
<li class="social-share-item"><a target="_blank" href="https://twitter.com/share?url=http://www.mozilla.org{{ request.path }}&text={{ self.article_title()|urlencode }}" class="twitter">Twitter</a></li>
<li class="social-share-item"><a target="_blank" href="https://twitter.com/share?url=http://www.mozilla.org{{ request.path }}&text={{ self.article_title()|urlencode }}" class="twitter">X (formerly Twitter)</a></li>
<li class="social-share-item"><a target="_blank" href="https://getpocket.com/save?url=http://www.mozilla.org{{ request.path }}&title={{ self.article_title()|urlencode }}" class="pocket">Pocket</a></li>
<li class="social-share-item"><a target="_blank" href="https://www.linkedin.com/sharing/share-offsite/?mini=true&url=http://www.mozilla.org{{ request.path }}" class="linkedin">LinkedIn</a></li>
</ul>

Просмотреть файл

@ -16,6 +16,13 @@ nightly-whatsnew-every-4-to-5-weeks = Every 4 to 5 weeks, a new major version of
nightly-whatsnew-this-is-a-good = This is a good time to thank you for helping us make { -brand-name-firefox } better and to give you some pointers to documentation, communication channels and news sites related to { -brand-name-nightly } that may be of interest to you.
# Variables:
# $blog (url) - link to https://blog.nightly.mozilla.org/
# $mastodon (url) - link to https://mozilla.social/@FirefoxNightly
# $twitter (url) - link to https://twitter.com/FirefoxNightly
nightly-whatsnew-if-you-want-to-v3 = If you want to know whats happening around { -brand-name-nightly } and its community, reading our <a href="{ $blog }">blog</a> and following us on <a href="{ $mastodon }">Mastodon</a> or <a href="{ $twitter }">X</a> are good starting points!
# Obsolete string
# Variables:
# $blog (url) - link to https://blog.nightly.mozilla.org/
# $mastodon (url) - link to https://mozilla.social/@FirefoxNightly

Просмотреть файл

@ -206,4 +206,8 @@ privacy-book-questions-feedback = Questions & Feedback
privacy-book-do-you-have = Do you have questions or feedback? Please dont hesitate to reach out to us, were looking forward to hearing from you!
# Obsolete string
privacy-book-twitter = { -brand-name-twitter }
privacy-book-x = X
privacy-book-x-formerly-twitter = X (formerly Twitter)

Просмотреть файл

@ -38,7 +38,12 @@ footer-websites-legal = Legal
footer-language = Language
footer-go = Go
footer-donate = Donate
# Obsolete string
footer-twitter = { -brand-name-twitter }
footer-x = X
footer-x-formerly-twitter = X (formerly Twitter)
footer-mastodon = { -brand-name-mastodon }
footer-instagram = { -brand-name-instagram }
footer-youtube = { -brand-name-youtube }

Просмотреть файл

@ -56,7 +56,12 @@ manifesto-we-are-committed-to-diverse = We are committed to an internet that cat
manifesto-show-your-support = Show Your Support
manifesto-an-internet-with-these = An internet with these qualities will not come to life on its own. Individuals and organizations must embed these aspirations into internet technology and into the human experience with the internet. The { -brand-name-mozilla } Manifesto and Addendum represent { -brand-name-mozilla }s commitment to advancing these aspirations. We aim to work together with people and organizations everywhere who share these goals to make the internet an even better place for everyone.
manifesto-i-support-the-vision-of = I support the vision of a better, healthier internet from @mozilla, will you join me?
# Obsolete string
manifesto-share-on-twitter = Share on { -brand-name-twitter }
manifesto-share-on-x = Share on X
manifesto-share-on-x-aria-label = Share on X (formerly Twitter)
manifesto-our-10-principles = <strong>Our 10</strong> Principles
manifesto-read-the-entire-manifesto = Read the entire manifesto
manifesto-love-the-web = Love the web?

Просмотреть файл

@ -40,4 +40,7 @@ opt-out-confirmation-youtube = { -brand-name-youtube }
opt-out-confirmation-facebook = { -brand-name-facebook }
# Link to https://twitter.com/firefox
opt-out-confirmation-x-formerly-twitter = X (formerly Twitter)
# Obsolete string
opt-out-confirmation-twitter = { -brand-name-twitter }

Просмотреть файл

@ -47,7 +47,7 @@ $image-path: '/media/protocol/img';
}
&.c-careers-twitter {
background-image: url('#{$image-path}/icons/social/twitter/black.svg');
background-image: url('#{$image-path}/icons/social/x/black.svg');
}
&.c-careers-glassdoor {

Просмотреть файл

@ -134,6 +134,7 @@ $image-path: '/media/protocol/img';
}
&.twitter::before {
background-size: 27px auto;
background-position: 0 3px;
}

Просмотреть файл

@ -152,13 +152,17 @@ $image-path: '/media/protocol/img';
.mzp-c-footer-links-social li {
a.twitter {
background-image: url('/media/protocol/img/icons/social/twitter/white.svg');
background-image: url('/media/protocol/img/icons/social/x/white.svg');
}
a.instagram {
background-image: url('/media/protocol/img/icons/social/instagram/white.svg');
}
a.mastodon {
background-image: url('/media/img/logos/social/mastodon-white.svg');
}
a.youtube {
background-image: url('/media/protocol/img/icons/social/youtube/white.svg');
}

Просмотреть файл

@ -183,13 +183,17 @@ $image-path: '/media/protocol/img';
.mzp-c-footer-links-social li {
a.twitter {
background-image: url('/media/protocol/img/icons/social/twitter/white.svg');
background-image: url('/media/protocol/img/icons/social/x/white.svg');
}
a.instagram {
background-image: url('/media/protocol/img/icons/social/instagram/white.svg');
}
a.mastodon {
background-image: url('/media/img/logos/social/mastodon-white.svg');
}
a.youtube {
background-image: url('/media/protocol/img/icons/social/youtube/white.svg');
}

Просмотреть файл

@ -183,13 +183,17 @@ $image-path: '/media/protocol/img';
.mzp-c-footer-links-social li {
a.twitter {
background-image: url('/media/protocol/img/icons/social/twitter/white.svg');
background-image: url('/media/protocol/img/icons/social/x/white.svg');
}
a.instagram {
background-image: url('/media/protocol/img/icons/social/instagram/white.svg');
}
a.mastodon {
background-image: url('/media/img/logos/social/mastodon-white.svg');
}
a.youtube {
background-image: url('/media/protocol/img/icons/social/youtube/white.svg');
}

Просмотреть файл

@ -125,7 +125,7 @@ $image-path: '/media/protocol/img';
.mzp-c-footer-links-social li {
a.twitter {
background-image: url('/media/protocol/img/icons/social/twitter/white.svg');
background-image: url('/media/protocol/img/icons/social/x/white.svg');
}
a.mastodon {

Просмотреть файл

@ -140,7 +140,7 @@ $image-path: '/media/protocol/img';
.mzp-c-footer-links-social li {
a.twitter {
background-image: url('/media/protocol/img/icons/social/twitter/white.svg');
background-image: url('/media/protocol/img/icons/social/x/white.svg');
}
a.mastodon {

Просмотреть файл

@ -234,7 +234,7 @@ $image-path: '/media/protocol/img';
.mzp-c-footer-links-social li {
a.twitter {
background-image: url('/media/protocol/img/icons/social/twitter/white.svg');
background-image: url('/media/protocol/img/icons/social/x/white.svg');
}
a.mastodon {

Просмотреть файл

@ -49,7 +49,7 @@
.mzp-c-footer-links-social li {
a.twitter {
background-image: url('/media/protocol/img/icons/social/twitter/white.svg');
background-image: url('/media/protocol/img/icons/social/x/white.svg');
}
a.instagram {

Просмотреть файл

@ -160,7 +160,7 @@ $image-path: '/media/protocol/img';
}
a.website::before { background-image: url('/media/protocol/img/icons/globe.svg'); }
a.twitter::before { background-image: url('/media/protocol/img/icons/social/twitter/black.svg'); }
a.twitter::before { background-image: url('/media/protocol/img/icons/social/x/black.svg'); }
a.mastodon::before { background-image: url('/media/img/logos/social/mastodon-black.svg'); }
a.profile::before { background-image: url('/media/protocol/img/icons/accounts.svg'); }
a.file::before { background-image: url('/media/protocol/img/icons/file-image.svg'); }
@ -179,6 +179,12 @@ $image-path: '/media/protocol/img';
@include hidden;
}
.elsewhere {
.elsewhere-website {
@include visually-hidden;
}
}
a {
color: $color-black;
text-decoration: none;

Просмотреть файл

@ -69,29 +69,28 @@ aside {
display: block;
@include image-replaced;
background-image: url('/media/img/logos/social/social-icon-sprite-dark.svg');
background-repeat: no-repeat;
background-size: 27px auto;
width: 28px;
height: 28px;
&.twitter {
background-position: 0 0;
width: 18px;
height: 15px;
background-position: -3px 5px;
background-size: 34px;
}
&.instagram {
background-position: 0 -18px;
width: 18px;
height: 19px;
background-position: 0 -27px;
background-repeat: no-repeat;
}
&.youtube {
background-position: 0 -45px;
width: 17px;
height: 14px;
background-position: -1px -66px;
background-size: 30px auto;
}
&.facebook {
background-position: 0 -83px;
width: 18px;
height: 18px;
background-position: 0 -88px;
}
}
}

Просмотреть файл

@ -207,23 +207,11 @@ $pocket-image-path: '/media/img/pocket';
width: 20px;
&.twitter {
background-image: url('/media/img/pocket/platform-footer/twitter-logo.svg');
&:hover,
&:focus,
&:active {
background-image: url('#{$image-path}/icons/social/twitter/brand.svg');
}
background-image: url('#{$image-path}/icons/social/x/black.svg');
}
&.facebook {
background-image: url('/media/img/pocket/platform-footer/facebook-logo.svg');
&:hover,
&:focus,
&:active {
background-image: url('#{$image-path}/icons/social/facebook/brand.svg');
}
background-image: url('#{$image-path}/icons/social/facebook/black.svg');
}
span {

Просмотреть файл

@ -97,8 +97,8 @@ $image-path: '/media/protocol/img';
background-size: 20px 20px;
cursor: pointer;
display: block;
height: 20px;
width: 20px;
height: 30px;
width: 30px;
.svg-social {
fill: currentColor;
@ -109,6 +109,9 @@ $image-path: '/media/protocol/img';
transition: color 100ms ease-in-out;
&.twitter {
width: 50px;
height: 45px;
&:hover,
&:focus,
&:active {

Просмотреть файл

@ -31,6 +31,10 @@ $image-path: '/media/protocol/img';
&.mastodon {
background-image: url('/media/img/logos/social/mastodon-white.svg');
}
&.twitter {
background-image: url('#{$image-path}/icons/social/x/white.svg');
}
}
}
}
@ -63,7 +67,7 @@ $image-path: '/media/protocol/img';
.mzp-c-footer-links-social li a {
&.twitter {
background-image: url('#{$image-path}/icons/social/twitter/black.svg');
background-image: url('#{$image-path}/icons/social/x/black.svg');
}
&.instagram {

Просмотреть файл

@ -501,7 +501,7 @@ html.mzp-has-sticky-navigation .c-navigation.mzp-is-sticky {
margin: $spacing-sm;
&.twitter {
background-image: url('/media/img/stories/icons/twitter-icon.svg');
background-image: url('#{$image-path}/icons/social/x/black.svg');
}
&.instagram {
@ -509,11 +509,11 @@ html.mzp-has-sticky-navigation .c-navigation.mzp-is-sticky {
}
&.linkedin {
background-image: url('/media/img/stories/icons/linkedin-icon.svg');
background-image: url('#{$image-path}/icons/social/linkedin/black.svg');
}
&.pocket {
background-image: url('/media/img/stories/icons/pocket-icon.svg');
background-image: url('#{$image-path}/icons/social/pocket/black.svg');
}
@media (prefers-reduced-motion: no-preference) {
&:hover {

Просмотреть файл

@ -1 +1 @@
<svg width="19" height="101" viewBox="0 0 19 121" xmlns="http://www.w3.org/2000/svg"><path d="M5.654 14.636c6.793 0 10.51-5.632 10.51-10.51 0-.157 0-.316-.008-.474A7.551 7.551 0 0 0 18 1.736a7.48 7.48 0 0 1-2.125.583A3.717 3.717 0 0 0 17.503.273a7.35 7.35 0 0 1-2.348.893A3.691 3.691 0 0 0 12.46 0a3.698 3.698 0 0 0-3.694 3.695c0 .288.036.57.094.843A10.484 10.484 0 0 1 1.246.678 3.706 3.706 0 0 0 2.39 5.61a3.71 3.71 0 0 1-1.67-.46v.05a3.702 3.702 0 0 0 2.96 3.624c-.31.086-.633.13-.972.13-.237 0-.468-.022-.69-.066a3.692 3.692 0 0 0 3.45 2.565 7.415 7.415 0 0 1-4.59 1.584 7.1 7.1 0 0 1-.878-.05 10.51 10.51 0 0 0 5.654 1.65"/><g transform="translate(0 25)"><path d="M9.5 1.714c2.536 0 2.836.01 3.838.056.926.042 1.428.196 1.763.327.414.152.787.395 1.093.71.316.306.558.68.71 1.092.13.334.285.836.328 1.762.046 1.002.056 1.302.056 3.838s-.01 2.836-.055 3.838c-.042.926-.196 1.43-.326 1.763a3.147 3.147 0 0 1-1.803 1.804c-.334.13-.836.284-1.762.327-1.002.046-1.302.056-3.838.056s-2.836-.01-3.838-.055c-.926-.042-1.43-.196-1.763-.326a2.945 2.945 0 0 1-1.093-.71 2.936 2.936 0 0 1-.71-1.093c-.13-.333-.285-.836-.328-1.762-.046-1.002-.056-1.302-.056-3.838s.01-2.836.055-3.838c.042-.926.196-1.428.326-1.763.153-.414.396-.787.71-1.093.307-.315.68-.558 1.093-.71.334-.13.837-.285 1.762-.327 1.002-.046 1.302-.056 3.838-.056zm0-1.71c-2.58 0-2.903.01-3.915.056-1.01.046-1.702.207-2.306.442a4.656 4.656 0 0 0-1.683 1.095A4.672 4.672 0 0 0 .5 3.28C.268 3.882.107 4.573.06 5.583.014 6.597.003 6.92.003 9.5s.01 2.903.057 3.916c.046 1.01.207 1.7.442 2.305a4.63 4.63 0 0 0 1.095 1.683c.475.483 1.05.857 1.682 1.095.603.235 1.294.396 2.305.442 1.012.046 1.336.057 3.915.057 2.58 0 2.903-.01 3.916-.057 1.01-.046 1.7-.207 2.305-.442a4.855 4.855 0 0 0 2.78-2.777c.233-.603.394-1.294.44-2.304.046-1.013.057-1.337.057-3.916 0-2.58-.01-2.903-.057-3.916-.046-1.01-.207-1.7-.44-2.305a4.661 4.661 0 0 0-1.097-1.683A4.65 4.65 0 0 0 15.72.5c-.603-.233-1.293-.394-2.304-.44C12.403.014 12.08.003 9.5.003z"/><path d="M9.5 4.623a4.878 4.878 0 1 0 .001 9.755A4.878 4.878 0 0 0 9.5 4.623zm0 8.043a3.167 3.167 0 1 1 .001-6.333 3.167 3.167 0 0 1-.001 6.333z"/><circle cx="14.57" cy="4.43" r="1.14"/></g><path d="M7.333 62.897v-5.193l4.994 2.606-4.994 2.587zM18.3 56.804s-.183-1.274-.737-1.834c-.703-.736-1.49-.74-1.852-.783C13.126 54 9.246 54 9.246 54h-.008s-3.88 0-6.468.187c-.36.043-1.147.047-1.85.783-.556.56-.736 1.834-.736 1.834S0 58.3 0 59.796v1.402c0 1.496.185 2.992.185 2.992s.18 1.273.734 1.834c.702.736 1.626.713 2.037.79 1.48.142 6.285.186 6.285.186s3.884-.006 6.47-.193c.36-.043 1.15-.047 1.852-.783.554-.56.735-1.834.735-1.834s.183-1.496.183-2.992v-1.402c0-1.496-.184-2.992-.184-2.992zM6.823 95.68v-9H9.78l.393-3.103h-3.35l.005-1.552c0-.81.09-1.243 1.475-1.243h1.85V77.68h-2.96c-3.553 0-4.803 1.505-4.803 4.035v1.863H.172v3.102H2.39v9h4.433z" fill-rule="evenodd"/><g fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2.7 106.523h13.6c.935 0 1.7.765 1.7 1.7v10.2c0 .935-.765 1.7-1.7 1.7H2.7c-.935 0-1.7-.765-1.7-1.7v-10.2c0-.935.765-1.7 1.7-1.7z" stroke-width="1.7"/><path d="M18 108.223l-8.5 5.95-8.5-5.95" stroke-width="1.7"/></g></svg>
<svg width="79" height="421" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.067 376.172c-.08.371-.088.751-.025 1.12v34.868c0 4.864 3.986 8.84 8.863 8.84h47.231c4.878 0 8.864-3.976 8.864-8.84v-35.325l-.001-.121C71.93 371.907 67.97 368 63.136 368h-47.23c-4.653 0-8.494 3.617-8.839 8.172Zm59.024 6.286L41.194 399.84a2.962 2.962 0 0 1-3.388 0L12.95 382.488v29.672c0 1.61 1.34 2.946 2.954 2.946h47.231c1.614 0 2.955-1.336 2.955-2.946v-29.702Zm-.332-6.962L39.5 393.829l-26.228-18.311a2.978 2.978 0 0 1 2.633-1.624h47.231c1.131 0 2.127.656 2.623 1.602Z" fill="#000"/><path d="M54.166 3.188h7.82L44.9 23.3 65 50.67H49.262l-12.326-16.6-14.104 16.6h-7.825l18.274-21.514L14 3.187h16.137L41.28 18.36 54.165 3.188Zm-2.745 42.66h4.333L27.783 7.757h-4.65L51.42 45.849ZM33.436 333v-28.744H23.75v-11.182h9.686v-8.269c0-9.568 5.828-14.805 14.372-14.805 4.095 0 7.6.315 8.623.433v10.001h-5.906c-4.646 0-5.552 2.205-5.552 5.434v7.166h11.104l-1.457 11.222h-9.647V333H33.436ZM72.333 197.1s-.655-4.619-2.67-6.648c-2.552-2.669-5.404-2.682-6.713-2.839-9.37-.681-23.437-.681-23.437-.681h-.026s-14.068 0-23.437.681c-1.309.157-4.161.17-6.713 2.839-2.015 2.029-2.657 6.648-2.657 6.648S6 202.531 6 207.948v5.078c0 5.417.667 10.848.667 10.848s.655 4.619 2.657 6.648c2.552 2.669 5.902 2.578 7.393 2.865 5.366.511 22.783.668 22.783.668s14.08-.026 23.45-.694c1.309-.157 4.161-.17 6.713-2.839 2.015-2.029 2.67-6.648 2.67-6.648s.667-5.418.667-10.848v-5.078c0-5.417-.667-10.848-.667-10.848Zm-39.755 22.089v-18.83l18.097 9.448-18.097 9.382Z" fill="#000"/><g clip-path="url(#a)" fill="#000"><path d="M39.5 93.033c8.95 0 10.01.039 13.53.196 3.272.144 5.039.694 6.217 1.151 1.557.602 2.682 1.335 3.847 2.5 1.178 1.178 1.897 2.29 2.5 3.847.457 1.178 1.007 2.958 1.15 6.216.158 3.533.197 4.593.197 13.531 0 8.951-.039 10.011-.196 13.531-.144 3.271-.694 5.038-1.152 6.216-.602 1.557-1.334 2.682-2.5 3.847-1.177 1.178-2.29 1.897-3.846 2.499-1.178.458-2.958 1.008-6.216 1.152-3.533.157-4.593.196-13.531.196-8.95 0-10.01-.039-13.53-.196-3.272-.144-5.039-.694-6.217-1.152-1.557-.602-2.682-1.335-3.847-2.499-1.178-1.178-1.897-2.29-2.5-3.847-.457-1.178-1.007-2.958-1.15-6.216-.158-3.534-.197-4.593-.197-13.531 0-8.951.039-10.011.196-13.531.144-3.272.694-5.038 1.152-6.216.602-1.557 1.334-2.683 2.5-3.847 1.177-1.178 2.29-1.898 3.846-2.5 1.178-.457 2.958-1.007 6.216-1.151 3.52-.157 4.58-.196 13.531-.196Zm0-6.033c-9.095 0-10.233.04-13.806.196-3.559.157-6.006.733-8.126 1.558-2.212.863-4.083 2.002-5.941 3.873-1.871 1.858-3.01 3.73-3.873 5.928-.825 2.133-1.4 4.567-1.558 8.126C6.04 110.267 6 111.405 6 120.5s.04 10.233.196 13.806c.157 3.559.733 6.006 1.558 8.126.863 2.212 2.002 4.083 3.873 5.941 1.858 1.858 3.73 3.01 5.928 3.86 2.133.825 4.567 1.401 8.126 1.558 3.573.157 4.711.196 13.806.196 9.095 0 10.233-.039 13.806-.196 3.559-.157 6.006-.733 8.126-1.558 2.198-.85 4.07-2.002 5.928-3.86 1.858-1.858 3.01-3.729 3.86-5.928.825-2.133 1.4-4.567 1.558-8.126.156-3.573.196-4.711.196-13.806 0-9.095-.04-10.233-.197-13.806-.157-3.559-.732-6.006-1.557-8.126-.824-2.225-1.963-4.096-3.834-5.954-1.858-1.858-3.73-3.01-5.928-3.86-2.133-.825-4.567-1.4-8.126-1.558C49.733 87.04 48.595 87 39.5 87Z"/><path d="M39.5 103.292c-9.5 0-17.208 7.708-17.208 17.208 0 9.5 7.708 17.208 17.208 17.208 9.5 0 17.208-7.708 17.208-17.208 0-9.5-7.708-17.208-17.208-17.208Zm0 28.37c-6.163 0-11.162-4.999-11.162-11.162 0-6.163 4.998-11.162 11.162-11.162 6.163 0 11.162 4.999 11.162 11.162 0 6.163-4.998 11.162-11.162 11.162ZM61.406 102.611a4.019 4.019 0 0 1-8.035 0 4.018 4.018 0 0 1 4.017-4.017 4.027 4.027 0 0 1 4.018 4.017Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(6 87)" d="M0 0h67v67H0z"/></clipPath></defs></svg>

До

Ширина:  |  Высота:  |  Размер: 3.1 KiB

После

Ширина:  |  Высота:  |  Размер: 3.6 KiB

Просмотреть файл

@ -1,28 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="101">
<defs>
<g id="icon-twitter">
<path d="M5.654 14.636c6.793 0 10.51-5.632 10.51-10.51 0-.157 0-.316-.008-.474.72-.52 1.347-1.174 1.844-1.916-.663.295-1.376.49-2.125.583.764-.454 1.347-1.182 1.628-2.046-.713.425-1.505.727-2.348.893C14.478.447 13.52 0 12.46 0c-2.037 0-3.694 1.657-3.694 3.695 0 .288.036.57.094.843-3.07-.15-5.792-1.628-7.614-3.86C.93 1.223.75 1.857.75 2.534c0 1.283.655 2.413 1.64 3.076-.604-.02-1.173-.186-1.67-.46v.05c0 1.787 1.275 3.285 2.96 3.624-.31.086-.633.13-.972.13-.237 0-.468-.022-.69-.066.467 1.47 1.836 2.536 3.45 2.565-1.27.994-2.86 1.584-4.59 1.584-.295 0-.59-.014-.878-.05 1.628 1.037 3.573 1.65 5.654 1.65" fill-rule="nonzero" fill="#FFF"/>
</g>
<g id="icon-instagram">
<g fill-rule="nonzero" fill="#FFF">
<path d="M9.5 1.714c2.536 0 2.836.01 3.838.056.926.042 1.428.196 1.763.327.414.152.787.395 1.093.71.316.306.558.68.71 1.092.13.334.285.836.328 1.762.046 1.002.056 1.302.056 3.838s-.01 2.836-.055 3.838c-.042.926-.196 1.43-.326 1.763-.32.83-.975 1.484-1.803 1.804-.334.13-.836.284-1.762.327-1.002.046-1.302.056-3.838.056s-2.836-.01-3.838-.055c-.926-.042-1.43-.196-1.763-.326-.414-.153-.787-.395-1.093-.71-.316-.307-.558-.68-.71-1.093-.13-.333-.285-.836-.328-1.762-.046-1.002-.056-1.302-.056-3.838s.01-2.836.055-3.838c.042-.926.196-1.428.326-1.763.153-.414.396-.787.71-1.093.307-.315.68-.558 1.093-.71.334-.13.837-.285 1.762-.327 1.002-.046 1.302-.056 3.838-.056zm0-1.71c-2.58 0-2.903.01-3.915.056-1.01.046-1.702.207-2.306.442-.634.238-1.208.612-1.683 1.095C1.114 2.07.74 2.645.5 3.28.268 3.882.107 4.573.06 5.583.014 6.597.003 6.92.003 9.5c0 2.58.01 2.903.057 3.916.046 1.01.207 1.7.442 2.305.238.635.612 1.21 1.095 1.683.475.483 1.05.857 1.682 1.095.603.235 1.294.396 2.305.442 1.012.046 1.336.057 3.915.057 2.58 0 2.903-.01 3.916-.057 1.01-.046 1.7-.207 2.305-.442 1.277-.493 2.285-1.5 2.78-2.777.233-.603.394-1.294.44-2.304.046-1.013.057-1.337.057-3.916 0-2.58-.01-2.903-.057-3.916-.046-1.01-.207-1.7-.44-2.305-.24-.635-.614-1.21-1.097-1.683C16.93 1.114 16.355.74 15.72.5c-.603-.233-1.293-.394-2.304-.44C12.403.014 12.08.003 9.5.003z"/><path d="M9.5 4.623c-2.693 0-4.877 2.184-4.877 4.877 0 2.693 2.184 4.877 4.877 4.877 2.693 0 4.877-2.184 4.877-4.877 0-2.693-2.184-4.877-4.877-4.877zm0 8.043c-1.748 0-3.166-1.418-3.166-3.166S7.752 6.334 9.5 6.334s3.166 1.418 3.166 3.166-1.418 3.166-3.166 3.166z"/>
<circle cx="14.57" cy="4.43" r="1.14"/>
</g>
</g>
<g id="icon-youtube">
<path d="M7.333 8.897V3.704l4.994 2.606-4.994 2.587zM18.3 2.804S18.117 1.53 17.563.97c-.703-.736-1.49-.74-1.852-.783C13.126 0 9.246 0 9.246 0h-.008S5.358 0 2.77.187C2.41.23 1.623.234.92.97.364 1.53.184 2.804.184 2.804S0 4.3 0 5.796v1.402c0 1.496.185 2.992.185 2.992s.18 1.273.734 1.834c.702.736 1.626.713 2.037.79 1.48.142 6.285.186 6.285.186s3.884-.006 6.47-.193c.36-.043 1.15-.047 1.852-.783.554-.56.735-1.834.735-1.834s.183-1.496.183-2.992V5.796c0-1.496-.184-2.992-.184-2.992z" fill="#fff" fill-rule="evenodd"/>
</g>
<g id="icon-facebook">
<path d="M6.823 18.68v-9H9.78l.393-3.103h-3.35l.005-1.552c0-.81.09-1.243 1.475-1.243h1.85V.68h-2.96C3.64.68 2.39 2.185 2.39 4.715v1.863H.172V9.68H2.39v9h4.433z" fill="#FFF" fill-rule="evenodd"/>
</g>
</defs>
<use x="0" y="0" width="18" height="15" xlink:href="#icon-twitter" />
<use x="0" y="25" width="19" height="19" xlink:href="#icon-instagram" />
<use x="0" y="54" width="19" height="13" xlink:href="#icon-youtube" />
<use x="0" y="77" width="10" height="19" xlink:href="#icon-facebook" />
</svg>

До

Ширина:  |  Высота:  |  Размер: 3.6 KiB

Просмотреть файл

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6009 1H15.0544L9.69434 7.31003L16 15.8966H11.0627L7.19566 10.6889L2.77087 15.8966H0.315951L6.04904 9.14727L0 1H5.06262L8.55811 5.76002L12.6009 1ZM11.7399 14.384H13.0993L4.32392 2.43312H2.86506L11.7399 14.384Z" fill="black"/>
</svg>

После

Ширина:  |  Высота:  |  Размер: 341 B

Просмотреть файл

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6009 1H15.0544L9.69434 7.31003L16 15.8966H11.0627L7.19566 10.6889L2.77087 15.8966H0.315951L6.04904 9.14727L0 1H5.06262L8.55811 5.76002L12.6009 1ZM11.7399 14.384H13.0993L4.32392 2.43312H2.86506L11.7399 14.384Z" fill="white"/>
</svg>

После

Ширина:  |  Высота:  |  Размер: 341 B