Add updated toc esp for mobile

This commit is contained in:
Ryan Watters 2017-02-14 20:40:06 -08:00
parent 19fcf0dd66
commit 7982cfa3d7
14 changed files with 169 additions and 209 deletions

View File

@ -1,10 +1,10 @@
---
title: Why Use a Static Site Generator?
linktitle:
title: The Benefits of Static
linktitle: Benefits of Static
description:
date: 2016-02-01
publishdate: 2016-02-01
lastmod: 2016-02-01
date: 2017-02-01
publishdate: 2017-02-01
lastmod: 2017-02-01
tags: [ssg,static site generator]
weight: 20
draft: false
@ -47,5 +47,5 @@ links work properly with most hosting companies.
["An Introduction to Static Site Generators", David Walsh]: https://davidwalsh.name/introduction-static-site-generators
["Static Site Generators", O-Reilly]: /documents/oreilly-static-site-generators.pdf
["Top 10 Static Website Generators", Netlify blog]: https://www.netlify.com/blog/2016/05/02/top-ten-static-website-generators/
["Top 10 Static Website Generators," Netlify blog]: https://www.netlify.com/blog/2016/05/02/top-ten-static-website-generators/
[StaticGen: Top Open-Source Static Site Generators (GitHub Stars)]: https://www.staticgen.com/

View File

@ -2,9 +2,9 @@
title: Hugo Features
linktitle:
description: Hugo is the fastest static site generator and includes a powerful templating language, making it the appropriate choice for websites of all sizes and types.
date: 2016-11-01
publishdate: 2016-11-01
lastmod: 2016-11-01
date: 2017-02-01
publishdate: 2017-02-01
lastmod: 2017-02-01
weight: 10
draft: false
slug:
@ -22,34 +22,34 @@ notes:
## Organization
* Straightforward [organization for your projects][], including website sections
* Customizable [URLs][]
* Support for configurable [taxonomies][], including categories and tags
* Ability to [sort content][] as you desire through [powerful template functions][]
* Automatic [table of contents][] generation
* Dynamic menu creation
* [Pretty URLs][] support
* [Permalink][] pattern support
* Redirects via [aliases][]
* Straightforward [organization for your projects][], including website sections
* Customizable [URLs][]
* Support for configurable [taxonomies][], including categories and tags
* Ability to [sort content][] as you desire through powerful template [functions][]
* Automatic [table of contents][] generation
* Dynamic menu creation
* [Pretty URLs][] support
* [Permalink][] pattern support
* Redirects via [aliases][]
## Content
* Native Markdown support, as well as other languages through *external helpers* (see [supported formats][])
* Support for TOML, YAML and JSON metadata in [front matter][]
* Customizable [homepage][]
* Multiple [content types][]
* Automatic and user defined [content summaries][]
* [Shortcodes][] to enable rich content inside of Markdown
* ["Minutes to Read"][]functionality
* ["Wordcount"][] functionality
* Native Markdown support, as well as other languages through *external helpers* (see [supported formats][])
* Support for TOML, YAML and JSON metadata in [front matter][]
* Customizable [homepage][]
* Multiple [content types][]
* Automatic and user defined [content summaries][]
* [Shortcodes][] to enable rich content inside of Markdown
* ["Minutes to Read"][]functionality
* ["Wordcount"][] functionality
## Additional Features
* Integrated [Disqus][] comment support
* Integrated [Google Analytics][] support
* Automatic [RSS][] creation
* Support for [Golang][], [Amber] and [Ace][] HTML templates
* [Syntax highlighting][] powered by [Pygments][]
* Integrated [Disqus][] comment support
* Integrated [Google Analytics][] support
* Automatic [RSS][] creation
* Support for [Golang][], [Amber] and [Ace][] HTML templates
* [Syntax highlighting][] powered by [Pygments][]
See what's coming next in the [Hugo roadmap][].
@ -62,6 +62,7 @@ See what's coming next in the [Hugo roadmap][].
[content types]: /content-management/content-types/
[Disqus]: https://disqus.com/
[front matter]: /content-management/front-matter/
[functions]: /functions/
[Golang]: http://golang.org/pkg/html/template/
[Google Analytics]: https://google-analytics.com/
[homepage]: /templates/homepage-template/
@ -71,10 +72,9 @@ See what's coming next in the [Hugo roadmap][].
[LiveReload]: /getting-started/using-hugo/
[Mac OSX]: /getting-started/install-of-pc/
[organization for your projects]: /project-organization/
[Permalinks]: /content-management/url-management/#permalinks
[powerful template functions]: /functions/
[Pretty URLs]: /content-management/url-management/
[Permalink]: /content-management/url-management/#permalinks
[Powerful theming]: /themes/
[Pretty URLs]: /content-management/url-management/
[Pygments]: http://pygments.org/
[RSS]: /templates/rss-templates/
[Shortcodes]: /templates/shortcodes/
@ -83,5 +83,5 @@ See what's coming next in the [Hugo roadmap][].
[Syntax highlighting]: /developer-tools/syntax-highlighting/
[table of contents]: /content-management/table-of-contents/
[taxonomies]: /content-management/taxonomies/
[URLs]: /url-management/
[URLs]: /content-management/url-management/
[Windows]: /getting-started/install-on-linux/

View File

@ -1,132 +0,0 @@
---
title: Sample Styles
linktitle:
description: This should be deleted before go live.
date: 2016-02-01
publishdate: 2016-02-01
lastmod: 2016-02-01
weight: 99
draft: false
slug:
aliases:
notes:
---
## Code Block Shortcodes
### Code Input Shortcode
{{% input "my-first-template.html" %}}
```go
<ul>
{{range $.Site.Pages}}
<li>{{.Title}}</li>
{{end}}
</ul>
```
{{% /input %}}
{{% input "first-script.js" %}}
```js
function myFunction(arg){
console.log(arg);
}
```
{{% /input %}}
{{% input "config.yml" %}}
```yaml
---
archetypeDir: "archetypes"
# hostname (and path) to the root, e.g. http://spf13.com/
baseURL: ""
# include content marked as draft
buildDrafts: false
# include content with publishdate in the future
buildFuture: false
# include content already expired
buildExpired: false
# enable this to make all relative URLs relative to content root. Note that this does not affect absolute URLs.
relativeURLs: false
canonifyURLs: false
...
```
{{% /input %}}
### Code Output Shortcode
{{% output "/posts/index.html" %}}
```html
<ul>
<li>My First Post</li>
<li>My Second Post</li>
<li>My Third Post</li>
</ul>
```
{{% /output %}}
{{% output "/first-data.json" %}}
```json
{
"glossary": {
"title": "example glossary",
"GlossDiv": {
"title": "S"
}
}
}
```
{{% /output %}}
{{% output "/script.js" %}}
```javascript
$('my-div').on('click',function(evt){
evt.preventDefault();
console.log('Hello world!');
});
```
{{% /output %}}
### Markdown Code Block without Shortcode
```javascript
function myFunction(val){
console.log(val);
}
```
Here is some body copy. Here is a bit of `inline code`. Here is a [link to Google](https://www.google.com). Here is some *emphasized and italics text*. Here is some **emphasized and bold text**.
## Lists
* Unordered list item lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad dolorum alias vero.
* Unordered list item
* Nested unordered list item
* Nested unordered list item
* Nested again
* Nested again
* Unordered list item
1. Ordered list item lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, quae nulla dolore eligendi.
2. Ordered list item
1. Nested ordered list item
2. Nested ordered list item
1. Nested again, ordered
2. Nested again, ordered
3. Ordered list item
## Callouts/CTAs/Admonitions
{{% note "Note Shortcode" %}}
Here is *something in italic* in a shortcode. Here is **something in bold**.
{{% /note %}}
{{% caution "Caution Shortcode" %}}
Here is *something in italic* in a shortcode. Here is **something in bold**.
{{% /caution %}}
{{% warning "Warning Shortcode" %}}
Here is *something in italic* in a shortcode. Here is **something in bold**.
{{% /warning %}}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -1,4 +1,3 @@
{{ if gt .WordCount 300}}
<aside id="toc">
<header>
<a href="#page-top">
@ -6,6 +5,5 @@
</a>
</header>
{{.TableOfContents}}
<a href="#" id="toc-toggle">ToC</a>
</aside>
{{ end }}
<a href="#" id="toc-toggle"></a>

View File

@ -5,20 +5,6 @@ $('document').ready(function() {
baseurl = window.location.origin,
path = window.location.pathname,
fullurl = `${baseurl}${path}#${id}`;
$(this).append(`<a class="smooth-scroll heading-link" title="Copy heading link to clipboard" data-clip="${fullurl}" href="#${id}"><i class="icon-link"></i></a>`);
$(this).append(`<a class="smooth-scroll heading-link" title="Copy heading link to clipboard" data-clipboard-text="${fullurl}" href="#${id}"><i class="icon-link"></i></a>`);
});
});
// const hasCopy = document.execCommand('copy', false, null);
// console.log(`${hasCopy} is hasCopy value`);
// window.setTimeout(function() {
// // let headLinks = document.querySelector('.heading-link');
// // for (var i = 0; i < headLinks.length; i++) {
// // headLinks[i].addEventListener('click', copyHeaderLink, false);
// // }
// }, 2000);
// function copyHeaderLink(evt) {
// let link = evt.target.dataset.clip;
// console.log(link);
// }
});

View File

@ -1,7 +1,7 @@
//toggle off-canvas navigation for M- screens
$('#navigation-toggle').on('click', function(evt) {
evt.preventDefault();
evt.stopPropagation();
evt.preventDefault();
evt.stopPropagation();
$('#site-navigation,.all-content-wrapper,#navigation-toggle,#site-footer').toggleClass('navigation-open');
});
//close navigation if body content is clicked when docs are open
@ -9,4 +9,7 @@ $('#all-content-wrapper').on('click', function() {
if ($('.site-navigation.navigation-open')) {
$('.site-navigation.navigation-open,.all-content-wrapper.navigation-open,#navigation-toggle,#site-footer').removeClass('navigation-open');
}
// if ($('#toggle-toc.toc-open')) {
// $('#toggle-toc.toc-open').removeClass('toc-open');
// }
});

View File

@ -0,0 +1,17 @@
//removes toc if not enough headings
(function() {
let tocLinks = document.querySelectorAll('#TableOfContents > ul a');
if(tocLinks && tocLinks.length < 2){
document.getElementById('toc').remove();
}else if (tocLinks && tocLinks.length > 1){
document.getElementById('toc-toggle').addEventListener('click',toggleToc,false);
}
})();
function toggleToc(evt) {
evt.preventDefault();
evt.stopPropagation();
console.log("hello");
document.getElementById('toc').classList.toggle('toc-open');
document.getElementById('toc-toggle').classList.toggle('toc-open');
}

View File

@ -66,6 +66,9 @@ $content-max-width: 34em;
//Header
$site-header-height:50px;
//Toc
$toc-bg-color:$body-bg-color;
//Brand Colors:
$html: #E44D26;
$css: #1758A7;

View File

@ -1,24 +1,38 @@
aside#toc {
position: fixed;
max-width: 280px;
min-width:200px;
overflow-y:scroll;
padding-left:1em;
min-width: 200px;
overflow-y: scroll;
padding: .5em;
bottom: 20px;
right: 20px;
@include card(1);
z-index: 30;
background-color: $toc-bg-color;
transform: scale(0);
transform-origin: bottom right;
opacity: 0;
border-radius: 5px;
&.toc-open {
transform: scale(1);
opacity: 1;
}
nav {
float:left;
overflow-y:scroll;
float: left;
overflow-y: scroll;
ul {
margin-top: .5em;
margin-bottom: 2em;
}
ul li ul {
font-size: .8em;
li {
margin-top:.5em;
margin-top: .5em;
a {
color: lighten($base-font-color, 25%);
}
ul {
display:none;
display: none;
}
}
}
@ -27,20 +41,60 @@ aside#toc {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 1px solid $base-font-color;
color:$base-font-color;
color: $base-font-color;
}
@include MQ(XL) {
box-shadow: none;
top: $site-header-height + 20px;
left: calc(#{$site-navigation-width} + #{$content-max-width} + 3em);
opacity: 1;
transform: scale(1);
}
@include MQ(HUGE){
max-width:320px;
right:10vw;
@include MQ(HUGE) {
max-width: 320px;
right: 10vw;
}
}
a#toc-toggle {
display: none;
}
aside#toc + a#toc-toggle {
display: block;
position: fixed;
bottom: 20px;
right: 20px;
background-color: $toc-bg-color;
color: $hugo-white;
background-color: $hugo-pink;
@include size(50px);
z-index: 99;
line-height: 50px;
text-align: center;
border-radius: 5px;
&:after {
content:'ToC';
display:block;
position:relative;
width:50px;
height:50px;
// top:-50px;
// left:-50px;
}
&.toc-open {
box-shadow: none;
background-color: $toc-bg-color;
color:$base-font-color;
&::after {
content:"\00D7";
font-size:2em;
}
&:hover {
box-shadow:none;
}
}
@include card(2, 5);
@include MQ(XL) {
display: none;
}

File diff suppressed because one or more lines are too long

View File

@ -1,11 +1,41 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 496 496" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<circle cx="256" cy="256" r="256" style="fill:rgb(115,115,115);"/>
<g transform="matrix(1.46332,0,0,1.46332,-118.606,-118.61)">
<circle cx="256" cy="256" r="153.078" style="fill:rgb(115,115,115);"/>
<circle cx="256" cy="256" r="153.078" style="fill:rgb(0,131,192);"/>
</g>
<g id="SVGCleanerId_0" transform="matrix(0.841324,0,0,0.83094,47.3555,41.9272)">
<path d="M247.992,5.163C111.048,5.163 0,116.627 0,254.163C0,364.155 71.048,457.483 169.632,490.403C182.024,492.699 186.544,485.011 186.544,478.403C186.544,472.499 186.328,456.843 186.208,436.059C117.208,451.123 102.656,402.683 102.656,402.683C91.392,373.915 75.136,366.275 75.136,366.275C52.608,350.819 76.832,351.115 76.832,351.115C101.712,352.867 114.808,376.787 114.808,376.787C136.952,414.835 172.872,403.835 187,397.459C189.232,381.379 195.656,370.395 202.736,364.179C147.68,357.883 89.792,336.539 89.792,241.139C89.792,213.963 99.448,191.731 115.312,174.307C112.744,168.011 104.24,142.707 117.728,108.435C117.728,108.435 138.56,101.747 185.928,133.955C205.712,128.435 226.928,125.675 248.024,125.563C269.072,125.675 290.304,128.427 310.12,133.955C357.448,101.747 378.248,108.435 378.248,108.435C391.768,142.707 383.264,168.011 380.704,174.307C396.608,191.731 406.208,213.955 406.208,241.139C406.208,336.779 348.224,357.819 292.976,363.995C301.88,371.683 309.808,386.867 309.808,410.107C309.808,443.403 309.512,470.235 309.512,478.403C309.512,485.075 313.984,492.827 326.56,490.371C425.016,457.387 496,364.123 496,254.163C496,116.627 384.952,5.163 247.992,5.163Z" style="fill:rgb(0,131,192);fill-rule:nonzero;"/>
<g transform="matrix(1.5377,0.00187348,-0.00187348,1.5377,256.004,280.399)">
<g>
<g transform="matrix(1,0,0,1,-128,-129.65)">
<g>
<path d="M200.9,199.8C200.9,213.7 168.7,224.9 129,224.9C89.3,224.9 57.1,213.6 57.1,199.8C57.1,185.9 89.3,174.7 129,174.7C168.7,174.7 200.9,185.9 200.9,199.8Z" style="fill:rgb(158,220,242);fill-rule:nonzero;"/>
<clipPath id="_clip1">
<path d="M98.1,244.8C99.7,252.3 103.6,256.7 107.5,259.3L148.6,259.3C153.6,255.9 158.7,249.5 158.7,237.5L158.7,206.5C158.7,206.5 159.3,198.8 166.4,196.3C166.4,196.3 170.5,193.4 166.1,191.8C166.1,191.8 146.6,190.2 146.6,206.2L146.6,229.8C146.6,229.8 147.4,238.5 142.8,242.1L142.8,212.9C142.8,212.9 143.1,203.6 147.9,200.1C147.9,200.1 151.1,194.4 144.1,195.9C144.1,195.9 130.7,197.8 130.1,213.5L129.8,243.5L126.6,243.5L126.3,213.5C125.7,197.9 112.3,195.9 112.3,195.9C105.3,194.3 108.5,200.1 108.5,200.1C113.3,203.6 113.6,212.9 113.6,212.9L113.6,242.4C109,239.1 109.8,229.8 109.8,229.8L109.8,206.2C109.8,190.2 90.3,191.8 90.3,191.8C85.8,193.4 90,196.3 90,196.3C97,198.9 97.7,206.5 97.7,206.5L97.7,228.2L98.1,244.8Z"/>
</clipPath>
<g clip-path="url(#_clip1)">
<path d="M200.9,199.8C200.9,213.7 168.7,224.9 129,224.9C89.3,224.9 57.1,213.6 57.1,199.8C57.1,185.9 89.3,174.7 129,174.7C168.7,174.7 200.9,185.9 200.9,199.8Z" style="fill:rgb(125,188,231);fill-rule:nonzero;"/>
</g>
<path d="M46.9,125.9L44.8,133.1C44.8,133.1 44.3,135.7 46.7,136.2C49.3,136.1 49.1,133.7 48.9,133L46.9,125.9Z" style="fill:rgb(158,220,242);fill-rule:nonzero;"/>
<path d="M255.8,95.6L256,94.7C234.9,90.5 213.3,90.4 200.2,91C202.3,83.3 203,74.3 203,64.4C203,50.1 197.6,38.7 189,30.1C190.5,25.2 192.5,14.3 187,0.4C187,0.4 177.2,-2.7 154.9,12.2C146.2,10 136.9,8.9 127.6,8.9C117.4,8.9 107.1,10.2 97.4,12.8C74.4,-2.9 64.3,0.3 64.3,0.3C57.7,16.8 61.8,29.1 63,32.1C55.2,40.5 50.5,51.2 50.5,64.3C50.5,74.2 51.6,83.1 54.4,90.8C41.2,90.3 20.4,90.5 0,94.6L0.2,95.5C20.6,91.4 41.6,91.3 54.7,91.8C55.3,93.4 56,95 56.7,96.5C43.7,96.9 21.6,98.6 0.4,104.6L0.7,105.5C22.1,99.5 44.4,97.9 57.3,97.5C65.1,111.9 80.3,121.3 107.5,124.2C103.6,126.8 99.7,131.2 98.1,138.7C92.8,141.2 76.2,147.4 66.2,130.2C66.2,130.2 60.6,120 49.9,119.2C49.9,119.2 39.5,119 49.2,125.7C49.2,125.7 56.1,129 60.9,141.3C60.9,141.3 67.2,162.3 97.3,155.5L97.3,177C97.3,177 96.7,184.7 89.6,187.2C89.6,187.2 85.4,190.1 89.9,191.7C89.9,191.7 109.4,193.3 109.4,177.3L109.4,153.7C109.4,153.7 108.6,144.3 113.2,141.1L113.2,179.9C113.2,179.9 112.9,189.2 108.1,192.7C108.1,192.7 104.9,198.4 111.9,196.9C111.9,196.9 125.3,195 125.9,179.3L126.2,140L129.4,140L129.7,179.3C130.3,194.9 143.7,196.9 143.7,196.9C150.7,198.5 147.5,192.7 147.5,192.7C142.7,189.2 142.4,179.9 142.4,179.9L142.4,141.4C147,145 146.2,153.7 146.2,153.7L146.2,177.3C146.2,193.3 165.7,191.7 165.7,191.7C170.2,190.1 166,187.2 166,187.2C159,184.6 158.3,177 158.3,177L158.3,146C158.3,133.9 153.2,127.5 148.2,124.2C177.2,121.3 191.1,112 197.5,97.4C210.2,97.7 233.1,99.3 254.9,105.5L255.2,104.6C233.5,98.5 210.8,96.9 197.9,96.5C198.5,95 199,93.5 199.5,91.9C212.9,91.4 234.6,91.4 255.8,95.6Z" style="fill:rgb(1,1,1);fill-rule:nonzero;"/>
<path d="M174.6,63.7C180.8,69.4 184.5,76.2 184.5,83.5C184.5,117.9 158.9,118.8 127.3,118.8C95.7,118.8 70.1,114 70.1,83.5C70.1,76.2 73.7,69.4 79.9,63.8C90.2,54.4 107.6,59.4 127.3,59.4C147,59.4 164.3,54.3 174.6,63.7Z" style="fill:rgb(245,204,179);fill-rule:nonzero;"/>
<path d="M108.3,85.3C108.3,94.8 103,102.4 96.4,102.4C89.8,102.4 84.5,94.7 84.5,85.3C84.5,75.8 89.8,68.2 96.4,68.2C103,68.1 108.3,75.8 108.3,85.3Z" style="fill:white;fill-rule:nonzero;"/>
<path d="M104.5,85.5C104.5,91.8 100.9,96.9 96.6,96.9C92.2,96.9 88.7,91.8 88.7,85.5C88.7,79.2 92.3,74.1 96.6,74.1C100.9,74.1 104.5,79.2 104.5,85.5Z" style="fill:rgb(175,92,81);fill-rule:nonzero;"/>
<path d="M172.2,85.3C172.2,94.8 166.9,102.4 160.3,102.4C153.7,102.4 148.4,94.7 148.4,85.3C148.4,75.8 153.7,68.2 160.3,68.2C166.8,68.1 172.2,75.8 172.2,85.3Z" style="fill:white;fill-rule:nonzero;"/>
<path d="M168.3,85.5C168.3,91.8 164.7,96.9 160.4,96.9C156,96.9 152.5,91.8 152.5,85.5C152.5,79.2 156.1,74.1 160.4,74.1C164.8,74.1 168.3,79.2 168.3,85.5Z" style="fill:rgb(175,92,81);fill-rule:nonzero;"/>
<path d="M130.5,100.5C130.5,102.1 129.2,103.5 127.5,103.5C125.9,103.5 124.5,102.2 124.5,100.5C124.5,98.8 125.8,97.5 127.5,97.5C129.1,97.5 130.5,98.8 130.5,100.5Z" style="fill:rgb(175,92,81);fill-rule:nonzero;"/>
<path d="M120.6,108C120.4,107.5 120.7,107 121.2,106.8C121.7,106.6 122.2,106.9 122.4,107.4C123.2,109.6 125.2,111 127.5,111C129.8,111 131.8,109.5 132.6,107.4C132.8,106.9 133.3,106.6 133.8,106.8C134.3,107 134.6,107.5 134.4,108C133.4,110.9 130.6,112.9 127.5,112.9C124.4,112.9 121.6,110.9 120.6,108Z" style="fill:rgb(175,92,81);fill-rule:nonzero;"/>
<path d="M54.5,121.6C54.5,122.4 53.6,123 52.4,123C51.3,123 50.3,122.4 50.3,121.6C50.3,120.8 51.2,120.2 52.4,120.2C53.6,120.2 54.5,120.8 54.5,121.6Z" style="fill:rgb(196,229,217);fill-rule:nonzero;"/>
<path d="M60.3,124.8C60.3,125.6 59.4,126.2 58.2,126.2C57.1,126.2 56.1,125.6 56.1,124.8C56.1,124 57,123.4 58.2,123.4C59.4,123.4 60.3,124 60.3,124.8Z" style="fill:rgb(196,229,217);fill-rule:nonzero;"/>
<path d="M63.8,129C63.8,129.8 62.9,130.4 61.7,130.4C60.6,130.4 59.6,129.8 59.6,129C59.6,128.2 60.5,127.6 61.7,127.6C62.9,127.5 63.8,128.2 63.8,129Z" style="fill:rgb(196,229,217);fill-rule:nonzero;"/>
<path d="M67,133.8C67,134.6 66.1,135.2 64.9,135.2C63.8,135.2 62.8,134.6 62.8,133.8C62.8,133 63.7,132.4 64.9,132.4C66.1,132.3 67,133 67,133.8Z" style="fill:rgb(196,229,217);fill-rule:nonzero;"/>
<path d="M70.5,138.2C70.5,139 69.6,139.6 68.4,139.6C67.3,139.6 66.3,139 66.3,138.2C66.3,137.4 67.2,136.8 68.4,136.8C69.6,136.8 70.5,137.4 70.5,138.2Z" style="fill:rgb(196,229,217);fill-rule:nonzero;"/>
<path d="M75.3,142.1C75.3,142.9 74.4,143.5 73.2,143.5C72.1,143.5 71.1,142.9 71.1,142.1C71.1,141.3 72,140.7 73.2,140.7C74.4,140.6 75.3,141.3 75.3,142.1Z" style="fill:rgb(196,229,217);fill-rule:nonzero;"/>
<path d="M82,144.6C82,145.4 81.1,146 79.9,146C78.8,146 77.8,145.4 77.8,144.6C77.8,143.8 78.7,143.2 79.9,143.2C81.1,143.2 82,143.8 82,144.6Z" style="fill:rgb(196,229,217);fill-rule:nonzero;"/>
<path d="M88.7,144.6C88.7,145.4 87.8,146 86.6,146C85.5,146 84.5,145.4 84.5,144.6C84.5,143.8 85.4,143.2 86.6,143.2C87.8,143.2 88.7,143.8 88.7,144.6Z" style="fill:rgb(196,229,217);fill-rule:nonzero;"/>
<path d="M95.5,143.5C95.5,144.3 94.6,144.9 93.4,144.9C92.3,144.9 91.3,144.3 91.3,143.5C91.3,142.7 92.2,142.1 93.4,142.1C94.5,142.1 95.5,142.7 95.5,143.5Z" style="fill:rgb(196,229,217);fill-rule:nonzero;"/>
</g>
</g>
</g>
</g>
<path d="M126.368,391.387C124.776,388.987 121.792,384.915 117.464,380.843C120.272,385.011 123.256,388.507 126.368,391.387Z" style="fill:rgb(108,169,234);fill-rule:nonzero;"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

File diff suppressed because one or more lines are too long