docs: make header common with other hasura.io/ pages (#4957)

This commit is contained in:
surendran82 2020-06-06 15:42:14 +05:30 committed by GitHub
parent d67757c23a
commit 6572dfcd62
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 578 additions and 13 deletions

View File

@ -98,6 +98,7 @@ Read more about the session argument for computed fields in the [docs](https://h
- docs: update troubleshooting section with reference on debugging errors (close #4052) (#4825)
- docs: add page for procuring custom docker images and binaries (#4828)
- docs: add content on how to secure action handlers and other actions docs improvements (#4743)
- docs: make header common with other hasura.io/ pages (#4957)
- install manifests: update all install manifests to enable dev mode by default (close #4599) (#4716)
## `v1.2.0`

View File

@ -66,7 +66,7 @@ ul {
.main_container_wrapper {
min-width: 90%;
overflow-y: auto;
/* overflow-y: auto; */
-webkit-overflow-scrolling: touch; /* for iOS momentum scroll */
}
@ -75,6 +75,7 @@ ul {
font-family: 'Gudea';
margin: auto;
width: 100%;
/* height: calc(100vh - 60px); */
}
.hideClass {
display: none;
@ -171,7 +172,7 @@ ul {
}
.content_inner_wrapper {
width: 75% !important;
height: 100vh;
/* height: 100vh; */
overflow-y: auto;
}
@ -457,7 +458,13 @@ article ol ol {
font-size: 18px;
color: #1CD3C6;
}
#nav_tree_icon .docs-menu {
font-family: 'Poppins';
font-size: 14px;
font-weight: 600;
color: #001934;
margin-left: 20px;
}
/*** Mobile only END ***/
/*** Search box ***/
@ -641,8 +648,19 @@ article ol ol {
height: 100vh;
overflow-y: auto;
padding-left: 15px !important;
position: sticky;
top: 0;
padding-top: 20px;
}
#sidebar li {
margin-top: 10px;
margin-bottom: 10px;
}
#sidebar .closeIcon {
position: absolute;
right: 10px;
top: 10px;
}
#sidebar .sphinxsidebar .sphinxsidebarwrapper h3 {
padding-top: 10px;
/*
@ -1006,13 +1024,16 @@ article ol ol {
margin-left: 0;
margin-right: 0;
}
#docs-header-actions {
display: flex;
align-items: center;
}
#docs-header-actions {
margin-top: 20px;
}
#input_search_box {
width: 60%;
flex: 1;
margin-left: 10px;
}
@ -1023,7 +1044,7 @@ article ol ol {
min-width: calc(166% + 10px); /* 1 / width(input_search_box) + 10px */
}
}
@media (min-width: 768px) and (max-width: 991px) {
@media (min-width: 768px) and (max-width: 1200px) {
.bannerStripWrapper {
padding-left: 4vw;
}
@ -1063,7 +1084,7 @@ article ol ol {
}
#input_search_box {
width: 90%;
flex: 1;
margin-left: 10px;
}
@ -1095,3 +1116,334 @@ article ol ol {
margin-right: 0;
}
}
/* common Header */
.blueBgColor {
background-color: #001934;
}
.boderBottom {
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.commonBtn {
border-radius: 5px;
font-family: 'Poppins';
font-size: 15px;
font-weight: 500;
transition: 500ms;
position: relative;
padding: 6px 13px;
line-height: 140%;
}
.commonBtn:focus {
outline: none;
}
.navBtnHome {
background-color: #1CD3C6;
border: 1px solid #1CD3C6;
color: #001934;
}
.navBtnHome:hover {
background-color: transparent;
border: 1px solid #1CD3C6;
color: #1CD3C6;
}
.navBtnContactHome {
background-color: transparent;
border: 1px solid #1CD3C6;
color: #1CD3C6;
}
.navBtnContactHome:hover {
background-color: #1CD3C6;
border: 1px solid #1CD3C6;
color: #001934;
}
.gitHubBtnSmallMobile {
display: none !important;
}
.visibleMobile {
display: none;
}
.navBarToggle {
border-radius: 4px;
padding: 8px 8px;
display: none;
position: absolute;
right: 0;
top: 13px;
}
.navBarToggle .iconBar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
margin: 0 auto;
margin-top: 4px;
}
.navBarToggle .iconBar:first-child {
margin-top: 0px;
}
.navBarToggle:focus {
outline: none;
}
.navWhiteBG .navBarToggle {
border: 1px solid #001934 !important;
}
.navWhiteBG .navBarToggle .iconBar {
background-color: #001934 !important;
}
.navBlueBG .navBarToggle {
border: 1px solid #fff !important;
}
.navBlueBG .navBarToggle .iconBar {
background-color: #fff !important;
}
.headerSticky {
position: fixed;
width: 100%;
z-index: 100;
}
.headerWrapper {
height: 60px;
display: flex;
align-items: center;
position: relative;
z-index: 1;
}
.headerWrapper .navLeft {
display: flex;
align-items: center;
flex: 1;
}
.headerWrapper .navLeft a {
display: contents;
}
.headerWrapper .navLeft .brand {
margin-right: 25px;
margin-top: 7px;
}
.headerWrapper .navLeft .brand img {
width: 120px;
}
.headerWrapper .navLeft .twitterBtn, .headerWrapper .navLeft .discordBtn {
border-radius: 4px;
border: solid 1px #d1d2d3;
background-color: #f1f5f8;
width: 20px;
height: 20px;
max-height: 18px;
max-width: 18px;
margin-top: 8px;
margin-right: 12px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.8;
cursor: pointer;
}
.headerWrapper .navLeft .twitterBtn img, .headerWrapper .navLeft .discordBtn img {
width: 12px;
}
.headerWrapper .navLeft .twitterBtn:hover, .headerWrapper .navLeft .discordBtn:hover {
opacity: 1;
}
.headerWrapper .navLeft .discordBtn {
padding-top: 2px;
max-height: 16px;
}
.headerWrapper .navLeft .discordBtn img {
width: 10px;
}
.headerWrapper .navLeft .gitHubBtn {
height: 20px;
padding-top: 4px;
opacity: 0.8;
color: #fff;
}
.headerWrapper .navLeft .gitHubBtn .gitHubStats {
color: #fff;
}
.headerWrapper .navBlueBG .navBarUL {
padding-left: 0;
margin: 0 0;
}
.headerWrapper .navBlueBG .navBarUL li, .headerWrapper .navWhiteBG .navBarUL li {
font-size: 15px;
font-family: 'Poppins';
list-style-type: none;
display: inline-block;
padding: 10px 6px;
font-weight: 600;
margin: 0 0;
letter-spacing: -.48px;
}
.versionTxt select {
border-radius: 8px;
background-color: rgba(255, 255, 255, .24);
margin-right: 12px;
font-family: 'Poppins';
font-size: 12px;
font-weight: 600;
color: #ffffff;
}
.versionTxt select:focus {
outline: none;
}
.headerWrapper .navBlueBG .navBarUL li a:hover, .headerWrapper .navWhiteBG .navBarUL li a:hover {
text-decoration: none;
}
.headerWrapper .navBlueBG .navBarUL li:last-child, .headerWrapper .navWhiteBG .navBarUL li:last-child {
padding: 0 0;
margin-left: 0px;
}
.headerWrapper .navBlueBG .navBarUL li a {
color: rgba(255, 255, 255, .6);
text-decoration: none;
}
.headerWrapper .navBlueBG .navBarUL li a:hover {
color: rgba(255, 255, 255, 1);
}
.headerWrapper .navBlueBG .navBarUL .navListActive a {
color: #fff;
border-bottom: 2px solid #fff;
}
.headerWrapper .navWhiteBG .navBarUL li a {
color: #6e6e6e;
}
.headerWrapper .navWhiteBG .navBarUL li a:hover {
color: #505050;
}
.headerWrapper .navWhiteBG .navBarUL .navListActive a {
color: #505050;
border-bottom: 2px solid #505050;
}
@media (min-width: 768px) and (max-width: 1200px) {
.versionTxt select {
margin-right: 0;
margin-left: 8px;
}
.headerSticky {
position: static;
}
.headerWrapper {
position: relative;
display: block;
z-index: 10;
}
.headerWrapper .brand {
padding: 8px 0;
}
.headerWrapper .topnav .visibleMobile .navBarULMobile {
padding: 10px 15px;
background-color: #001934;
border-top: 1px solid rgba(255, 255, 255, .6);
border-bottom: 1px solid rgba(255, 255, 255, .6);
margin-top: 0;
}
.headerWrapper .topnav .visibleMobile .navBarULMobile li {
font-size: 15px;
font-family: 'Poppins';
list-style-type: none;
font-weight: 600;
text-transform: uppercase;
padding: 10px 0;
margin: 0 0;
}
.headerWrapper .topnav .visibleMobile .navBarULMobile li a {
color: rgba(255, 255, 255, .6);
text-decoration: none;
}
.headerWrapper .topnav .visibleMobile .navBarULMobile li a:hover {
color: rgba(255, 255, 255, 1);
text-decoration: none;
}
.navBarToggle {
display: block;
}
.topnav.responsive .visibleMobile {
display: block;
}
.navBarUL {
display: none;
}
}
@media (max-width: 767px) {
.versionTxt select {
margin-right: 0;
margin-left: 8px;
}
.headerSticky {
position: static;
}
.headerWrapper {
display: block;
z-index: 10;
}
.headerWrapper .brand {
padding: 8px 0;
padding-left: 15px;
}
.headerWrapper .topnav .visibleMobile .navBarULMobile {
padding: 10px 15px;
background-color: #001934;
border-top: 1px solid rgba(255, 255, 255, .6);
border-bottom: 1px solid rgba(255, 255, 255, .6);
}
.headerWrapper .topnav .visibleMobile .navBarULMobile li {
font-size: 15px;
font-family: 'Poppins';
list-style-type: none;
font-weight: 600;
text-transform: uppercase;
padding: 10px 0;
}
.headerWrapper .topnav .visibleMobile .navBarULMobile li a {
color: rgba(255, 255, 255, .6);
text-decoration: none;
}
.headerWrapper .topnav .visibleMobile .navBarULMobile li a:hover {
color: rgba(255, 255, 255, 1);
text-decoration: none;
}
.navBarToggle {
display: block;
right: 15px;
}
.topnav.responsive .visibleMobile {
display: block;
}
.navBarUL {
display: none;
}
}
@media (max-width: 400px) {
.gitHubBtn {
display: none;
}
.gitHubBtnSmallMobile {
display: block !important;
}
}
@media (max-width: 320px) {
.headerWrapper .navLeft .brand {
margin-right: 16px;
}
}
@media (min-width: 768px) {
.container {
width: 750px;
padding: 0 0 !important;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
padding: 0 0 !important;
}
}
@media (min-width: 1200px) {
.container {
width: calc(100% - 30px);
padding: 0 15px !important;
}
}

View File

@ -57,6 +57,171 @@
<img src="{{ pathto('_images/layout/stripe.png', 1) }}" alt='stripe' />
</div>
</div>
<header
id="header"
class='blueBgColor boderBottom'
>
<div class="container noPadd">
<div class="headerWrapper">
<div class="navLeft">
<div class="brand">
<a href="https://hasura.io/">
<img src="{{ pathto('_images/layout/white-logo.svg', 1) }}" alt="Logo"/>
</a>
</div>
<a href="https://discordapp.com/invite/hasura" target="_blank" rel="noopener noreferrer">
<div class="discordBtn">
<img src="{{ pathto('_images/layout/discord-brands-block.svg', 1) }}" alt="Discord"/>
</div>
</a>
<a href="https://twitter.com/hasurahq" target="_blank" rel="noopener noreferrer">
<div class="twitterBtn">
<img src="{{ pathto('_images/layout/twitter-brands-block.svg', 1) }}" alt="Twitter"/>
</div>
</a>
</div>
<div class="navBlueBG">
<ul class="navBarUL">
<li class='navListActive'>
<span class="versionTxt">
<select value="{{ version }}" onchange="location = this.value;" class="selected" aria-label="Select Version">
{%- if version == '1.0' %}
<option class="option_val" value="https://{{ BASE_DOMAIN }}/docs/1.0/graphql/manual/index.html" selected="selected">v1.x</option>
{%- else -%}
<option class="option_val" value="https://{{ BASE_DOMAIN }}/docs/1.0/graphql/manual/index.html">v1.x</option>
{% endif %}
</select>
</span>
<a href="/">Docs</a>
</li>
<li>
<a href='https://hasura.io/blog/'>
Blog
</a>
</li>
<li>
<a href="https://hasura.io/learn/">
Tutorials
</a>
</li>
<li>
<a href="https://hasura.io/enterprise/">
Enterprise
</a>
</li>
<li>
<a href="https://hasura.io/hasura-pro/">
Hasura Pro
</a>
</li>
<li>
<a href="https://hasura.io/pricing/">
Pricing
</a>
</li>
<li>
<a href='https://hasura.io/docs/1.0/graphql/manual/getting-started/index.html'>
<button class="commonBtn navBtnHome">
Get Started
</button>
</a>
</li>
<li>
<a
href='https://calendly.com/hasura/prod-expert-call'
>
<button class="commonBtn navBtnContactHome">
Talk to a Product Expert
</button>
</a>
</li>
</ul>
</div>
<div class='navBlueBG'>
<span class="navBarToggle"
onclick="openMenu()"
>
<span class="iconBar"></span>
<span class="iconBar"></span>
<span class="iconBar"></span>
</span>
</div>
<div id="navbar" class="topnav">
<div class="visibleMobile">
<ul class="navBarULMobile">
<li>
<a href='/'
onclick="openMenu()"
>Docs</a>
<span class="versionTxt">
<select value="{{ version }}" onchange="location = this.value;" class="selected" aria-label="Select Version">
{%- if version == '1.0' %}
<option class="option_val" value="https://{{ BASE_DOMAIN }}/docs/1.0/graphql/manual/index.html" selected="selected">v1.x</option>
{%- else -%}
<option class="option_val" value="https://{{ BASE_DOMAIN }}/docs/1.0/graphql/manual/index.html">v1.x</option>
{% endif %}
</select>
</span>
</li>
<li>
<a href='https://hasura.io/blog/'
onclick="openMenu()"
>
Blog
</a>
</li>
<li>
<a href='https://hasura.io/learn/'
onclick="openMenu()"
>
Tutorials
</a>
</li>
<li>
<a href="https://hasura.io/enterprise/"
onclick="openMenu()"
>
Enterprise
</a>
</li>
<li>
<a href="https://hasura.io/hasura-pro/"
onclick="openMenu()"
>
Hasura Pro
</a>
</li>
<li>
<a href="https://hasura.io/pricing/"
onclick="openMenu()"
>
Pricing
</a>
</li>
<li>
<a href='https://hasura.io/docs/1.0/graphql/manual/getting-started/index.html'
onclick="openMenu()"
>
<button class='commonBtn navBtnHome'>
Get Started
</button>
</a>
</li>
<li>
<a href="https://calendly.com/hasura/prod-expert-call"
onclick="openMenu()"
>
<button class="commonBtn navBtnContactHome">
Talk to a Product Expert
</button>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div id="" class="content_wrapper">
{%- if is_landing_page %}
{% include 'pages/landing.html' %}
@ -66,6 +231,9 @@
{% block sidebarwrapper %}
<div class="yui-b mobile-hide" id="sidebar">
<div id='sidebar-close' class='mobile-only closeIcon'>
<img src="{{ pathto('_images/layout/close-icon.svg', 1) }}" alt="Close"/>
</div>
{{ sidebar() }}
</div>
{% endblock %}
@ -74,6 +242,7 @@
<div role="main" parent={{ rootpage }}>
<div id="docs-header">
<!--
<div class="mobile-only" id="mobile-logo">
<a href="https://{{ BASE_DOMAIN }}/" target="_blank" rel="noopener">
<div class="img_wrapper inline-block">
@ -82,14 +251,18 @@
</a>
<a href="https://{{ BASE_DOMAIN }}/docs" class="docs_label mobile-logo-docs">DOCS&nbsp;&nbsp;v{{version}}</a>
</div>
-->
<div id="docs-header-actions">
<div class="inline-block mobile-only" id="nav_tree_icon">
<span class="fa fa-bars"></span>
</div>
<div class="inline-block" id="input_search_box">
<span class="fa fa-search search_icon"></span>
<input type="text" id="search_element" placeholder="Search docs..." />
</div>
<div class="inline-block mobile-only" id="nav_tree_icon">
<div class="docs-menu">
DOCS MENU >
</div>
</div>
<!--
<div class="inline-block header_links">
<div class="social_icons_wrapper">
<div class="social_icons">
@ -110,6 +283,7 @@
</div>
</div>
</div>
-->
</div>
</div>
@ -226,8 +400,19 @@
$('#banner').hide();
});
});
</script>
<!--Hamburger menu-->
<script type="text/javascript">
function openMenu() {
var x = document.getElementById("navbar")
if (x.className === "topnav") {
x.className += " responsive"
} else {
x.className = "topnav"
}
}
</script>
<!-- utils -->
<script type="text/javascript">
// load script file
@ -344,6 +529,7 @@
}
};
$('#nav_tree_icon').on('click', navTreeHandler);
$('#sidebar-close').on('click', navTreeHandler);
});
</script>

View File

@ -1,4 +1,5 @@
{%- if display_toc %}
<!--
<div class="header_main_logo inline-block mobile-hide">
<a href="https://{{ BASE_DOMAIN }}/" target="_blank" rel="noopener">
<div class="img_wrapper inline-block">
@ -18,6 +19,6 @@
</select>
</a>
</div>
-->
{{ toc_full }}
{%- endif %}

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" id="prefix__keyboard_arrow_right-24px_2_" width="24" height="24" data-name="keyboard_arrow_right-24px (2)" viewBox="0 0 24 24">
<path id="prefix__Path_6722" d="M0 0h24v24H0z" data-name="Path 6722" style="fill:none"/>
<path id="prefix__Path_6723" d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z" data-name="Path 6723" style="fill:#001934"/>
</svg>

After

Width:  |  Height:  |  Size: 395 B

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" id="prefix__close-24px" width="24" height="24" viewBox="0 0 24 24">
<path id="prefix__Path_6719" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" data-name="Path 6719" style="fill:#fff"/>
<path id="prefix__Path_6720" d="M0 0h24v24H0z" data-name="Path 6720" style="fill:none"/>
</svg>

After

Width:  |  Height:  |  Size: 389 B

View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="11.559" height="13.211" viewBox="0 0 11.559 13.211">
<defs>
<style>
.cls-1{fill:#24292e}
</style>
</defs>
<path id="discord-brands" d="M7.669 6.275A.676.676 0 1 1 7 5.542a.7.7 0 0 1 .669.733zm-3.085-.733a.736.736 0 0 0 0 1.466.7.7 0 0 0 .674-.733.7.7 0 0 0-.674-.733zm6.975-4.181v11.85c-1.659-1.471-1.132-.984-3.065-2.781l.35 1.222h-7.49A1.357 1.357 0 0 1 0 10.291v-8.93A1.357 1.357 0 0 1 1.354 0h8.851a1.357 1.357 0 0 1 1.354 1.361zM9.677 7.623a8.846 8.846 0 0 0-.951-3.851 3.266 3.266 0 0 0-1.856-.694l-.092.106a4.4 4.4 0 0 1 1.645.839 5.612 5.612 0 0 0-4.934-.192c-.244.112-.39.192-.39.192a4.456 4.456 0 0 1 1.737-.865l-.066-.079a3.266 3.266 0 0 0-1.856.694 8.846 8.846 0 0 0-.951 3.851 2.4 2.4 0 0 0 2.015 1s.244-.3.443-.548A2.054 2.054 0 0 1 3.263 7.3c.1.068.257.156.271.165a4.815 4.815 0 0 0 4.122.235 3.78 3.78 0 0 0 .76-.39 2.084 2.084 0 0 1-1.2.786c.2.251.436.535.436.535a2.415 2.415 0 0 0 2.021-1z" class="cls-1"/>
</svg>

After

Width:  |  Height:  |  Size: 1019 B

View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="12.517" height="10.166" viewBox="0 0 12.517 10.166">
<defs>
<style>
.cls-1{fill:#24292e}
</style>
</defs>
<path id="twitter-brands" d="M11.23 50.616c.008.111.008.222.008.334a7.249 7.249 0 0 1-7.3 7.3A7.249 7.249 0 0 1 0 57.1a5.307 5.307 0 0 0 .619.032 5.138 5.138 0 0 0 3.185-1.1 2.57 2.57 0 0 1-2.4-1.779 3.235 3.235 0 0 0 .484.04 2.713 2.713 0 0 0 .675-.087 2.566 2.566 0 0 1-2.055-2.518v-.032a2.584 2.584 0 0 0 1.16.326 2.569 2.569 0 0 1-.794-3.431 7.292 7.292 0 0 0 5.29 2.684 2.9 2.9 0 0 1-.064-.588 2.568 2.568 0 0 1 4.44-1.755 5.051 5.051 0 0 0 1.628-.619 2.558 2.558 0 0 1-1.128 1.414 5.143 5.143 0 0 0 1.477-.4 5.515 5.515 0 0 1-1.287 1.326z" class="cls-1" transform="translate(0 -48.082)"/>
</svg>

After

Width:  |  Height:  |  Size: 795 B

View File

@ -0,0 +1 @@
<svg enable-background="new 0 0 270 80" viewBox="0 0 270 80" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m110 45.5h-5.1c-.8 0-1.4-.7-1.4-1.4v-16.1c0-.8-.7-1.4-1.4-1.4h-4.4c-.8 0-1.4.7-1.4 1.4v40.7c0 .8.7 1.4 1.4 1.4h4.4c.8 0 1.4-.7 1.4-1.4v-15.8c0-.8.7-1.4 1.4-1.4h5.1c.8 0 1.4.7 1.4 1.4v15.9c0 .8.7 1.4 1.4 1.4h4.4c.8 0 1.4-.7 1.4-1.4v-40.8c0-.8-.7-1.4-1.4-1.4h-4.4c-.8 0-1.4.7-1.4 1.4v16c0 .8-.6 1.5-1.4 1.5z"/><path d="m132.6 27.8-7.2 40.7c-.1.8.5 1.6 1.3 1.6h4.4c.7 0 1.3-.5 1.3-1.2l1.2-7.4c.1-.7.7-1.2 1.3-1.2h5.6c.7 0 1.3.5 1.3 1.2l1.3 7.5c.1.7.7 1.2 1.3 1.2h4.6c.9 0 1.6-.8 1.3-1.7l-7.5-40.7c-.1-.7-.7-1.2-1.3-1.2h-7.5c-.7 0-1.2.5-1.4 1.2zm6.7 26.4h-2.9c-.9 0-1.4-.8-1.3-1.6l1.3-15c.3-1.6 2.5-1.6 2.7 0l1.4 15c.2.8-.4 1.6-1.2 1.6z"/><path d="m170.1 44.9h-4.9c-.9 0-1.4-.4-1.4-1.4v-9.4c0-.9.5-1.4 1.4-1.4h2.9c.9 0 1.4.4 1.4 1.4v4.4c0 .8.7 1.4 1.4 1.4h4.6c.8 0 1.4-.7 1.4-1.4v-5.5c0-4.3-2.3-6.5-6.9-6.5h-6.6c-4.6 0-6.9 2.2-6.9 6.5v11.2c0 4.3 2.3 6.6 6.8 6.6h4.9c.9 0 1.4.4 1.4 1.4v10.4c0 .9-.4 1.4-1.4 1.4h-2.9c-.9 0-1.4-.4-1.4-1.4v-4.4c0-.8-.7-1.4-1.4-1.4h-4.6c-.8 0-1.4.7-1.4 1.4v5.5c0 4.3 2.3 6.5 6.9 6.5h6.5c4.6 0 6.9-2.2 6.9-6.5v-12.1c.1-4.5-2.3-6.7-6.7-6.7z"/><path d="m197.4 62.6c0 .9-.4 1.4-1.4 1.4h-3.9c-.9 0-1.4-.4-1.4-1.4v-34.6c0-.8-.7-1.4-1.4-1.4h-4.6c-.8 0-1.4.7-1.4 1.4v35.5c0 4.3 2.3 6.5 6.9 6.5h7.5c4.6 0 6.9-2.2 6.9-6.5v-35.5c0-.8-.7-1.4-1.4-1.4h-4.3c-.8 0-1.4.7-1.4 1.4z"/><path d="m233.6 46.4v-13.3c0-4.3-2.3-6.5-6.9-6.5h-13c-.8 0-1.4.7-1.4 1.4v40.7c0 .8.7 1.4 1.4 1.4h4.4c.8 0 1.4-.7 1.4-1.4v-14.3c0-.8.7-1.4 1.4-1.4.5 0 1 .4 1.3.9l5.7 15.3c.3.5.8.9 1.3.9h4.8c.9 0 1.7-.9 1.3-1.8l-5.5-14.2c-.3-.7.1-1.4.8-1.8 1.8-1 3-3.1 3-5.9zm-7.3-12.3v11.4c0 .9-.5 1.4-1.4 1.4h-4c-.8 0-1.4-.7-1.4-1.4v-11.4c0-.8.7-1.4 1.4-1.4h4c.9 0 1.4.5 1.4 1.4z"/><path d="m257.5 26.6h-7.5c-.7 0-1.3.5-1.3 1.2l-7.2 40.7c-.1.8.5 1.6 1.3 1.6h4.4c.7 0 1.3-.5 1.3-1.2l1.2-7.4c.1-.7.7-1.2 1.3-1.2h5.6c.7 0 1.3.5 1.3 1.2l1.3 7.5c.1.7.7 1.2 1.3 1.2h4.6c.9 0 1.6-.8 1.3-1.7l-7.5-40.7c-.2-.7-.7-1.2-1.4-1.2zm-2.3 27.6h-2.7c-.9 0-1.4-.8-1.3-1.6l1.3-13.7c.3-1.6 2.5-1.6 2.7 0l1.4 13.7c.1.8-.5 1.6-1.4 1.6z"/><path d="m68.2 26.8c2.2-5.3 2.2-16.1-.7-24.4-.8-1.5-3-1-3.1.6v.6c-.5 7.9-3.4 12.2-7.7 14.3-.7.3-1.8.3-2.5-.2-5.1-3.2-11.1-5.1-17.6-5.1s-12.5 1.9-17.6 5.1c-.7.4-1.5.5-2.2.2-4.4-1.6-7.4-6.4-7.9-14.4v-.6c-.1-1.6-2.4-2.1-3.1-.6-2.9 8.4-2.8 19.2-.7 24.5 1.1 2.6 1.1 5.6.2 8.3-1.2 3.4-1.8 7.2-1.7 11 .4 17.4 15.2 32.2 32.6 32.5 18.4.2 33.4-14.6 33.4-33 0-3.7-.6-7.2-1.7-10.5-.9-2.7-.8-5.7.3-8.3zm-32 43.9c-13.4-.3-24.4-11.2-24.6-24.6-.3-14.3 11.3-25.9 25.5-25.6 13.4.2 24.4 11.2 24.6 24.6.3 14.2-11.3 25.8-25.5 25.6z"/><path d="m40.5 42.9-5.9-9.1c-.9-1.5-2.9-1.9-4.4-1-.9.6-1.5 1.6-1.5 2.7 0 .6.2 1.2.5 1.7l4 6.2c.3.5.2 1.1-.1 1.5l-6.2 6.8c-1.2 1.3-1.1 3.3.2 4.5.6.5 1.4.8 2.2.8.9 0 1.7-.4 2.3-1l4.6-5.4c.4-.4 1-.4 1.3.1l3.3 4.7c.2.4.5.7.9.9 1.1.8 2.5.8 3.6.1.9-.6 1.5-1.6 1.5-2.7 0-.6-.2-1.2-.5-1.7z"/></g></svg>

After

Width:  |  Height:  |  Size: 2.8 KiB