Commit first addition of Algolia search

This commit is contained in:
Ryan Watters 2017-02-09 18:45:20 -06:00
parent 7d4b94b4bc
commit c20a89b311
32 changed files with 951 additions and 31 deletions

View File

@ -1,10 +1,10 @@
---
title: Introduction to Hugo
linktitle:
linktitle: Introduction to Hugo
description: Hugo's features, roadmap, and license, as well as the motivation behind creating Hugo.
date: 2016-11-01
publishdate: 2016-11-01
lastmod: 2016-11-01
date: 2016-02-01
publishdate: 2016-02-01
lastmod: 2016-02-01
layout: single
weight: 01
draft: false

View File

@ -1,6 +1,6 @@
---
title: How to Use the Hugo Docs
linktitle: Using the Hugo Docs
linktitle: How to Use the Hugo Docs
description: Quick start and guides for installing Hugo on your preferred operating system.
date: 2017-02-01
publishdate: 2017-02-01

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -1,2 +1,3 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
<link rel="stylesheet" href="/css/style.min.css">
<!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> -->

View File

@ -6,3 +6,7 @@
</a>
</div>
</header>
<form id="site-search" action="">
<i class="icon-search"></i>
<input type="search" id="search-input">
</form>

View File

@ -27,3 +27,12 @@
}
})();
</script>
<!-- Algolia embed -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
<script type="text/javascript"> docsearch({
apiKey: '41fdb7fafd9b009498ef9ab6d3fb1886',
indexName: 'hugodocsconcept',
inputSelector: '#search-input',
debug: true // Set debug to true if you want to inspect the dropdown
});
</script>

View File

@ -1,5 +1,5 @@
$('.body-copy a[href$=".pdf"]').append('<i class="icon-pdf"></i>');
$('.body-copy h2,.body-copy h3').each(function() {
$('.body-copy > h2,.body-copy > h3').each(function() {
var id = $(this).attr('id');
$(this).append('<a class="smooth-scroll heading-link" href="#' + id + '"><i class="icon-link"></i></a>');
});
@ -13,11 +13,13 @@ $(document).ready(function () {
e.stopPropagation();
// set target to anchor's "href" attribute
var target = $(this).attr('href');
var hashid = target.split('#')[1];
// scroll to each target
$(target).velocity('scroll', {
duration: 500,
offset: -50,
easing: 'ease-in-out'
});
location.hash = hashid;
});
});

View File

@ -19,7 +19,7 @@ $hugo-yellow:#FCD804;
$hugo-gold:#EBB951;
$hugo-gray:#737373;
$hugo-gray-dark:darken($hugo-gray,10%);
$hugo-gray-light:lighten($hugo-gray,20%);
$hugo-gray-light:lighten($hugo-gray,25%);
$hugo-green:#00A88A;
$hugo-green-light:#33BA91;
$default-anchor-color:$hugo-pink;

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,11 @@
@import "variables";
@import "dropdown";
@import "searchbox";
$searchbox: true!default;
@if($searchbox == true){
@include searchbox($searchbox-config...);
}
@include dropdown($dropdown-config...);

View File

@ -0,0 +1,208 @@
@function even-px($value) {
@if type-of($value) == 'number' {
@if (unitless($value)) {
$value: $value * 1px;
} @else if unit($value) == 'em' {
$value: ($value / 1em * 16px);
} @else if unit($value) == 'pts' {
$value: $value * 1.3333 * 1px;
} @else if unit($value) == '%' {
$value: $value * 16 / 100% * 1px;
};
$value: round($value);
@if ($value % 2 != 0) {
$value: $value + 1;
}
@return $value;
}
}
@mixin searchbox(
$font-size: 90%,
$input-width: 350px,
$input-height: $font-size * 2.4,
$border-width: 1px,
$border-radius: $input-height / 2,
$input-border-color: #ccc,
$input-focus-border-color: #1ec9ea,
$input-background: #f8f8f8,
$input-focus-background: #fff,
$placeholder-color: #aaa,
$icon: 'sbx-icon-search-1',
$icon-size: $input-height / 1.6,
$icon-position: left,
$icon-color: #888,
$icon-background: $input-focus-border-color,
$icon-background-opacity: .1,
$icon-clear: 'sbx-icon-clear-1',
$icon-clear-size: $font-size / 1.1
) {
.searchbox {
display: inline-block;
position: relative;
width: $input-width;
height: even-px($input-height)!important;
white-space: nowrap;
box-sizing: border-box;
visibility: visible!important;
.algolia-autocomplete{
display: block;
width: 100%;
height: 100%;
}
&__wrapper {
width: 100%;
height: 100%;
z-index: 999;
position: relative;
}
&__input {
display: inline-block;
box-sizing: border-box;
transition: box-shadow .4s ease, background .4s ease;
border: 0;
border-radius: even-px($border-radius);
box-shadow: inset 0 0 0 $border-width $input-border-color;
background: $input-background !important;
padding: 0;
padding-right: if($icon-position == 'right', even-px($input-height) + even-px($icon-clear-size) + 8px, even-px($input-height * .8))
+ if($icon-background-opacity == 0, 0, even-px($font-size));
padding-left: if($icon-position == 'right',
even-px($font-size / 2) + even-px($border-radius / 2),
even-px($input-height) + if($icon-background-opacity == 0, 0, even-px($font-size * 1.2)));
width: 100%;
height: 100%;
vertical-align: middle;
white-space: normal;
font-size: $font-size;
appearance: none;
&::-webkit-search-decoration,
&::-webkit-search-cancel-button,
&::-webkit-search-results-button,
&::-webkit-search-results-decoration {
display: none;
}
&:hover {
box-shadow: inset 0 0 0 $border-width darken($input-border-color, 10%);
}
&:focus,
&:active {
outline: 0;
box-shadow: inset 0 0 0 $border-width $input-focus-border-color;
background: $input-focus-background;
}
&::placeholder {
color: $placeholder-color;
}
}
&__submit {
position: absolute;
top: 0;
margin: 0;
border: 0;
border-radius: if($icon-position == 'right', 0 $border-radius $border-radius 0, $border-radius 0 0 $border-radius);
background-color: rgba($icon-background, $icon-background-opacity);
padding: 0;
width: even-px($input-height) + if($icon-background-opacity == 0, 0, even-px($font-size / 2));
height: 100%;
vertical-align: middle;
text-align: center;
font-size: inherit;
user-select: none;
@if $icon-position == 'right' {
right: 0;
left: inherit;
} @else {
right: inherit;
left: 0;
}
// Helper for vertical alignement of the icon
&::before {
display: inline-block;
margin-right: -4px;
height: 100%;
vertical-align: middle;
content: '';
}
&:hover,
&:active {
cursor: pointer;
}
&:focus {
outline: 0;
}
svg {
width: even-px($icon-size);
height: even-px($icon-size);
vertical-align: middle;
fill: $icon-color;
}
}
&__reset {
display: block;
position: absolute;
top: (even-px($input-height) - even-px($icon-clear-size)) / 2 - 4px;
right: if($icon-position == 'right',
even-px($input-height) + if($icon-background-opacity == 0, 0 , even-px($font-size)),
(even-px($input-height) - even-px($icon-clear-size)) / 2 - 4px);
margin: 0;
border: 0;
background: none;
cursor: pointer;
padding: 0;
font-size: inherit;
user-select: none;
fill: rgba(#000, .5);
&.hide {
display: none;
}
&:focus {
outline: 0;
}
svg {
display: block;
margin: 4px;
width: even-px($icon-clear-size);
height: even-px($icon-clear-size);
}
}
&__input:valid ~ &__reset {
display: block;
animation-name: sbx-reset-in;
animation-duration: .15s;
}
@at-root{
@keyframes sbx-reset-in {
0% {
transform: translate3d(-20%, 0, 0);
opacity: 0;
}
100% {
transform: none;
opacity: 1;
}
}
}
}
}

View File

@ -0,0 +1,46 @@
// SEARCHBOX
$searchbox-config: (
input-width: 300px,
input-height: 32px,
border-width: 0px,
border-radius: 16px,
input-border-color: #CCCCCC,
input-focus-border-color: #AAAAAA,
input-background: #FFFFFF,
input-focus-background: #FFFFFF,
font-size: 12px,
placeholder-color: #AAAAAA,
icon-size: 14px,
icon-position: left,
icon-color: #6D7E96,
icon-background: #458EE1,
icon-background-opacity: 0,
icon-clear-size: 8px
) !default;
// DROPDOWN
$dropdown-config: (
main-color: #458EE1,
layout-type: normal,
layout-width: normal,
layout-alignment: align,
background-color: #fff,
border-radius: 4,
border-width: 1,
border-color: #d9d9d9,
box-shadow: light,
branding-position: bottom,
spacing: normal,
include-desc: yes,
background-category-header: #ffffff,
font-size: normal,
header-color: #33363D,
title-color: #02060C,
subtitle-color: #A4A7AE,
text-color: #63676D,
highlight-color: #3881FF,
highlight-opacity: .1,
highlight-type: underline
) !default;
$builder-height: 260px;

View File

@ -21,14 +21,17 @@ h1 {
h2 {
font-size: 1.5em;
padding-top:50px;
}
h3 {
font-size: 1.2em;
padding-top:50px;
}
h4 {
font-size: 1em;
padding-top:50px;
color: $hugo-gray;
text-transform: uppercase;
}

View File

@ -0,0 +1,8 @@
#search-input {
@include on-event($self: true) {
outline: none;
}
outline:none;
border:0px;
border-bottom:1px solid $base-font-color;
}

View File

@ -49,3 +49,11 @@
margin-left: 1em;
}
}
#site-search {
display:block;
position:fixed;
top:10px;
right:10px;
z-index:50;
}

View File

@ -73,19 +73,19 @@ main#homepage {
}
}
}
.homepage-card-copy {}
h2 {
font-size: 1em;
margin: 0px;
line-height: 1.1;
margin-bottom: .5em;
padding-bottom: 0px;
color:$base-font-color;
}
p {
font-size: .8em;
line-height: 1.3;
margin-bottom: 0px;
color: lighten($base-font-color, 15%);
color: lighten($base-font-color, 20%);
}
}
}

View File

@ -17,11 +17,13 @@
@import 'components/lists';
@import 'components/anchors';
@import 'components/note-caution-and-warning-shortcodes';
// @import 'vendor/prism';
@import 'vendor/highlightjs';
@import 'components/code';
@import 'components/icons';
@import 'components/tags';
@import 'algolia/main';
@import 'components/site-search';
//major layout parts/chrome
@import 'layout/site-header';
@ -29,6 +31,5 @@
@import 'layout/site-content';
@import 'layout/site-footer';
//styles for individual pages
@import 'pages/homepage';

File diff suppressed because one or more lines are too long

View File

@ -1,19 +1,18 @@
<?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 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(0,131,192);"/>
<path d="M388.57,367.672L118.205,367.672L133.747,347.819L388.57,347.819L388.57,367.672Z" style="fill:rgb(0,168,138);fill-rule:nonzero;"/>
<path d="M164.695,360.234L118.206,367.673L125.645,321.184L344.297,102.53C349.346,97.481 357.533,97.481 362.583,102.53L383.348,123.295C388.397,128.344 388.397,136.531 383.348,141.581L164.695,360.234Z" style="fill:rgb(255,132,104);fill-rule:nonzero;"/>
<path d="M323.686,123.14L125.644,321.183L118.205,367.672L164.695,360.234L362.737,162.191L323.686,123.14Z" style="fill:rgb(252,216,4);fill-rule:nonzero;"/>
<path d="M137.443,364.594L121.283,348.435L118.205,367.672L137.443,364.594Z" style="fill:rgb(30,73,95);fill-rule:nonzero;"/>
<path d="M118.405,366.428L118.205,367.672L137.443,364.594L128.84,355.993L118.405,366.428Z" style="fill:rgb(29,56,78);fill-rule:nonzero;"/>
<g transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,245.951,585.256)">
<rect x="233.664" y="97.052" width="21.044" height="289.277" style="fill:rgb(235,185,81);"/>
</g>
<g transform="matrix(0.7071,0.7071,-0.7071,0.7071,245.882,-103.312)">
<rect x="242.021" y="100.511" width="11.258" height="289.277" style="fill:rgb(255,162,0);"/>
</g>
<path d="M383.347,141.581C388.397,136.531 388.397,128.344 383.347,123.295L362.582,102.53C357.533,97.481 349.346,97.48 344.296,102.53L323.686,123.14L362.737,162.191L383.347,141.581Z" style="fill:rgb(230,17,0);fill-rule:nonzero;"/>
<path d="M164.695,360.234L125.644,321.183L121.283,348.435L137.443,364.594L164.695,360.234Z" style="fill:rgb(250,227,194);fill-rule:nonzero;"/>
<path d="M128.84,355.993L137.443,364.594L164.695,360.234L144.646,340.186L128.84,355.993Z" style="fill:rgb(255,216,177);fill-rule:nonzero;"/>
<circle cx="256" cy="256" r="256" style="fill:rgb(115,115,115);"/>
<path d="M268.364,110.759L112.849,110.759L112.849,401.241L335.412,401.241L335.412,177.807L268.364,110.759Z" style="fill:rgb(250,227,194);fill-rule:nonzero;"/>
<path d="M335.412,177.806L268.364,110.759L211.069,110.759L211.069,401.241L335.412,401.241L335.412,177.806Z" style="fill:rgb(255,216,177);fill-rule:nonzero;"/>
<path d="M268.364,177.806L335.412,177.806L268.364,110.759L268.364,177.806Z" style="fill:rgb(248,190,148);fill-rule:nonzero;"/>
<path d="M408.555,368.849L386.612,399.151L364.669,368.849L364.669,123.123C364.669,117.448 369.27,112.849 374.943,112.849L398.279,112.849C403.954,112.849 408.554,117.45 408.554,123.123L408.554,368.849L408.555,368.849Z" style="fill:rgb(255,132,104);fill-rule:nonzero;"/>
<path d="M364.669,146.286L364.669,368.849L386.612,399.151L408.555,368.849L408.555,146.286L364.669,146.286Z" style="fill:rgb(255,209,83);fill-rule:nonzero;"/>
<path d="M395.692,386.612L377.532,386.612L386.612,399.151L395.692,386.612Z" style="fill:rgb(177,201,218);fill-rule:nonzero;"/>
<path d="M386.612,386.612L386.612,399.151L395.692,386.612L386.612,386.612Z" style="fill:rgb(155,182,198);fill-rule:nonzero;"/>
<rect x="378.253" y="142.629" width="16.718" height="229.878" style="fill:rgb(255,181,65);"/>
<rect x="386.612" y="142.629" width="8.359" height="229.878" style="fill:rgb(255,162,0);"/>
<path d="M408.555,123.123C408.555,117.448 403.954,112.849 398.281,112.849L374.945,112.849C369.27,112.849 364.67,117.449 364.67,123.123L364.67,146.285L408.556,146.285L408.556,123.123L408.555,123.123L408.555,123.123Z" style="fill:rgb(223,46,24);fill-rule:nonzero;"/>
<path d="M408.555,123.123C408.555,117.448 403.954,112.849 398.281,112.849L386.613,112.849L386.613,146.286L408.556,146.286L408.556,123.123L408.555,123.123Z" style="fill:rgb(195,27,14);fill-rule:nonzero;"/>
<path d="M408.555,368.849L364.669,368.849L377.532,386.612L395.692,386.612L408.555,368.849Z" style="fill:rgb(250,227,194);fill-rule:nonzero;"/>
<path d="M408.555,368.849L386.612,368.849L386.612,386.612L395.692,386.612L408.555,368.849Z" style="fill:rgb(255,216,177);fill-rule:nonzero;"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -0,0 +1,130 @@
<?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 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(204,204,204);"/>
<g transform="matrix(0.7072,0.707,-0.707,0.7072,256.344,-104.715)">
<rect x="225.491" y="42.504" width="58.592" height="425.683" style="fill:rgb(255,64,136);"/>
</g>
<g transform="matrix(0.7074,0.7068,-0.7068,0.7074,270.097,-110.519)">
<rect x="258.859" y="56.351" width="19.525" height="425.683" style="fill:rgb(201,23,126);"/>
</g>
<g>
<g transform="matrix(0.7074,-0.7068,0.7068,0.7074,-241.475,178.431)">
<rect x="92.249" y="375.991" width="5.057" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7058,-0.7084,0.7084,0.7058,-232.371,183.11)">
<rect x="101.749" y="366.44" width="5.051" height="9.768" style="fill:white;"/>
</g>
<g transform="matrix(0.7074,-0.7068,0.7068,0.7074,-222.437,186.288)">
<rect x="111.264" y="356.925" width="5.044" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7081,-0.7062,0.7062,0.7081,-212.794,189.928)">
<rect x="120.757" y="347.436" width="5.091" height="9.765" style="fill:white;"/>
</g>
<g transform="matrix(0.7071,-0.7071,0.7071,0.7071,-203.476,194.34)">
<rect x="130.321" y="337.907" width="5.06" height="9.761" style="fill:white;"/>
</g>
<g transform="matrix(0.7058,-0.7084,0.7084,0.7058,-194.222,198.919)">
<rect x="139.857" y="328.412" width="5.051" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7084,-0.7058,0.7058,0.7084,-184.192,201.605)">
<rect x="149.36" y="318.836" width="5.074" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7074,-0.7068,0.7068,0.7074,-174.893,206.019)">
<rect x="158.866" y="309.374" width="5.047" height="9.754" style="fill:white;"/>
</g>
<g transform="matrix(0.7058,-0.7084,0.7084,0.7058,-165.592,210.73)">
<rect x="168.398" y="299.848" width="5.041" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7077,-0.7065,0.7065,0.7077,-155.834,213.784)">
<rect x="177.928" y="290.344" width="5.051" height="9.764" style="fill:white;"/>
</g>
<g transform="matrix(0.7071,-0.7071,0.7071,0.7071,-146.369,217.988)">
<rect x="187.428" y="280.795" width="5.044" height="9.764" style="fill:white;"/>
</g>
<g transform="matrix(0.7058,-0.7084,0.7084,0.7058,-136.981,222.561)">
<rect x="196.925" y="271.316" width="5.084" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7084,-0.7058,0.7058,0.7084,-127.251,225.25)">
<rect x="206.462" y="261.75" width="5.044" height="9.761" style="fill:white;"/>
</g>
<g transform="matrix(0.7071,-0.7071,0.7071,0.7071,-117.82,229.816)">
<rect x="215.972" y="252.244" width="5.06" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7065,-0.7077,0.7077,0.7065,-108.281,234.034)">
<rect x="225.504" y="242.687" width="5.041" height="9.761" style="fill:white;"/>
</g>
<g transform="matrix(0.7077,-0.7065,0.7065,0.7077,-98.8083,237.406)">
<rect x="234.994" y="233.234" width="5.041" height="9.768" style="fill:white;"/>
</g>
<g transform="matrix(0.7068,-0.7074,0.7074,0.7068,-89.2658,241.792)">
<rect x="244.534" y="223.701" width="5.054" height="9.768" style="fill:white;"/>
</g>
<g transform="matrix(0.7061,-0.7081,0.7081,0.7061,-79.7139,246.072)">
<rect x="254.058" y="214.183" width="5.054" height="9.768" style="fill:white;"/>
</g>
<g transform="matrix(0.7065,-0.7077,0.7077,0.7065,-70.1896,249.813)">
<rect x="263.569" y="204.646" width="5.051" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7084,-0.7058,0.7058,0.7084,-60.8066,252.849)">
<rect x="273.066" y="195.13" width="5.084" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7065,-0.7077,0.7077,0.7065,-51.1264,257.703)">
<rect x="282.619" y="185.612" width="5.041" height="9.761" style="fill:white;"/>
</g>
<g transform="matrix(0.7058,-0.7084,0.7084,0.7058,-41.5359,261.988)">
<rect x="292.133" y="176.117" width="5.054" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7077,-0.7065,0.7065,0.7077,-32.2375,265.011)">
<rect x="301.641" y="166.586" width="5.041" height="9.761" style="fill:white;"/>
</g>
<g transform="matrix(0.7071,-0.7071,0.7071,0.7071,-22.6412,269.247)">
<rect x="311.168" y="157.074" width="5.044" height="9.761" style="fill:white;"/>
</g>
<g transform="matrix(0.7065,-0.7077,0.7077,0.7065,-13.0191,273.443)">
<rect x="320.636" y="147.538" width="5.067" height="9.761" style="fill:white;"/>
</g>
<g transform="matrix(0.7077,-0.7065,0.7065,0.7077,-3.7053,276.861)">
<rect x="330.229" y="138.028" width="5.041" height="9.761" style="fill:white;"/>
</g>
<g transform="matrix(0.7068,-0.7074,0.7074,0.7068,5.979,281.203)">
<rect x="339.705" y="128.507" width="5.047" height="9.764" style="fill:white;"/>
</g>
<g transform="matrix(0.7055,-0.7087,0.7087,0.7055,15.8045,285.768)">
<rect x="349.22" y="118.982" width="5.067" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7087,-0.7055,0.7055,0.7087,24.5519,288.181)">
<rect x="358.736" y="109.481" width="5.044" height="9.754" style="fill:white;"/>
</g>
<g transform="matrix(0.7068,-0.7074,0.7074,0.7068,34.5488,293.043)">
<rect x="368.267" y="99.957" width="5.057" height="9.771" style="fill:white;"/>
</g>
<g transform="matrix(0.7065,-0.7077,0.7077,0.7065,44.1806,297.101)">
<rect x="377.768" y="90.403" width="5.051" height="9.761" style="fill:white;"/>
</g>
</g>
<g transform="matrix(0.7072,-0.7071,0.7071,0.7072,-105.937,254.919)">
<rect x="225.493" y="42.493" width="58.566" height="425.713" style="fill:rgb(252,216,4);"/>
</g>
<g transform="matrix(0.7073,-0.7069,0.7069,0.7073,-92.0994,260.565)">
<rect x="258.85" y="28.66" width="19.512" height="425.683" style="fill:rgb(235,185,81);"/>
</g>
<path d="M198.388,72.364C185.162,85.58 163.727,85.577 150.498,72.347L46.146,176.703L94.046,224.6L230.886,87.76L206.938,63.812L198.388,72.364Z" style="fill:rgb(53,63,73);fill-rule:nonzero;"/>
<g>
<path d="M80.371,224.593L94.046,224.6L46.146,176.703L46.146,190.381L80.371,224.593Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M263.535,156.897L248.465,156.897L244.098,178.794L267.908,178.794L263.535,156.897Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M212.956,166.407L199.971,173.862L207.125,195.046L227.731,183.194L212.956,166.407Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M173.938,199.977L166.407,212.916L183.204,227.721L195.046,207.116L173.938,199.977Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M156.903,248.465L156.91,263.541L178.784,267.908L178.784,244.079L156.903,248.465Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M166.407,299.064L173.938,312.019L195.046,304.875L183.204,284.272L166.407,299.064Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M199.971,338.072L212.956,345.58L227.731,328.78L207.125,316.948L199.971,338.072Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M248.465,355.103L263.535,355.103L267.908,333.206L244.098,333.206L248.465,355.103Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M299.064,345.58L312.033,338.072L304.884,316.948L284.279,328.78L299.064,345.58Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M338.079,312.019L345.58,299.064L328.78,284.272L316.948,304.875L338.079,312.019Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M355.097,263.541L355.097,248.465L333.2,244.079L333.2,267.908L355.097,263.541Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M345.58,212.916L338.079,199.977L316.948,207.116L328.78,227.721L345.58,212.916Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
<path d="M312.033,173.862L299.051,166.407L284.279,183.194L304.884,195.046L312.033,173.862Z" style="fill:rgb(71,79,89);fill-rule:nonzero;"/>
</g>
<path d="M255.997,177.902C212.916,177.902 177.892,212.844 177.892,255.997C177.892,299.131 212.916,334.092 255.997,334.092C299.15,334.092 334.125,299.131 334.125,255.997C334.121,212.847 299.15,177.902 255.997,177.902ZM255.997,277.587C244.082,277.587 234.397,267.981 234.397,255.997C234.397,244.033 244.082,234.401 255.997,234.401C267.932,234.401 277.597,244.033 277.597,255.997C277.593,267.981 267.928,277.587 255.997,277.587Z" style="fill:rgb(53,63,73);fill-rule:nonzero;"/>
<path d="M255.997,218.472C235.282,218.472 218.476,235.279 218.476,255.997C218.476,276.735 235.283,293.532 255.997,293.532C276.788,293.532 293.538,276.735 293.538,255.997C293.535,235.279 276.787,218.472 255.997,218.472ZM255.997,274.759C245.668,274.759 237.301,266.332 237.301,255.997C237.301,245.665 245.668,237.238 255.997,237.238C266.28,237.238 274.769,245.665 274.769,255.997C274.769,266.332 266.276,274.759 255.997,274.759Z" style="fill:white;fill-rule:nonzero;"/>
</svg>

After

Width:  |  Height:  |  Size: 9.8 KiB

File diff suppressed because one or more lines are too long