bitwarden/help
1
0
Fork 0
mirror of https://github.com/bitwarden/help synced 2025-12-06 00:03:30 +00:00
Code Issues Releases Wiki Activity

removing article from slug and updating width and footer (#139)

Browse Source 
* removing article from slug and updating width and footer

* ruby plugin for redirects

* removing help article slug

* help article clean up

* relative url
This commit is contained in:
David Choi
2020-08-04 13:24:37 -05:00
committed by GitHub
parent 59e55a5817
commit 5c13c65b73
8 changed files with 203 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.github/workflows/build.yml vendored
View File

@@ -4,9 +4,7 @@ on: push
jobs:
build:
runs-on: ubuntu-latest
steps:
- name: Set up Node
uses: actions/setup-node@v1

17
_articles/account/bitwarden-field-guide-two-step-login.md
View File

@@ -9,6 +9,7 @@ tags: [tutorial, two-step login, 2fa, two factor authentication]
---
## Introducing Two-Step Login
Two-step Login, a type of two-factor authentication, is a technique used to increase the security of websites and apps that contain sensitive data. During the login process, when a user accesses an application or website, they are required to enter another credential beyond just a username and password, usually from a different device, to verify their identity.
{% image two-step/field-guide/two-step-login-basic-setup.png %}
@@ -30,6 +31,7 @@ In this post, we’ll examine how to use Bitwarden with different implementation
Keep in mind that security often involves a tradeoff between protection and convenience. While we will share different approaches, you can always choose only the ones that are appropriate for you.
### Securing Your Password Manager with Two-step Login
Of course, we recommend that you secure your password manager itself with two-step login.
Two-step login (or two-factor authentication, sometimes abbreviated 2FA) greatly increases the security of your account by requiring you to complete a secondary step while logging into Bitwarden (in addition to your master password). Even if someone were to discover your master password, they could not log into your Bitwarden account without access to the secondary step.
@@ -49,7 +51,7 @@ Within the Bitwarden Premium account
- YubiKey (any 4/5 series device or YubiKey NEO/NFC)
- FIDO U2F (any FIDO U2F certified key)
Visit [bitwarden.com/help/article/setup-two-step-login]({% link _articles/account/setup-two-step-login.md %}){:target="_blank"} for direct links to all of the above two-step login setup methods.
Visit [bitwarden.com/help/article/setup-two-step-login]({% link _articles/account/setup-two-step-login.md %}){:target="\_blank"} for direct links to all of the above two-step login setup methods.
You can also enable multiple two-step login methods.
@@ -60,6 +62,7 @@ FIDO U2F > YubiKey > Duo > Authenticator app > Email.
You can manually switch to and use any method during login, however.
## Using your Password Manager with Websites supporting Two-step Login
As you add more and more applications and websites to your password manager, you have a couple of options for how you implement two-step login.
One option is to use SMS or an authenticator app like Authy or Google Authenticator.
@@ -67,6 +70,7 @@ One option is to use SMS or an authenticator app like Authy or Google Authentica
Another option is to use the built in authenticator application within Bitwarden.
### Two-step Login with a third party application
Let’s use an example with Reddit. Under the profile icon, you can choose
User Settings > Privacy and Security > Advanced Security > Use two-factor authentication
@@ -102,6 +106,7 @@ Authy, Google Authenticator, and Bitwarden all operate similarly for authenticat
{% endnote %}
### Two-step Login with the Bitwarden Authenticator Application
Another option to simplify the use of two-factor authentication is to use the built in authenticator application within Bitwarden.
Understandably, some might ask, “why would I use my password manager for both the main login, and the two-step login? Doesn’t that defeat the purpose of having a separate device?”
@@ -116,6 +121,7 @@ Of course, some people think that the two-step login process should be kept comp
The process for setting up Reddit to use Bitwarden for two-step login is similar to the earlier steps.
#### Bitwarden mobile app and QR code scan
Using the Bitwarden mobile app, you can scan the same QR code Reddit presented.
Select the login for Reddit in your Bitwarden Vault, then Edit, then use the camera icon next to the item Authenticator Key (TOTP) to scan the Reddit-presented QR code.
@@ -123,6 +129,7 @@ Select the login for Reddit in your Bitwarden Vault, then Edit, then use the cam
Once you save the item, you now have an entry within your Reddit Login in Bitwarden for Verification Code (TOTP). This is the 6 digit number Reddit needs to complete the two-factor authentication setup.
#### Bitwarden browser extension and manual Authentication key
Directly within the browser extension, you can manually add an Authentication Key to enable two-step login.
When Reddit displays the dialogue with the barcode, it offers two options:
@@ -141,6 +148,7 @@ Within your browser extension, you can view and edit the Reddit Login, and manua
{% image two-step/field-guide/two-step-login-bitwarden-authenticator.png %}
### Using Keyboard Shortcuts with Two-step Login
Once you have your Verification Code within your Reddit login, you can use keyboard shortcuts to smooth the login process.
When you approach the Reddit Login dialogue, use Windows:`Ctrl + Shift + L` or macOS: `Cmd + Shift + L` to enter your username and password. Following that, the Verification Code (TOTP) is automatically added to your clipboard. Use Windows: `Ctrl + V` or macOS: `Cmd + V` to paste it in!
@@ -148,6 +156,7 @@ When you approach the Reddit Login dialogue, use Windows:`Ctrl + Shift + L` or m
While one can debate whether this process has a different security profile compared to sending a code to a separate physical device, it does offer more protection while also being fast and convenient.
### Sharing Credentials with Two-Step Login Enabled
One benefit of coupling two-step login within Bitwarden is the ability to share that credential with other team members while keeping the two-step login intact.
You can imagine a scenario where two-step login was enabled to the primary user’s mobile phone. Then if a second user wanted to share that credential, it would require coordinating with the first user via a phone call or text message to share the Verification Code on each login, and doing so within a few seconds.
@@ -157,11 +166,11 @@ Through the Bitwarden sharing capabilities, two users can be part of the same or
As an example, this capability can be extremely useful in cases where two-step login provides extra protection, such as the primary login for a social media site, and you still want to be able to share that login across multiple social media managers.
## Stay safe with Two-step Login
Whichever path you choose, remember the basics
- Use two-step login for your password manager
- Use two-step login for your critical website logins
- With a 3rd party app like Authy or FreeOTP; or
- Within your password manager such as Bitwarden
- Use two-step login for your critical website logins - With a 3rd party app like Authy or FreeOTP; or - Within your password manager such as Bitwarden
Here’s to happy logins!

2
_config.yml
View File

@@ -18,7 +18,7 @@ exclude:
- README.md
include:
- ".nojekyll"
- '.nojekyll'
collections:
categories:

93
_layouts/default.html
View File

@@ -32,7 +32,7 @@
</head>
<body>
<nav class="navbar navbar-inverse">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
@@ -43,7 +43,7 @@
</button>
<a class="navbar-brand" href="{{site.main_baseurl}}/" onclick="gaEvent('Nav Logo')">
<i class="fa fa-shield"></i>
<span class="visible-xs-inline"><strong>bit</strong>warden</span>
<span class="hidden-sm"><strong>bit</strong>warden</span>
</a>
</div>
<div class="collapse navbar-collapse" id="menu">
@@ -83,57 +83,102 @@
{{content}}
</content>
<footer>
<footer class="default-footer">
<div class="container">
<div class="row">
<div class="col-sm-2 hidden-xs">
<a href="/" class="footer-logo">
<img src="/images/logo-vertical-white.svg" class="img-responsive" width="132" alt="Bitwarden logo" />
</a>
</div>
<div class="col-sm-1 hidden-xs"></div>
<div class="col-sm-9 col-xs-12">
<div class="row">
<div class="col-sm-4 col-xs-6">
<h4>Links</h4>
<h4>Products</h4>
<ul class="list-unstyled">
<li><a href="{{site.main_baseurl}}/">Home</a></li>
<li><a href="{{site.main_baseurl}}/download/">Download</a></li>
<li><a href="{{site.main_baseurl}}/careers/">Careers</a></li>
<li><a href="{{site.main_baseurl}}/contact/">Contact Us</a></li>
<li><a href="{{site.main_baseurl}}/credits/">Credits</a></li>
<li><a href="{{site.main_baseurl}}/products/">How it works</a></li>
<li><a href="{{site.main_baseurl}}/products/#features">Features</a></li>
<li><a href="{{site.main_baseurl}}/blog/post/bitwarden-network-security-assessment-2020/">3rd Party Audited</a></li>
<li><a href="{{site.main_baseurl}}/pricing/">Pricing</a></li>
</ul>
</div>
<div class="col-sm-4 col-xs-6">
<h4 class="invisible">&nbsp;</h4>
<h4>Company</h4>
<ul class="list-unstyled">
<li><a href="{{site.main_baseurl}}/about/">About</a></li>
<li><a href="{{site.main_baseurl}}/careers/">Careers</a></li>
<li><a href="{{site.main_baseurl}}/newsfeed/">Newsfeed</a></li>
<li><a href="{{site.main_baseurl}}/blog/" onclick="gaEvent('Footer Blog')">Blog</a></li>
<li><a href="{{site.main_baseurl}}/contact/">Contact</a></li>
</ul>
</div>
<div class="col-sm-4 col-xs-6">
<h4>Resources</h4>
<ul class="list-unstyled">
<li><a href="{{site.main_baseurl}}/download/" onclick="gaEvent('Footer Download')">Download</a></li>
<li><a href="{{site.main_baseurl}}/open-source/">Open Source</a></li>
<li><a href="{{site.baseurl}}/" onclick="gaEvent('Footer Help')">Help/Support</a></li>
<li><a href="{{site.main_baseurl}}/resources/">Resources</a></li>
<li>
<a href="https://community.bitwarden.com" target="_blank" rel="noopener"
onclick="gaEvent('Footer Forums')">
Community Forums
<a href="https://community.bitwarden.com" target="_blank" rel="noopener" onclick="gaEvent('Footer Forums')">
Community
</a>
</li>
<li><a href="{{site.baseurl}}/">Help/Support</a></li>
<li><a href="{{site.main_baseurl}}/terms/">Terms of Service</a></li>
<li><a href="{{site.main_baseurl}}/privacy/">Privacy Policy</a></li>
<li><a href="{{site.main_baseurl}}/credits/">Credits</a></li>
<li><a href="{{site.main_baseurl}}/sitemap/">Sitemap</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row copyright">
<div class="col-sm-8 col-xs-12">
<p><a href="{{site.main_baseurl}}/terms/">Terms of Service</a> · <a href="{{site.main_baseurl}}/privacy/">Privacy Policy</a> · <a href="javascript:void(0);" onclick="Osano.cm.showDrawer()">Cookies</a></p>
<p>&copy; Copyright {{ 'now' | date: "%Y" }} Bitwarden, Inc.</p>
</div>
<div class="col-sm-4 col-xs-12 social">
<h4>Follow Us</h4>
<ul class="list-inline">
<li>
<a href="https://twitter.com/bitwarden" title="Twitter" onclick="gaEvent('Follow Twitter')"
target="_blank">
target="_blank" rel="noopener">
<i class="fa fa-twitter"></i><span class="sr-only">Twitter</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/bitwarden/" title="Facebook" onclick="gaEvent('Follow Facebook')"
target="_blank">
<i class="fa fa-facebook-square"></i><span class="sr-only">Facebook</span>
<a href="https://reddit.com/r/bitwarden" title="Reddit" onclick="gaEvent('Follow Reddit')"
target="_blank" rel="noopener">
<i class="fa fa-reddit"></i><span class="sr-only">Reddit</span>
</a>
</li>
<li>
<a href="https://github.com/bitwarden" title="GitHub" onclick="gaEvent('Follow GitHub')"
target="_blank">
<a href="https://community.bitwarden.com/" title="Community Forums" onclick="gaEvent('Follow Discourse')"
target="_blank" rel="noopener">
<i class="fa discourse-logo"></i><span class="sr-only">Community Forums</span>
</a>
</li>
<li>
<a href="https://github.com/bitwarden" title="GitHub" onclick="gaEvent('Follow GitHub')" target="_blank" rel="noopener">
<i class="fa fa-github"></i><span class="sr-only">GitHub</span>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCId9a_jQqvJre0_dE2lE_Rw" title="YouTube" onclick="gaEvent('Follow YouTube')" target="_blank" rel="noopener">
<i class="fa fa-youtube-play"></i><span class="sr-only">YouTube</span>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/bitwarden1" title="LinkedIn" onclick="gaEvent('Follow LinkedIn')" target="_blank" rel="noopener">
<i class="fa fa-linkedin-square"></i><span class="sr-only">LinkedIn</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/bitwarden/" title="Facebook" onclick="gaEvent('Follow Facebook')" target="_blank" rel="noopener">
<i class="fa fa-facebook-square"></i><span class="sr-only">Facebook</span>
</a>
</li>
</ul>
&copy; 2015 - {{ 'now' | date: "%Y" }}, <br class="visible-sm" />Bitwarden Inc.
</div>
</div>
</div>

5
_sass/_bootstrap.scss
View File

@@ -54,13 +54,8 @@ $navbar-inverse-toggle-border-color: darken($brand-primary, 5%);
//== Container sizes
$grid-gutter-width: 30px !default;
// Large screen / wide desktop
$container-large-desktop: (940px + $grid-gutter-width) !default;
//** For `$screen-lg-min` and up.
$container-lg: $container-large-desktop !default;
// Screen sizes
$screen-xxs: 375px;
$screen-xxs-min: 375px;
$screen-xxs-max: ($screen-xxs-min - 1);

72
_sass/_help.scss
View File

@@ -8,14 +8,7 @@ html {
}
body {
margin-bottom: 465px;
background-color: #ffffff;
}
@media(min-width:$screen-sm) {
body {
margin-bottom: 300px;
}
padding-top: 81px;
}
.navbar-brand {
@@ -74,23 +67,36 @@ content {
font-size: 16px;
}
footer {
footer.default-footer {
background-color: $brand-dark-accent;
height: 465px;
margin: 0;
color: #fff;
position: absolute;
width: 100%;
bottom: 0;
font-size: 16px;
padding: 40px 0;
padding: 40px 0 100px;
.footer-logo {
display: block;
margin-bottom: 30px;
}
a {
color: #fff;
&:hover {
&:hover,
&:focus {
color: #fff;
}
&[disabled] {
cursor: not-allowed;
opacity: 0.5;
text-decoration: none;
}
}
h4 {
margin-top: 0;
}
ul {
@@ -99,28 +105,42 @@ footer {
}
}
.social {
i {
font-size: 40px;
margin-bottom: 10px;
}
.copyright {
margin-top: 30px;
}
@media(min-width:$screen-md) {
.social {
margin-top: 40px;
.list-inline {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
i {
font-size: 55px;
font-size: 30px;
&.discourse-logo {
height: 30px;
width: 30px;
&:before {
background-size: 30px 30px;
background: url('./../images/discourse-logo.svg') no-repeat center top;
content: '';
display: block;
height: 30px;
width: 30px;
}
}
}
}
@media(min-width:$screen-sm) {
height: 300px;
@media(max-width:$screen-sm) {
.social {
margin-top: 0;
.list-inline {
justify-content: flex-start;
}
}
}
}

3
images/discourse-logo.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="#fff" d="M225.9 32C103.3 32 0 130.5 0 252.1 0 256 .1 480 .1 480l225.8-.2c122.7 0 222.1-102.3 222.1-223.9C448 134.3 348.6 32 225.9 32zM224 384c-19.4 0-37.9-4.3-54.4-12.1L88.5 392l22.9-75c-9.8-18.1-15.4-38.9-15.4-61 0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 361 B

49
images/logo-vertical-white.svg Normal file
View File

@@ -0,0 +1,49 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 609.7 386.2" style="enable-background:new 0 0 609.7 386.2;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M44.6,307.8c8.4,0,15,3.3,19.8,9.9c4.8,6.6,7.2,15.6,7.2,27.1c0,11.8-2.5,20.9-7.4,27.4
c-4.9,6.5-11.6,9.7-20.1,9.7c-8.4,0-15-3-19.7-9.1H23l-2.6,6.3c-0.4,0.9-1.3,1.5-2.3,1.5H7.3c-1.4,0-2.5-1.1-2.5-2.5v-94.4
c0-1.4,1.1-2.5,2.5-2.5h14.5c1.4,0,2.5,1.1,2.5,2.5v20.6c0,2.9-0.3,7.6-0.8,14.1h0.8C28.9,311.4,35.6,307.8,44.6,307.8z M38.3,323.4
c-4.8,0-8.3,1.5-10.5,4.4c-2.2,3-3.4,7.8-3.4,14.7v2.1c0,7.7,1.1,13.2,3.4,16.5c2.3,3.3,5.9,5,10.8,5c4,0,7.2-1.8,9.6-5.5
c2.4-3.7,3.5-9,3.5-16.1c0-7-1.2-12.3-3.6-15.8C45.7,325.2,42.4,323.4,38.3,323.4z M103.7,380.6H89.2c-1.4,0-2.5-1.1-2.5-2.5v-66.5
c0-1.4,1.1-2.5,2.5-2.5h14.5c1.4,0,2.5,1.1,2.5,2.5v66.5C106.2,379.5,105.1,380.6,103.7,380.6z M156.8,366.4c2.9,0,6.3-0.5,10.2-1.6
c1.1-0.3,2.1,0.5,2.1,1.6v11.2c0,0.7-0.4,1.3-1,1.5c-4.7,1.9-10.3,2.8-16.9,2.8c-7.8,0-13.5-2-17-5.9c-3.6-3.9-5.3-9.8-5.3-17.7
v-34.4h-7.7c-0.9,0-1.7-0.7-1.7-1.7v-6.4c0-0.1,0.1-0.3,0.2-0.4l10.5-6.4l5.2-14c0.2-0.6,0.9-1.1,1.6-1.1h9.7c0.9,0,1.7,0.7,1.7,1.7
v13.5h19.2c0.5,0,0.8,0.4,0.8,0.8v12.1c0,0.9-0.7,1.7-1.7,1.7h-18.3v34.4c0,2.8,0.8,4.8,2.3,6.1
C152.1,365.7,154.2,366.4,156.8,366.4z M247.2,380.6c-1.8,0-3.5-1.2-4-2.9l-14.2-43.5c-1-3.2-2.2-7.8-3.8-13.9h-0.4l-1.3,4.7
l-2.9,9.3l-14.5,43.4c-0.6,1.7-2.2,2.9-4,2.9l0,0c-1.9,0-3.6-1.3-4.1-3.1l-17.9-62.4c-0.6-2,0.9-3.9,3-3.9h0.3c1.4,0,2.6,0.9,3,2.3
l10.5,38c2.6,10,4.3,17.3,5.1,22h0.4c2.5-10,4.3-16.6,5.5-19.9l13.4-39.7c0.5-1.6,2.1-2.7,3.8-2.7l0,0c1.7,0,3.3,1.1,3.8,2.8
l12.7,39.5c3.1,10,4.9,16.6,5.6,19.9h0.4c0.3-2.8,2-10.2,5.1-22.2l10-37.6c0.4-1.3,1.6-2.3,3-2.3h0c2,0,3.5,1.9,3,3.9l-16.9,62.4
c-0.5,1.8-2.2,3.1-4.1,3.1H247.2z M326.9,380.6c-1.2,0-2.3-0.9-2.5-2.1l-1.3-8.8h-0.5c-3.5,4.5-7.1,7.6-10.8,9.5
c-3.7,1.9-8,2.8-13.1,2.8c-6.8,0-12.1-1.7-15.9-5.2c-3.4-3.1-5.2-7.3-5.6-12.5c-0.5-6.9,2.4-13.7,8.1-17.6
c5.7-3.9,13.9-5.9,24.8-6.1l13.2-0.4v-4.6c0-6.6-1.3-11.6-4-14.9c-2.7-3.4-7-5-13-5c-5.6,0-11.3,1.3-17.3,4c-1.5,0.7-3.3,0-3.9-1.5
l0,0c-0.6-1.5,0.1-3.2,1.6-3.9c6.7-2.8,13.3-4.2,19.9-4.2c7.6,0,13.3,2,17.1,5.9c3.8,4,5.7,10.1,5.7,18.5v43.7
C329.4,379.5,328.3,380.6,326.9,380.6L326.9,380.6z M299.2,376.1c7.4,0,13.3-2.1,17.5-6.4c4.3-4.2,6.4-10.1,6.4-17.7v-6.8l-12.1,0.5
c-9.8,0.5-16.7,2-20.9,4.6c-4.2,2.6-6.2,6.6-6.2,12c0,4.3,1.3,7.7,4,10.1C290.6,374.9,294.4,376.1,299.2,376.1z M378.7,309.8
c2,0,4.1,0.1,6.3,0.4c1.7,0.2,2.9,1.9,2.5,3.6v0c-0.3,1.6-1.9,2.6-3.5,2.4c-2-0.3-4-0.5-6.1-0.5c-5.9,0-10.8,2.5-14.6,7.5
c-3.8,5-5.7,11.4-5.7,19v35.2c0,1.7-1.4,3.2-3.2,3.2h0c-1.7,0-3.2-1.4-3.2-3.2v-63.5c0-1.5,1.2-2.8,2.8-2.8l0,0
c1.5,0,2.7,1.1,2.7,2.6l0.5,9.9h0.4c2.9-5.1,5.9-8.7,9.1-10.8C370.2,310.9,374.1,309.8,378.7,309.8z M425.9,309.8
c5,0,9.4,0.9,13,2.7c3.7,1.8,6.9,5,9.8,9.4h0.4c-0.3-5.4-0.4-10.6-0.4-15.8v-21.8c0-1.7,1.4-3.1,3.1-3.1l0,0c1.7,0,3.1,1.4,3.1,3.1
v94c0,1.2-1,2.2-2.2,2.2l0,0c-1.1,0-2-0.8-2.2-1.9l-1.3-8.7h-0.5c-5.3,7.9-12.9,11.9-22.7,11.9c-9.6,0-16.9-3-22-8.9
c-5.1-6-7.6-14.7-7.6-26.1c0-12,2.5-21.2,7.5-27.5C409,313,416.3,309.8,425.9,309.8z M425.9,315.6c-7.6,0-13.3,2.7-17.1,8
c-3.8,5.3-5.7,13.1-5.7,23.2c0,19.7,7.6,29.5,22.9,29.5c7.8,0,13.6-2.3,17.2-6.8c3.7-4.6,5.5-12.1,5.5-22.6v-1.1
c0-10.7-1.8-18.5-5.4-23.2C439.8,317.9,433.9,315.6,425.9,315.6z M506.4,381.9c-10.1,0-18-3.1-23.6-9.3c-5.6-6.2-8.5-14.9-8.5-26.1
c0-11.1,2.7-19.9,8.2-26.6c5.5-6.7,12.8-10,22-10c8.2,0,14.6,2.9,19.4,8.6c4.7,5.7,7.1,13.5,7.1,23.3v5.1h-50
c0.1,9.5,2.3,16.8,6.7,21.8c4.4,5,10.6,7.5,18.7,7.5c4,0,7.4-0.3,10.4-0.8c2.2-0.4,4.8-1.1,7.8-2.2c1.8-0.6,3.6,0.7,3.6,2.6l0,0
c0,1.1-0.7,2.1-1.7,2.5c-3.3,1.3-6.3,2.2-9.1,2.8C514,381.6,510.4,381.9,506.4,381.9z M504.5,315.4c-6.7,0-12.1,2.2-16.1,6.6
c-4,4.4-6.4,10.8-7.1,19.1h42.9c0-8-1.7-14.3-5.2-18.9C515.5,317.7,510.7,315.4,504.5,315.4z M601.7,380.6c-1.7,0-3.1-1.4-3.1-3.1
v-41.9c0-7-1.5-12.1-4.4-15.2c-2.9-3.2-7.5-4.8-13.7-4.8c-8.3,0-14.4,2.1-18.2,6.3c-3.9,4.2-5.8,11-5.8,20.4v35.2
c0,1.7-1.4,3.1-3.1,3.1h-0.1c-1.7,0-3.1-1.4-3.1-3.1V314c0-1.6,1.3-2.9,2.9-2.9l0,0c1.4,0,2.6,1.1,2.8,2.5l0.9,7h0.4
c4.5-7.2,12.5-10.9,24.1-10.9c15.8,0,23.6,8.5,23.6,25.4v42.3C604.8,379.2,603.4,380.6,601.7,380.6L601.7,380.6z M96.5,280.2
L96.5,280.2c-6.3,0-11.4,4.9-11.4,10.9v0.9c0,6,5.1,10.9,11.4,10.9h0c6.3,0,11.4-4.9,11.4-10.9v-0.9
C107.9,285.1,102.8,280.2,96.5,280.2z M409.5,7.5c-2.1-2.1-4.7-3.2-7.6-3.2H207.7c-2.9,0-5.5,1.1-7.6,3.2c-2.1,2.1-3.2,4.7-3.2,7.6
v129.5c0,9.7,1.9,19.2,5.6,28.7c3.8,9.5,8.4,17.9,14,25.3c5.6,7.4,12.2,14.5,19.9,21.5c7.7,7,14.8,12.8,21.3,17.4
c6.5,4.6,13.3,9,20.4,13.1c7.1,4.1,12.1,6.9,15.1,8.3c3,1.5,5.4,2.6,7.2,3.4c1.3,0.7,2.8,1,4.4,1c1.6,0,3-0.3,4.4-1
c1.8-0.8,4.2-1.9,7.2-3.4c3-1.5,8-4.2,15.1-8.3c7.1-4.1,13.9-8.5,20.4-13.1c6.5-4.6,13.6-10.4,21.3-17.4c7.7-7,14.3-14.1,19.9-21.5
c5.6-7.4,10.2-15.8,14-25.3c3.8-9.5,5.6-19.1,5.6-28.7V15.1C412.7,12.2,411.6,9.7,409.5,7.5z M384.5,145.8
c0,46.9-79.6,87.2-79.6,87.2v-201h79.6C384.5,32.1,384.5,98.9,384.5,145.8z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB