1
0
Fork 0

Set up resume template.

experiences
Mari 5 years ago
parent 0a652f237f
commit 930bfcd4c5
  1. 192
      .eleventy.js
  2. 17
      _data/awards.yaml
  3. 27
      _data/contact.yaml
  4. 20
      _data/education.yaml
  5. 76
      _data/experience.yaml
  6. 10
      _data/metadata.json
  7. 6
      _data/metadata.yaml
  8. 66
      _data/skills.yaml
  9. 447
      _includes/assets/css/main.css
  10. 5
      _includes/assets/css/print.css
  11. 109
      _includes/assets/css/resizing.css
  12. 109
      _includes/assets/css/screen.css
  13. 43
      _includes/assets/js/main.js
  14. 8
      _includes/components/footer.njk
  15. 8
      _includes/components/head.njk
  16. 18
      _includes/components/resume/award-section.njk
  17. 10
      _includes/components/resume/award.njk
  18. 18
      _includes/components/resume/contact-section.njk
  19. 12
      _includes/components/resume/contact.njk
  20. 18
      _includes/components/resume/education-section.njk
  21. 13
      _includes/components/resume/education.njk
  22. 40
      _includes/components/resume/experience-role.njk
  23. 13
      _includes/components/resume/experience-section.njk
  24. 23
      _includes/components/resume/header.njk
  25. 5
      _includes/components/resume/highlight-icon.njk
  26. 12
      _includes/components/resume/show-hide-toggle.njk
  27. 16
      _includes/components/resume/skill-section.njk
  28. 10
      _includes/components/resume/skill-subcategory.njk
  29. 12
      _includes/components/resume/skill.njk
  30. 2
      _includes/components/twitter-card.njk
  31. 5
      _includes/layouts/base.njk
  32. 37
      _includes/layouts/resume.njk
  33. 21
      index.md
  34. 20
      package-lock.json
  35. 15
      package.json
  36. BIN
      static/img/contacts/github.png
  37. 48
      static/img/contacts/home.svg
  38. 39
      static/img/contacts/japan.svg
  39. 176
      static/img/contacts/us.svg
  40. 1
      static/img/contacts/www.svg
  41. BIN
      static/img/education/regis.jpeg
  42. BIN
      static/img/education/rpi.jpg
  43. BIN
      static/img/education/tefl_ita.png
  44. 0
      static/img/edupatilla-mari.png
  45. BIN
      static/img/jobs/google/bazel-old.png
  46. BIN
      static/img/jobs/google/bazel.png
  47. BIN
      static/img/jobs/google/google.png
  48. BIN
      static/img/jobs/google/wallet.jpg
  49. 58
      static/img/print.svg
  50. 13
      static/img/proficiency/0_beginner.svg
  51. 9
      static/img/proficiency/1_novice.svg
  52. 10
      static/img/proficiency/2_intermediate.svg
  53. 11
      static/img/proficiency/3_experienced.svg
  54. 12
      static/img/proficiency/4_adept.svg
  55. 13
      static/img/proficiency/5_advanced.svg
  56. 14
      static/img/proficiency/6_expert.svg
  57. 19
      static/img/proficiency/x_template.svg
  58. 60
      static/img/skills/code/golang.svg
  59. 14
      static/img/skills/code/html5.svg
  60. 13
      static/img/skills/code/java.svg
  61. 31
      static/img/skills/code/js.svg
  62. 34
      static/img/skills/code/kotlin.svg
  63. 55
      static/img/skills/code/python.svg
  64. BIN
      static/img/skills/code/typescript.png
  65. 39
      static/img/skills/languages/japan.svg
  66. 176
      static/img/skills/languages/us.svg
  67. 9
      static/img/skills/libraries/react.svg
  68. 0
      static/img/snaximation-mari.png
  69. 1
      static/img/spotlights-dark.svg
  70. 1
      static/img/spotlights.svg
  71. 29
      test.md

@ -2,6 +2,8 @@ const HTMLMinifier = require("html-minifier");
const CleanCSS = require("clean-css");
const UglifyES = require("uglify-es");
const MarkdownIt = require("markdown-it");
const JSYaml = require("js-yaml");
require('intl');
const markdownIt = MarkdownIt({
html: true,
@ -17,6 +19,184 @@ module.exports = function(eleventyConfig) {
"static/img": "img"
});
eleventyConfig.addFilter("monthAndYear", function(date) {
return date.toLocaleDateString(undefined, {
year: "numeric",
month: "short"
});
});
// Creates a child object with a new or overridden property without affecting
// the original.
function inheritAndAdd(base, newProperties) {
return Object.assign(Object.create(base), newProperties);
}
// Sorts highlights before lowlights, and adds a highlight boolean property.
//
// itemList is an array of objects with "id" (string) properties
// filter is a specification for how to filter this list, which can be:
// * true or "all", in which case all items are highlights
// * some falsy value, in which case no items are highlights
// * an array containing item IDs which are highlights and others are
// lowlights
// * an array containing "all" and item IDs each prepended by "-", where
// negated IDs are lowlights and others are highlights
// * an object, in which case its keys are used as an array (as above)m
// regardless of their values
// Returns an array of objects, each of which has a one-to-one correspondence
// with an input item, using that object as its prototype and adding a
// boolean "highlight" property. Order is preserved within highlights and
// lowlights, but highlights are first in the list.
function identifyHighlights(itemList, filter) {
if (!Array.isArray(itemList)) {
return itemList;
}
const highlights = [];
const lowlights = [];
if (!Array.isArray(filter)) {
if (filter === true || filter === "all") {
filter = ["all"]
} else if (typeof filter === "object") {
filter = Object.keys(filter);
} else {
filter = [];
}
}
itemList.forEach(function(item) {
if ((filter.includes("all")
&& !filter.includes("-" + item.id))
|| filter.includes(item.id)) {
highlights.push(inheritAndAdd(item, {highlight: true}));
} else {
lowlights.push(inheritAndAdd(item, {highlight: false}));
}
});
return highlights.concat(lowlights);
}
eleventyConfig.addFilter("identifyHighlights", identifyHighlights);
// Sorts highlights before lowlights for this list and each of the child
// layers listed.
//
// itemList is an array of objects with
// "id" (string) and headAttribute (list of object) properties.
// filter is a specification for how to filter this list and its children:
// * true or "all", in which case all items on all layers are highlights
// * some falsy value, in which case all items on all layers are lowlights
// * an array containing item IDs, in which case all matching items on this
// layer are highlights, as well as all of their descendants, and all
// non-matching items on this layer and all of their descendants are
// lowlights
// * an array containing "all" and item IDs preceded by "-", in which case all
// negated IDs and their descendants are lowlights, and all others and
// their descendants are highlights
// * an object whose keys are used as an array (as above) to match this layer,
// but whose values are used as the value for filter when recursively
// calling on the value of headAttribute.
// If one of these keys exists, the child will be called with its value as
// the filter argument, in this order:
// * child.id
// * "-" + child.id
// * "all"
// * "-all"
// Otherwise, the child will be called with false.
// headAttribute, nextAttribute, and tailAttributes are strings; nextAttribute
// and tailAttributes are optional.
// Returns an array of objects, each of which has a one-to-one correspondence
// with an input item, using that object as its prototype and adding a
// boolean "highlight" property and a list of objects headAttribute property
// fulfilling the same type of contract as described here. Order is
// preserved within highlights and lowlights, but highlights are first in
// the list.
function identifyHighlightsRecursive(itemList, filter, headAttribute, nextAttribute, ...tailAttributes) {
if (Array.isArray(filter)) {
const newFilter = {};
filter.forEach(function(item) {
if (item.startsWith("-")) {
newFilter[item] = false;
} else {
newFilter[item] = true;
}
});
filter = newFilter;
} else if (typeof filter !== "object"){
if (filter === true || filter === "all") {
filter = { "all": true };
} else {
filter = {};
}
}
const highlightList = identifyHighlights(itemList, filter);
if (!headAttribute || !Array.isArray(highlightList)) {
return highlightList;
}
highlightList.forEach(function(item) {
if (!(headAttribute in item)) {
// can't recurse into an item which doesn't have our recursive property
return;
}
const children = item[headAttribute];
const match = [item.id, "-" + item.id, "all", "-all"].find((key) => key in filter);
const childFilter = match ? filter[match] : false;
// safe to modify in-place because we got this result back from
// identifyHighlights, which inherits from its input
item[headAttribute] = identifyHighlightsRecursive(children, childFilter, nextAttribute, ...tailAttributes);
});
return highlightList;
}
eleventyConfig.addFilter("identifyHighlightsRecursive", identifyHighlightsRecursive);
// Checks if there are any items with a truthy highlight property in itemList.
function hasHighlights(itemList) {
if (!Array.isArray(itemList)) {
return false;
}
return itemList.some(function(item) {
return item.highlight;
});
}
eleventyConfig.addFilter("hasHighlights", hasHighlights);
// Checks if there are any items with a falsy highlight property in itemList.
function hasLowlights(itemList) {
if (!Array.isArray(itemList)) {
return false;
}
return itemList.some(function(item) {
return !item.highlight;
});
}
eleventyConfig.addFilter("hasLowlights", hasLowlights);
// Checks if there are any items within this list or its children with a
// truthy highlight property.
function hasHighlightsRecursive(itemList, headAttribute, nextAttribute, tailAttributes) {
if (!Array.isArray(itemList)) {
return false;
}
return hasHighlights(itemList) || itemList.some(
(child) => headAttribute in child && child.hasHighlightsRecursive(
child[headAttribute], nextAttribute, ...tailAttributes));
}
eleventyConfig.addFilter("hasHighlightsRecursive", hasHighlightsRecursive);
// Checks if there are any items within this list or its children with a
// falsy highlight property.
function hasLowlightsRecursive(itemList, headAttribute, nextAttribute, tailAttributes) {
if (!Array.isArray(itemList)) {
return false;
}
return hasLowlights(itemList) || itemList.some(
(child) => headAttribute in child && child.hasLowlightsRecursive(
child[headAttribute], nextAttribute, ...tailAttributes));
}
eleventyConfig.addFilter("hasLowlightsRecursive", hasLowlightsRecursive);
eleventyConfig.addFilter("md", function(content) {
return markdownIt.render(content);
});
eleventyConfig.addTransform("minifyHTML", function(html, path) {
if(path && path.endsWith(".html")) {
return HTMLMinifier.minify(html, {
@ -28,8 +208,14 @@ module.exports = function(eleventyConfig) {
return html;
});
eleventyConfig.addFilter("minifyCSS", function(code) {
return new CleanCSS({}).minify(code).styles;
eleventyConfig.addNunjucksAsyncFilter("minifyCSS", function(code, callback) {
return new CleanCSS({ level: 2, inline: ['all'] }).minify(code, (err, result) => {
if (err) {
callback(err, null);
} else {
callback(null, result.styles);
}
});
});
eleventyConfig.addFilter("minifyJS", function(code) {
@ -41,6 +227,8 @@ module.exports = function(eleventyConfig) {
return minified.code;
});
eleventyConfig.addDataExtension("yaml", contents => JSYaml.safeLoad(contents));
return {
templateFormats: [
"html",

@ -0,0 +1,17 @@
---
awards:
- id: perfy
image: jobs/google/bazel.png
role: Google (Bazel)
name: Bronze Perfy
description: Part of tooling team for Google-wide migration
- id: python-readability
image: jobs/google/google.png
role: Google
name: py-readability
description: High-quality, well-structured Python code
- id: deans-list
image: education/rpi.jpg
role: RPI
name: Dean's List
description: Had consistently high GPA for each semester

@ -0,0 +1,27 @@
---
methods:
- id: us-phone
name: US phone number
text: "+1-000-000-0000"
link: tel:+01-
img: contacts/us.svg
- id: jp-phone
name: JP phone number
text: "+81-00-0000-0000"
link: tel:+81-
img: contacts/japan.svg
- id: address
name: Permanent address
text: Manhattan, NY, USA
link: https://goo.gl/maps/vPM5FrX9ut7fjQ1MA
img: contacts/home.svg
- id: resume
name: Full resume website
text: resume.reya.zone
link: https://resume.reya.zone
img: contacts/www.svg
- id: github
name: Github username
text: programmablereya
link: https://github.com/programmablereya
img: contacts/github.png

@ -0,0 +1,20 @@
---
programs:
- id: rpi
startDate: 2007-08-15 # approximate date, I don't remember that far back
endDate: 2011-05-15 # approximate date, who knows
name: Dual B.S. (Computer & Systems Engineering, Computer Science)
institution: Rensselaer Polytechnic Institute
image: education/rpi.jpg
- id: tefl_ita
startDate: 2019-08-12
endDate: 2019-10-21
name: Teaching English as a Foreign Language (partial)
institution: International TEFL Academy
image: education/tefl_ita.png
- id: regis
startDate: 2003-09-15 # again how the heck should I know
endDate: 2007-06-15 # this was like ages and ages ago
name: high school diploma
institution: Regis High School
image: education/regis.jpeg

@ -0,0 +1,76 @@
---
roles:
- id: bazel-configurability
image: jobs/google/bazel.png
name: Software Engineer # III
team: Bazel Configurability
company: Google
startDate: 2016-07-15 # vague guess - this was around when I would have
# started getting to work on reviewing configurability
# changes and getting up to speed on this team
endDate: 2019-10-04 # dead on, this was my last day at Google
shortDescription: |
Just buckets of trimming.
description: |
Let's see here.
What did I do on Configurability?
Besides _endless_ amounts of **trimming**?
achievements:
- id: trimming
description: |
I did _endless_ amounts of **trimming**.
- id: other
description: |
I did other stuff, **too**.
- id: bazel-release
image: jobs/google/bazel-old.png
name: Software Engineer in Test # II
team: Bazel Release Process
company: Google
startDate: 2013-09-15 # rough guess, since I was still working on Wallet in
# Q3 2013, but had fully transitioned to Bazel by
# Q3 2014 - but it hadn't gotten cold yet
endDate: 2017-06-15 # did I truly ever stop working on the release process?
# however, this is around when it stopped being my job
description: "The long version is, I did so much freaking junk on this thing."
shortDescription: "The short version is, a lot."
achievements:
- id: mentor
description: |
I taught Florian the secrets of releases.
- id: teach
description: |
I taught everyone else how to be sheriff.
- id: bazel-android
image: jobs/google/bazel-old.png
name: Software Engineer # II
team: Bazel Android Support
company: Google
startDate: 2013-09-15 # same as Bazel Release Process
endDate: 2016-11-15 # vague guess - this is around when my focus shifted to
# configurability full-time, since before that I was
# doing configurability as a side job and Android as a
# primary job
description: null
- id: google-tooling
image: jobs/google/google.png
name: Software Engineer in Test # II
team: Internal Tooling
company: Google
startDate: 2013-02-15 # rough guess, since Jon mentioned my work on the tool
# in Q3 2013
# which was after I started the UI work in Summer
# which was after I'd been invited to start working on
# the project around midway through Q1
endDate: 2017-12-18 # dead on, this is the day I got a peer bonus for
# helping with turning this down
description: null
- id: wallet-testing
image: jobs/google/wallet.jpg
name: Software Engineer in Test # II
team: Wallet Web Frontend
company: Google
startDate: 2011-07-18 # dead on, this was my start date
endDate: 2013-09-15 # same as with the Bazel Release Process start date,
# since they're the same day
description: null

@ -1,10 +0,0 @@
{
"title": "Marissa Staib | Resume",
"description": "Skills, education, and experience for Marissa Staib in software."
"url": "https://resume.reya.zone",
"cardimage_path": "/img/edupatilla-mari-image.png",
"contact": {
"email": "mari.soft@reya.zone",
"twitter": "GossipyReya"
}
}

@ -0,0 +1,6 @@
---
title: Marissa Staib
description: Skills, education, and experience for Marissa Staib in software.
url: https://resume.reya.zone
cardimage_path: "/img/snaximation-mari.png"
twitter: GossipyReya

@ -0,0 +1,66 @@
---
proficiency:
- label: Beginner (0 of 5)
image: proficiency/0_beginner.svg
- label: Novice (1 of 5)
image: proficiency/1_novice.svg
- label: Intermediate (2 of 5)
image: proficiency/2_intermediate.svg
- label: Experienced (3 of 5)
image: proficiency/3_experienced.svg
- label: Adept (4 of 5)
image: proficiency/4_adept.svg
- label: Advanced (5 of 5)
image: proficiency/5_advanced.svg
- label: Expert (6 of 5)
image: proficiency/6_expert.svg
categories:
- id: code
title: Code Languages
skills:
- id: python
proficiency: 6
name: Python
img: skills/code/python.svg
- id: java
proficiency: 6
name: Java
img: skills/code/java.svg
- id: javascript
proficiency: 5
name: JavaScript
img: skills/code/js.svg
- id: typescript
proficiency: 4
name: TypeScript
img: skills/code/typescript.png
- id: html5
proficiency: 3
name: HTML5+CSS3
img: skills/code/html5.svg
- id: kotlin
proficiency: 1
name: Kotlin
img: skills/code/kotlin.svg
- id: golang
proficiency: 0
name: Go
img: skills/code/golang.svg
- id: libraries
title: Libraries/Tools
skills:
- id: react
proficiency: 2
name: React
img: skills/libraries/react.svg
- id: languages
title: Languages
skills:
- id: english
proficiency: 6
name: US English
img: skills/languages/us.svg
- id: japanese
proficiency: 2
name: Japanese
img: skills/languages/japan.svg

@ -0,0 +1,447 @@
@import url('https://fonts.googleapis.com/css?family=Cinzel:700|Montserrat:700|Noto+Sans+JP:300|Nunito+Sans:400,800&display=swap');
body {
margin: 0;
}
* {
box-sizing: border-box;
}
:root {
font-size: 13px;
line-height: 1.3;
}
header {
white-space: nowrap;
text-overflow: clip;
}
p, h1, h2, h3, ul {
margin: 0;
font-size: inherit;
list-style: none;
padding: 0;
margin: 0;
}
body {
font-family: 'Nunito Sans', 'Arial', sans-serif;
}
header {
position: relative;
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
text-shadow: white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;
background-color: white;
background-image: linear-gradient(to right, white 40%, transparent 60%), linear-gradient(to bottom, transparent 80%, white), url("/img/edupatilla-mari.png");
background-size: auto, auto, auto 300%;
background-position: center center, center center, right 30%;
background-repeat: no-repeat, no-repeat, no-repeat;
}
header h1 {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
font-family: 'Montserrat', 'Noto Sans JP', 'Verdana', sans-serif;
font-weight: bold;
font-size: 2.5rem;
letter-spacing: 0.05em;
order: 2;
}
header h2 {
background-image: linear-gradient(to bottom, white, transparent 10%);
font-weight: bold;
letter-spacing: 0.1em;
position: relative;
font-size: 1rem;
width: 12rem;
left: 1rem;
border-top: 1px solid black;
order: 3;
}
section h2 {
font-family: 'Cinzel', serif;
font-weight: bold;
font-size: 1.375rem;
font-variant: small-caps;
}
section h3 {
font-family: 'Cinzel', serif;
font-weight: bold;
font-size: 1.2rem;
font-variant: small-caps;
}
header rt {
/* font-family: 'Noto Sans JP', sans-serif; */
font-weight: bold;
font-size: 1rem;
}
.section-header {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: baseline;
}
#content {
position: relative;
overflow: hidden;
margin-top: 10px;
border-top: 1px solid black;
padding-top: 10px;
}
#content > .divider {
position: absolute;
left: calc(12.25rem - 1px);
top: 0;
bottom: 0;
width: 1px;
border-right: 1px solid black;
}
#content > .left {
width: 12rem;
float: left;
clear: left;
padding-right: 0.625rem;
}
#content > .right {
width: calc(100% - 12rem);
float: right;
clear: right;
padding-left: 0.625rem;
}
.contacts {
padding-left: 0.3rem;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.contact {
display: block;
margin-left: 0.75rem;
}
.contacts .container {
display: block;
font-size: 0.9rem;
position: relative;
line-height: 1.6rem;
height: 1.6rem;
text-align: left;
width: 10.5rem;
padding-left: 2rem;
color: inherit;
text-decoration: none;
overflow: hidden;
}
.contact {
margin-top: 0.25rem;
}
.contact .icon {
position: absolute;
height: 1.5rem;
width: 1.5rem;
left: 0.1rem;
top: 0.05rem;
}
.skill-category, .skills {
padding-left: 0.5rem;
}
.skills {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.skill {
display: block;
position: relative;
line-height: 1.4rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
padding-left: 1.7rem;
padding-right: 1.7rem;
font-size: 0.9rem;
width: 10rem;
overflow: hidden;
margin-left: 0.25rem;
margin-top: 0.05rem;
}
.skill .icon {
position: absolute;
height: 1.4rem;
width: 1.4rem;
top: 0.1rem;
left: 0.1rem;
}
.skill .proficiency {
position: absolute;
height: 1.4rem;
width: 7rem;
top: 0;
left: 2.7rem;
}
.programs {
padding-left: 1.25rem;
display: flex;
flex-flow: column wrap;
align-items: stretch;
}
.program {
display: flex;
flex-flow: column;
font-size: 0.8rem;
position: relative;
padding-left: 2.7rem;
min-height: 2.4rem;
color: inherit;
text-decoration: none;
overflow: hidden;
align-content: stretch;
}
.program:not(.first-child) {
margin-top: 0.25rem;
}
.program .institution {
font-size: 1rem;
font-weight: bold;
flex: none;
}
.program .date {
display: block;
position: absolute;
top: 0;
right: 0;
width: auto;
text-align: right;
}
.program .name {
font-style: italic;
flex: none;
}
.program .notes {
flex: none;
}
.program .icon {
position: absolute;
height: 2.4rem;
width: 2.4rem;
left: 0;
top: 0;
}
.roles {
padding-left: 1.25rem;
}
.role {
display: flex;
flex-flow: column;
justify-content: center;
margin-bottom: 0.5rem;
position: relative;
padding-left: 3.1rem;
min-height: 3rem;
}
.role .firstline {
/* display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: baseline; */
flex: 1 1 100%;
}
.role .firstline .name {
display: inline;
}
#page:not(.showing-all) .role.minimized:not(.showing-all) .header {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: baseline;
}
.role .icon {
position: absolute;
left: 0;
top: 0;
width: 3rem;
height: 3rem;
}
#page:not(.showing-all) .role.minimized:not(.showing-all) .icon {
margin-right: 0.25rem;
}
#page:not(.showing-all) .role.minimized:not(.showing-all) .name {
font-size: 1rem;
}
#page:not(.showing-all) .role.minimized:not(.showing-all) .description,
#page:not(.showing-all) .role.minimized:not(.showing-all) .achievement {
font-size: 0.9rem;
}
.role .details, .role .details .date {
display: flex;
flex-flow: row wrap;
align-items: baseline;
font-family: 'Nunito Sans', 'Arial', sans-serif;
font-size: 0.8rem;
font-style: italic;
font-variant: normal;
font-weight: normal;
flex: 1 0 auto;
max-width: 100%;
}
.role .details .date {
justify-content: flex-end;
padding-left: 0.1rem;
padding-right: 0.1rem;
}
.role .details .team, .role .details .company, .role .details .date .start, .role .details .date .end {
display: inline-block;
flex: none;
}
.role .achievements {
list-style: disc;
padding-left: 1.5em;
}
.awards {
padding-left: 0.625rem;
}
.award {
position: relative;
padding-left: 2.1rem;
display: flex;
flex-flow: column;
font-size: 0.8rem;
}
.award {
margin-top: 0.25rem;
}
.award .icon {
position: absolute;
height: 2rem;
width: 2rem;
left: 0;
top: 0;
}
.award .name {
font-weight: bold;
font-size: 1rem;
}
.award .team {
font-style: italic;
font-size: 0.7rem;
}
/*
* .highlight-container: marker for an element which can have its children
* shown or hidden. Should never be nested more than two deep (#page and one
* more element between #page and any elements affected by this) - could be
* modified to support such a thing, but no need yet
*
* .highlight: a highlight-only view of some element, typically a shorter
* version of a full-length text containing only the highlights
* .show-all: button to make the current highlight container show its
* contained lowlights and hide its highlights
*
* elements with these classes are visible only when neither #page nor their
* surrounding container is showing all, thus hidden if either #page or their
* surrounding container is showing all:
* visible = not(#page.showing-all or surrounding-container.showing-all)
* visible = not(#page.showing-all) and not(surrounding-container.showing-all)
* hidden = not visible
* hidden = not(not(#page.showing-all or surrounding-container.showing-all))
* hidden = #page.showing-all or surrounding-container.showing-all
*
* As #page is itself a highlight container which surrounds everything, this
* is simplified to just ".highlight-container.showing-all".
*
* .lowlight: an element or view of an element which will likely be
* uninteresting to whoever the current highlighted version is for
*
* elements with this class are visible only when either #page or their
* surrounding container is showing all, thus hidden if both #page and their
* surrounding container are _not_ showing all:
* visible = #page.showing-all or surrounding-container.showing-all
* hidden = not visible
* hidden = not(#page.showing-all or surrounding-container.showing-all)
* hidden = not(#page.showing-all) and not(surrounding-container.showing-all)
*
* .show-highlights: button to make the current highlight container hide its
* contained lowlights and show its highlights
*
* elements with this class are visible only when their surrounding container
* and _not_ #page is showing all. This is because when #page is showing all,
* the .show-highlights for individual sections have no effect. Thus they are
* hidden if the page is showing all or if the surrounding container is not
* showing all:
* visible = not(#page.showing-all) and surrouding-container.showing-all
* hidden = not visible
* hidden = not(not(#page.showing-all) and surrounding-container.showing-all)
* hidden = #page.showing-all or not(surrounding-container.showing-all)
*
* Since the buttons are not inside an inner container, we add an alternative
* for the buttons which only consults whether #page is not showing all.
*/
.highlight-container.showing-all .highlight,
.highlight-container.showing-all .show-all,
#page.highlight-container:not(.showing-all) .highlight-container:not(.showing-all) .lowlight,
#page.highlight-container:not(.showing-all) header .buttons .lowlight,
#page.highlight-container:not(.showing-all) header .buttons .show-highlights,
#page.highlight-container:not(.showing-all) .highlight-container:not(.showing-all) .show-highlights,
#page.highlight-container.showing-all .highlight-container .show-highlights {
display: none;
}
.highlight-icon {
float: right;
opacity: 0.6;
height: 1rem;
width: 1rem;
}
.highlight-icon:hover {
opacity: 1.0;
}
.highlight-container.showing-all .highlight-icon {
display: none;
}

@ -0,0 +1,5 @@
@media only print {
footer, .buttons, .show-all, .show-highlights, #print, .highlight-icon {
display: none;
}
}

@ -0,0 +1,109 @@
/* Too small for big margins */
@media only screen and (max-width: 700px) and (min-width: 571px) {
main {
padding: 0 calc((100% - 550px) / 2) 72px calc((100vw - 550px) / 2);
}
}
@media only screen and (max-width: 570px) {
main {
padding: 0 10px 72px 10px;
}
#print {
display: none;
}
}
/* Too small to display the full name, so hide last name and put the
* dates in the education and experience sections on their own lines */
@media only screen and (max-width: 550px) {
.lastname {
display: none;
}
.program .date {
position: static;
text-align: inherit;
}
}
/* Too small to display both names, so shorten first name to "Mari"
* Also, please get a new phone, or resize the window */
@media only screen and (max-width: 400px) {
.fullname {
display: none;
}
}
/* Large desktop only - full size columns and empty space */
@media only screen and (min-width: 1120px) {
main, footer {
width: 1120px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1100px) {
:root {
font-size: 20px;
}
}
@media only screen and (min-width: 900px) and (max-width:1099px) {
:root {
font-size: calc(13px + (100vw - 900px) * 7 / 200)
}
}
/* Not large desktop - no empty space on the sides */
@media only screen and (max-width: 1119px) {
main {
width: 100%;
}
}
/* Smaller than desktop - no columns */
@media only screen and (max-width: 815px) {
#content .divider {
display: none;
}
#content > .left {
width: auto;
float: none;
clear: none;
padding-right: 0;
}
#content > .right {
width: auto;
float: none;
clear: none;
padding-left: 0;
}
}
/* Phone or tablet only - single column, no empty space */
@media only screen and (max-width: 960px) {
}
/* Tablet or desktop only */
@media only screen and (min-width: 700px) {
}
/* Phone only */
@media only screen and (max-width: 699px) {
}
/* Large phone only */
@media only screen and (min-width: 500px) and (max-width: 699px) {
}
/* Large phone, tablet, or desktop only */
@media only screen and (min-width: 500px) {
}
/* Small phone only */
@media only screen and (max-width: 499px) {
}

@ -0,0 +1,109 @@
@media only screen {
body {
background-color: #5e5e5e;
margin: 0;
}
main {
padding: 0 72px 72px 72px;
background-color: white;
margin: 0;
border: 1px solid gray;
box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.3);
}
footer {
display: block;
font-size: smaller;
color: white;
padding: 10px;
text-shadow: black 1px 1px 1px, black -1px 1px 1px, black 1px -1px 1px, black -1px -1px 1px;
}
footer a:link, footer a:visited {
color: #4ec6f5;
font-weight: bold;
text-decoration: none;
}
footer a:hover, footer a:focus {
color: #87deff;
}
footer a:active {
color: #3d86fc;
}
header .buttons {
order: 1;
width: 40%;
margin-bottom: 0.5rem;
display: flex;
flex-flow: row;
justify-content: space-between;
}
header .buttons * {
background-color: transparent;
background-size: contain;
border: 0;
padding: 0;
margin: 0;
flex: 1 0 0;
font-size: 1rem;
line-height: 2;
}
header .buttons #print {
flex: 5 0 0;
}
header .buttons .show-highlights, header .buttons .show-all {
flex: 10 0 0;
}
.show-all, .show-highlights, #print {
border: 0;
padding: 0;
margin: 0;
background-color: transparent;
background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.05) 80%, transparent 100%);
cursor: pointer;
line-height: 2;
}
.show-all:hover, .show-highlights:hover, #print:hover,
.show-all:focus, .show-highlights:focus, #print:focus {
background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 100, 0.1) 20%, rgba(0, 0, 100, 0.2) 30%, rgba(0, 0, 100, 0.2) 70%, rgba(0, 0, 100, 0.1) 80%, transparent 100%);
}
.show-all:active, .show-highlights:active, #print:active {
background-image: linear-gradient(to right, transparent 0%, rgba(0, 100, 200, 0.1) 20%, rgba(0, 100, 200, 0.2) 30%, rgba(0, 100, 200, 0.2) 70%, rgba(0, 100, 200, 0.1) 80%, transparent 100%);
}
section .highlight-container .show-all, section .highlight-container .show-highlights {
margin-top: 0.25rem;
display: block;
width: 100%;
font-size: 0.7rem;
height: 1.5rem;
transition: margin-top 0.25s step-start, height 0.25s step-start, opacity 0.25s ease 0.1s, transform 0.25s ease 0.1s;
}
section .highlight-container:not(:hover) .show-all:not(:focus), section .highlight-container:not(:hover) .show-highlights:not(:focus) {
margin-top: 0;
height: 0;
opacity: 0;
transform: scaleY(0);
transition: margin-top 0.25s step-end, height 0.25s step-end, opacity 0.25s ease, transform 0.25s ease;
}
.lowlight:not(.lowlight-no-gradient) {
background-image: linear-gradient(to left top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0.1) 50%, transparent 90%);
}
.show-highlights img, .show-all img, #print img {
height: 1em;
width: 1em;
}
}

@ -0,0 +1,43 @@
(function(window, document) {
function findClosestParentMatching(child, selector) {
if (!child) {
return null;
} else if (child.matches(selector)) {
return child;
} else {
return findClosestParentMatching(child.parentElement, selector);
}
}
function showAll(button) {
parent = findClosestParentMatching(button, ".highlight-container");
if (!parent) {
return;
}
parent.classList.add("showing-all");
}
function showHighlights(button) {
parent = findClosestParentMatching(button, ".highlight-container");
if (!parent) {
return;
}
parent.classList.remove("showing-all");
}
function print() {
window.print();
}
document.addEventListener("click", function(event) {
if (event.target.matches(".show-all, .show-all *")) {
showAll(event.target);
} else if (event.target.matches(".show-highlights, .show-highlights *")) {
showHighlights(event.target);
} else if (event.target.matches("#print, #print *")) {
print();
}
});
})(window, document);

@ -0,0 +1,8 @@
Built with <a href="https://www.11ty.io/">Eleventy</a> and served from
<a href="{{ pkg.repository.url }}">Github</a> via
<a href="https://www.netlify.com/">Netlify</a>.
Favicon by <a href="https://twitter.com/snaximation">@snaximation</a>.
Banner image by <a href="https://twitter.com/edupatilla">@edupatilla</a>.
Printer, Spotlight, Home, US flag, Japanese flag, and WWW icons made by
<a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a>
from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>

@ -4,6 +4,7 @@
<title>{{ metadata.title }}</title>
<meta name="description" content="{{ metadata.description }}" />
<meta name="format-detection" content="telephone=no">
{% include "components/favicon.njk" %}
{% include "components/card.njk" %}
@ -11,11 +12,14 @@
{% set css %}
{% include "assets/css/main.css" %}
{% include "assets/css/print.css" %}
{% include "assets/css/screen.css" %}
{% include "assets/css/resizing.css" %}
{% endset %}
<style>{{ css | cssmin | safe }}</style>
<style>{{ css | minifyCSS | safe }}</style>
{% set js %}
{% include "assets/js/main.js" %}
{% endset %}
<script>{{ js | jsmin | safe }}</script>
<script>{{ js | minifyJS | safe }}</script>
</head>

@ -0,0 +1,18 @@
{# Uses page variable: filter.awards #}
{# Uses data store: awards.awards #}
{% set awardsFilter = filter.awards if filter and filter.awards else "all" %}
{% set awardsFiltered = awards.awards | identifyHighlights(awardsFilter) %}
<div class="highlight-container">
<div class="section-header">
<h2>Awards</h2>
{% if awardsFiltered | hasLowlights %}
{% include "components/resume/highlight-icon.njk" %}
{% endif %}
</div>
<ul class="awards">
{% for award in awardsFiltered %}
{% include "components/resume/award.njk" %}
{% endfor %}
</ul>
</div>

@ -0,0 +1,10 @@
<li class="award{% if not award.highlight %} lowlight{% endif %}">
{% if award.image %}
<img src="/img/{{ award.image }}" class="icon" aria-hidden="true" />
{% endif %}
<span class="team">{{ award.role }}</span>
<span class="name">{{ award.name }}</span>
{% if award.description %}
<span class="description">{{ award.description }}</span>
{% endif %}
</li>

@ -0,0 +1,18 @@
{# Uses page variable: filter.contact #}
{# Uses data store: contact.methods #}
{% set contactFilter = filter.contact if filter and filter.contact else "all" %}
{% set contactsFiltered = contact.methods | identifyHighlights(contactFilter) %}
<div class="highlight-container">
<div class="section-header">
<h2>Contact</h2>
{% if contactsFiltered | hasLowlights %}
{% include "components/resume/highlight-icon.njk" %}
{% endif %}
</div>
<ul class="contacts">
{% for contact in contactsFiltered %}
{% include "components/resume/contact.njk" %}
{% endfor %}
</ul>
</div>

@ -0,0 +1,12 @@
{# Uses loop variable: contact #}
<li title="{{ contact.name }}" class="contact{% if not contact.link %} container{% endif %}{% if not contact.highlight %} lowlight{% endif %}">
{% if contact.link %}
<a class="container" href="{{ contact.link }}" rel="nofollow">
{% endif %}
<img src="/img/{{ contact.img }}" alt="{{ contact.name }}" class="icon"/>
<span class="text">{{ contact.text }}</span>
{% if contact.link %}
</a>
{% endif %}
</li>

@ -0,0 +1,18 @@
{# Uses page variable: filter.education #}
{# Uses data store: education.programs #}
{% set educationFilter = filter.education if filter and filter.education else "all" %}
{% set educationFiltered = education.programs | identifyHighlights(educationFilter) %}
<div class="highlight-container">
<div class="section-header">
<h2>Education</h2>
{% if educationFiltered | hasLowlights %}
{% include "components/resume/highlight-icon.njk" %}
{% endif %}
</div>
<ul class="programs">
{% for program in educationFiltered %}
{% include "components/resume/education.njk" %}
{% endfor %}
</ul>
</div>

@ -0,0 +1,13 @@
{# Uses loop variable: program #}
<li class="program{% if not program.highlight %} lowlight{% endif %}">
{% if program.image %}
<img src="/img/{{ program.image }}" class="icon" aria-hidden="true" />
{% endif %}
<span class="institution">{{ program.institution }}</span>
<span class="name">{{ program.name }}</span>
{% if program.notes %}
<span class="notes">{{ program.notes }}</span>
{% endif %}
<span class="date">{{ program.endDate | monthAndYear }}</span>
</li>

@ -0,0 +1,40 @@
{# uses loop variable role #}
<article class="role highlight-container{% if not role.highlight %} minimized{% endif %}">
<div class="header">
{% if role.image %}<img src="/img/{{ role.image }}" class="icon" aria-hidden="true" />{% endif %}
<div class="firstline">
<h3 class="name">
{{ role.name }}&nbsp;
</h3>
{% if ((not role.highlight) and role.shortDescription) or role.achievements | hasLowlights %}
{% include "components/resume/highlight-icon.njk" %}
{% endif %}
</div>
<span class="details">
{% if role.team %}<span class="team">on {{ role.team }}&nbsp;</span>{% endif %}
{% if role.company %}<span class="company">at {{ role.company }}&nbsp;</span>{% endif %}
<span class="date">
{% if role.startDate %}<span class="start">&nbsp;from {{ role.startDate | monthAndYear }}</span>{% endif %}
{% if role.endDate %}<span class="end">&nbsp;until {{ role.endDate | monthAndYear }}</span>{% endif %}
</span>
</span>
</div>
{% if role.description %}
<div class="description{% if (not role.highlight) and role.shortDescription %} lowlight{% endif %}">
{{ role.description | md | safe }}
</div>
{% endif %}
{% if (not role.highlight) and role.shortDescription %}
<div class="description highlight">
{{ role.shortDescription | md | safe }}
</div>
{% endif %}
{% if role.achievements %}
<ul class="achievements">
{% for achievement in role.achievements %}
<li{% if not achievement.highlight %} class="lowlight"{% endif %}>{{achievement.description | md | safe }}</li>
{% endfor %}
</ul>
{% endif %}
</article>

@ -0,0 +1,13 @@
{# uses page variable filter.experience #}
{# uses data store experience.roles #}
{% set experienceFilter = filter.experience if filter and filter.experience else "all" %}
{% set experienceRolesFiltered = experience.roles | identifyHighlightsRecursive(experienceFilter, "achievements") %}
<div class="section-header">
<h2>Experience</h2>
</div>
<div class="roles">
{% for role in experienceRolesFiltered %}
{% include "components/resume/experience-role.njk" %}
{% endfor %}
</div>

@ -0,0 +1,23 @@
<h1 aria-label="Marissa Staib">
<ruby id="firstname">
<rb id="firstname">Mari</rb>
<rp>(</rp><rt lang="jp">マリ</rt><rp>)</rp>
</ruby>
<ruby class="fullname">
<rb>ssa</rb>
<rp>(</rp><rt lang="jp">ッサ</rt><rp>)</rp>
</ruby>
&nbsp;
<ruby class="lastname">
<rb>Staib</rb>
<rp>(</rp><rt lang="jp">ステーブ</rt><rp>)</rp>
</ruby>
</h1>
<h2>software engineer</h2>
<div class="buttons">
<button id="print">
<img src="/img/print.svg" aria-hidden="true">
Print
</button>
{% include "components/resume/show-hide-toggle.njk" %}
</div>

@ -0,0 +1,5 @@
<img
class="highlight-icon"
src="/img/spotlights.svg"
alt="Showing highlights only. Click Show All (in the header) to show additional (but likely irrelevant) data."
title="Showing highlights only. Click Show All (in the header) to show additional (but likely irrelevant) data." />

@ -0,0 +1,12 @@
<button class="show-all"
aria-label="Show all. (Showing highlights only. Click to show additional (but likely irrelevant) data.)"
title="Showing highlights only. Click to show additional (but likely irrelevant) data.">
<img src="/img/spotlights.svg" aria-hidden="true" />
Show all
</button>
<button class="show-highlights"
aria-label="Show highlights only. (Showing all data. Click to show only relevant data.)"
title="Showing all data. Click to show only relevant data.">
<img src="/img/spotlights-dark.svg" aria-hidden="true" />
Show highlights only
</button>

@ -0,0 +1,16 @@
{# Uses page variable: filter.skills #}
{# Uses data store: skills.categories #}
{% set skillFilter = filter.skills if filter and filter.skills else "all" %}
{% set skillCategoriesFiltered = skills.categories | identifyHighlightsRecursive(skillFilter, "skills") %}
<div class="highlight-container">
<div class="section-header">
<h2>Skills</h2>
{% if skillCategoriesFiltered | hasLowlightsRecursive("skills") %}
{% include "components/resume/highlight-icon.njk" %}
{% endif %}
</div>
{% for category in skillCategoriesFiltered %}
{% include "components/resume/skill-subcategory.njk" %}
{% endfor %}
</div>

@ -0,0 +1,10 @@
{# Uses loop variable: category #}
<section class="skill-category{% if not category.highlight %} lowlight lowlight-no-gradient{% endif %}">
<h3{% if not category.highlight %} class="lowlight"{% endif %}>{{ category.title }}</h3>
<ul class="skills">
{% for skill in category.skills %}
{% include "components/resume/skill.njk" %}
{% endfor %}
</ul>
</section>

@ -0,0 +1,12 @@
{# Uses loop variable: skill #}
{# Uses data store: skills.proficiency #}
<li class="skill{% if not skill.highlight %} lowlight{% endif %}" title="{{ skills.proficiency[skill.proficiency].label }}">
{% if skill.img %}
<img src="/img/{{ skill.img }}" class="icon" aria-hidden="true" />
{% endif %}
<img src="/img/{{ skills.proficiency[skill.proficiency].image }}"
class="proficiency"
aria-label="{{ skills.proficiency[skill.proficiency].label }}" />
<span class="name">{{ skill.name }}</span>
</li>

@ -1,5 +1,5 @@
<meta property="twitter:card" content="summary" />
<meta property="twitter:site" content="@{{ metadata.contact.twitter }}" />
<meta property="twitter:site" content="@{{ metadata.twitter }}" />
<meta property="twitter:title" content="{{ metadata.title }}" />
<meta property="twitter:description" content="{{ metadata.description }}" />
<meta property="twitter:image" content="{{ metadata.url }}{{ metadata.cardimage_path }}" />

@ -2,8 +2,11 @@
<html lang="en">
{% include "components/head.njk" %}
<body>
<main>
<main id="page" class="highlight-container">
{{ layoutContent | safe }}
</main>
<footer>
{% include "components/footer.njk" %}
</footer>
</body>
</html>

@ -0,0 +1,37 @@
---
layout: layouts/base.njk
---
<div id="resume">
<header>
{% include "components/resume/header.njk" %}
</header>
<div id="content">
<div class="divider"></div>
<section id="contact" class="left">
{% include "components/resume/contact-section.njk" %}
</section>
<section id="education" class="right">
{% include "components/resume/education-section.njk" %}
</section>
<section id="about" class="right">
<h2>About</h2>
{{ layoutContent | safe }}
</section>
<section id="skills" class="left">
{% include "components/resume/skill-section.njk" %}
</section>
<section id="experience" class="right">
{% include "components/resume/experience-section.njk" %}
</section>
<section id="awards" class="left">
{% include "components/resume/award-section.njk" %}
</section>
</div>
</div>

@ -0,0 +1,21 @@
---
layout: layouts/resume.njk
filter:
contact:
- us-phone
education:
- rpi
skills:
code:
- all
- "-python"
languages: all
experience:
"-all": false
"bazel-configurability":
- other
awards:
- perfy
---
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet aliquam id diam maecenas ultricies mi. Ut porttitor leo a diam. Lorem dolor sed viverra ipsum nunc aliquet bibendum. Leo vel orci porta non pulvinar. Enim nunc faucibus a pellentesque sit amet porttitor eget. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Amet volutpat consequat mauris nunc congue. Quam adipiscing vitae proin sagittis nisl. Faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Aliquam nulla facilisi cras fermentum odio eu feugiat. Sed adipiscing diam donec adipiscing tristique. Sed odio morbi quis commodo odio.

20
package-lock.json generated

@ -1,6 +1,6 @@
{
"name": "reyasume",
"version": "0.0.0",
"version": "0.5.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
@ -2061,6 +2061,14 @@
}
}
},
"full-icu": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/full-icu/-/full-icu-1.3.0.tgz",
"integrity": "sha512-LGLpSsbkHUT0T+EKrIJltYoejYzUqg1eW+n6wm/FTte1pDiYjeKTxO0uJvrE3jgv6V9eBzMAjF6A8jH16C0+eQ==",
"requires": {
"icu4c-data": "^0.64.2"
}
},
"function-bind": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@ -2303,6 +2311,11 @@
"safer-buffer": ">= 2.1.2 < 3"
}
},
"icu4c-data": {
"version": "0.64.2",
"resolved": "https://registry.npmjs.org/icu4c-data/-/icu4c-data-0.64.2.tgz",
"integrity": "sha512-BPuTfkRTkplmK1pNrqgyOLJ0qB2UcQ12EotVLwiWh4ErtZR1tEYoRZk/LBLmlDfK5v574/lQYLB4jT9vApBiBQ=="
},
"immutable": {
"version": "3.8.2",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-3.8.2.tgz",
@ -2332,6 +2345,11 @@
"resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz",
"integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw=="
},
"intl": {
"version": "1.2.5",
"resolved": "https://registry.npmjs.org/intl/-/intl-1.2.5.tgz",
"integrity": "sha1-giRKIZDE5Bn4Nx9ao02qNCDiq94="
},
"invert-kv": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",

@ -1,14 +1,14 @@
{
"name": "reyasume",
"version": "0.0.0",
"version": "0.5.0",
"description": "Mari's Eleventy resume site on Netlify",
"scripts": {
"clean": "rm -rf _site",
"build": "npx eleventy",
"watch": "npx eleventy --watch",
"serve": "npx eleventy --serve",
"debug": "npx cross-env DEBUG=* npx eleventy",
"debug-serve": "npx cross-env DEBUG=* npx eleventy --serve"
"build": "npx cross-env NODE_ICU_DATA=node_modules/full-icu npx eleventy",
"watch": "npx cross-env NODE_ICU_DATA=node_modules/full-icu npx eleventy --watch",
"serve": "npx cross-env NODE_ICU_DATA=node_modules/full-icu npx eleventy --serve",
"debug": "npx cross-env NODE_ICU_DATA=node_modules/full-icu DEBUG=* npx eleventy",
"debug-serve": "npx cross-env NODE_ICU_DATA=node_modules/full-icu DEBUG=* npx eleventy --serve"
},
"repository": {
"type": "git",
@ -24,7 +24,10 @@
"@11ty/eleventy": "^0.10.0",
"clean-css": "^4.2.1",
"cross-env": "^6.0.3",
"full-icu": "^1.3.0",
"html-minifier": "^4.0.0",
"intl": "^1.2.5",
"js-yaml": "^3.13.1",
"markdown-it": "^10.0.0",
"npx": "^10.2.0",
"uglify-es": "^3.3.9"

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M503.401,228.884l-43.253-39.411V58.79c0-8.315-6.741-15.057-15.057-15.057H340.976c-8.315,0-15.057,6.741-15.057,15.057
v8.374l-52.236-47.597c-10.083-9.189-25.288-9.188-35.367-0.001L8.598,228.885c-8.076,7.36-10.745,18.7-6.799,28.889
c3.947,10.189,13.557,16.772,24.484,16.772h36.689v209.721c0,8.315,6.741,15.057,15.057,15.057h125.913
c8.315,0,15.057-6.741,15.057-15.057V356.931H293v127.337c0,8.315,6.741,15.057,15.057,15.057h125.908
c8.315,0,15.057-6.741,15.056-15.057V274.547h36.697c10.926,0,20.537-6.584,24.484-16.772
C514.147,247.585,511.479,236.245,503.401,228.884z M433.965,244.433c-8.315,0-15.057,6.741-15.057,15.057v209.721h-95.793
V341.874c0-8.315-6.742-15.057-15.057-15.057H203.942c-8.315,0-15.057,6.741-15.057,15.057v127.337h-95.8V259.49
c0-8.315-6.741-15.057-15.057-15.057H36.245l219.756-200.24l74.836,68.191c4.408,4.016,10.771,5.051,16.224,2.644
c5.454-2.41,8.973-7.812,8.973-13.774V73.847h74.002v122.276c0,4.237,1.784,8.276,4.916,11.13l40.803,37.18H433.965z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, 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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#F5F5F5;" d="M473.655,88.275H38.345C17.167,88.275,0,105.442,0,126.62V385.38
c0,21.177,17.167,38.345,38.345,38.345h435.31c21.177,0,38.345-17.167,38.345-38.345V126.62
C512,105.442,494.833,88.275,473.655,88.275z"/>
<circle style="fill:#FF4B55;" cx="256" cy="255.999" r="97.1"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 791 B

@ -0,0 +1,176 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, 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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#F5F5F5;" d="M473.655,88.276H38.345C17.167,88.276,0,105.443,0,126.621V385.38
c0,21.177,17.167,38.345,38.345,38.345h435.31c21.177,0,38.345-17.167,38.345-38.345V126.621
C512,105.443,494.833,88.276,473.655,88.276z"/>
<g>
<path style="fill:#FF4B55;" d="M2.109,114.08H509.89c-5.196-15.017-19.452-25.804-36.235-25.804H38.345
C21.561,88.276,7.306,99.063,2.109,114.08z"/>
<rect y="191.49" style="fill:#FF4B55;" width="512" height="25.803"/>
<rect y="139.88" style="fill:#FF4B55;" width="512" height="25.803"/>
<path style="fill:#FF4B55;" d="M0,260.074c0,4.875,3.953,8.828,8.828,8.828H512v-25.804H0V260.074z"/>
<rect y="346.32" style="fill:#FF4B55;" width="512" height="25.804"/>
<path style="fill:#FF4B55;" d="M509.891,397.92H2.109c5.197,15.017,19.453,25.804,36.236,25.804h435.31
C490.439,423.724,504.694,412.937,509.891,397.92z"/>
<rect y="294.71" style="fill:#FF4B55;" width="512" height="25.803"/>
</g>
<path style="fill:#41479B;" d="M8.828,268.902h220.69c4.875,0,8.828-3.953,8.828-8.828V97.103c0-4.876-3.953-8.828-8.828-8.828
H38.345C17.167,88.276,0,105.443,0,126.621v133.453C0,264.95,3.953,268.902,8.828,268.902z"/>
<g>
<path style="fill:#F5F5F5;" d="M24.789,108.537l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.669
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928L24,122.841l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.669c-0.643-0.476-0.312-1.496,0.488-1.502l6.177-0.047l1.954-5.86C23.463,107.778,24.535,107.778,24.789,108.537z"/>
<path style="fill:#F5F5F5;" d="M24.789,139.191l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928L24,153.496l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C23.463,138.433,24.535,138.433,24.789,139.191z"/>
<path style="fill:#F5F5F5;" d="M24.789,169.846l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928L24,184.151l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C23.463,169.087,24.535,169.087,24.789,169.846z"/>
<path style="fill:#F5F5F5;" d="M24.789,200.5l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928L24,214.805l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C23.463,199.741,24.535,199.741,24.789,200.5z"/>
<path style="fill:#F5F5F5;" d="M24.789,231.154l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928L24,245.459l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C23.463,230.396,24.535,230.396,24.789,231.154z"/>
<path style="fill:#F5F5F5;" d="M48.582,123.566l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C47.256,122.808,48.329,122.808,48.582,123.566z"/>
<path style="fill:#F5F5F5;" d="M48.582,154.221l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C47.256,153.462,48.329,153.462,48.582,154.221z"/>
<path style="fill:#F5F5F5;" d="M48.582,184.875l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C47.256,184.116,48.329,184.116,48.582,184.875z"/>
<path style="fill:#F5F5F5;" d="M48.582,215.529l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C47.256,214.771,48.329,214.771,48.582,215.529z"/>
<path style="fill:#F5F5F5;" d="M72.375,108.537l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.669
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.669c-0.643-0.476-0.312-1.496,0.488-1.502l6.177-0.047l1.954-5.86C71.049,107.778,72.122,107.778,72.375,108.537z"/>
<path style="fill:#F5F5F5;" d="M72.375,139.191l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C71.049,138.433,72.122,138.433,72.375,139.191z"/>
<path style="fill:#F5F5F5;" d="M72.375,169.846l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C71.049,169.087,72.122,169.087,72.375,169.846z"/>
<path style="fill:#F5F5F5;" d="M72.375,200.5l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C71.049,199.741,72.122,199.741,72.375,200.5z"/>
<path style="fill:#F5F5F5;" d="M72.375,231.154l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C71.049,230.396,72.122,230.396,72.375,231.154z"/>
<path style="fill:#F5F5F5;" d="M96.169,123.566l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C94.842,122.808,95.916,122.808,96.169,123.566z"/>
<path style="fill:#F5F5F5;" d="M96.169,154.221l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C94.842,153.462,95.916,153.462,96.169,154.221z"/>
<path style="fill:#F5F5F5;" d="M96.169,184.875l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C94.842,184.116,95.916,184.116,96.169,184.875z"/>
<path style="fill:#F5F5F5;" d="M96.169,215.529l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C94.842,214.771,95.916,214.771,96.169,215.529z"/>
<path style="fill:#F5F5F5;" d="M119.962,108.537l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.669
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.026-3.591l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.669c-0.643-0.476-0.312-1.496,0.488-1.502l6.177-0.047l1.954-5.86C118.636,107.778,119.709,107.778,119.962,108.537z"/>
<path style="fill:#F5F5F5;" d="M119.962,139.191l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.026-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C118.636,138.433,119.709,138.433,119.962,139.191z"/>
<path style="fill:#F5F5F5;" d="M119.962,169.846l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.026-3.593l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C118.636,169.087,119.709,169.087,119.962,169.846z"/>
<path style="fill:#F5F5F5;" d="M119.962,200.5l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.026-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C118.636,199.741,119.709,199.741,119.962,200.5z"/>
<path style="fill:#F5F5F5;" d="M119.962,231.154l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.026-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C118.636,230.396,119.709,230.396,119.962,231.154z"/>
<path style="fill:#F5F5F5;" d="M143.755,123.566l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C142.43,122.808,143.502,122.808,143.755,123.566z"/>
<path style="fill:#F5F5F5;" d="M143.755,154.221l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C142.43,153.462,143.502,153.462,143.755,154.221z"/>
<path style="fill:#F5F5F5;" d="M143.755,184.875l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C142.43,184.116,143.502,184.116,143.755,184.875z"/>
<path style="fill:#F5F5F5;" d="M143.755,215.529l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C142.43,214.771,143.502,214.771,143.755,215.529z"/>
<path style="fill:#F5F5F5;" d="M167.549,108.537l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.669
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.669c-0.643-0.476-0.312-1.496,0.488-1.502l6.177-0.047l1.954-5.86C166.222,107.778,167.296,107.778,167.549,108.537z"/>
<path style="fill:#F5F5F5;" d="M167.549,139.191l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C166.222,138.433,167.296,138.433,167.549,139.191z"/>
<path style="fill:#F5F5F5;" d="M167.549,169.846l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C166.222,169.087,167.296,169.087,167.549,169.846z"/>
<path style="fill:#F5F5F5;" d="M167.549,200.5l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C166.222,199.741,167.296,199.741,167.549,200.5z"/>
<path style="fill:#F5F5F5;" d="M167.549,231.154l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C166.222,230.396,167.296,230.396,167.549,231.154z"/>
<path style="fill:#F5F5F5;" d="M191.342,123.566l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C190.016,122.808,191.089,122.808,191.342,123.566z"/>
<path style="fill:#F5F5F5;" d="M191.342,154.221l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C190.016,153.462,191.089,153.462,191.342,154.221z"/>
<path style="fill:#F5F5F5;" d="M191.342,184.875l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C190.016,184.116,191.089,184.116,191.342,184.875z"/>
<path style="fill:#F5F5F5;" d="M191.342,215.529l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C190.016,214.771,191.089,214.771,191.342,215.529z"/>
<path style="fill:#F5F5F5;" d="M215.136,108.537l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.669
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.669c-0.643-0.476-0.312-1.496,0.488-1.502l6.177-0.047l1.954-5.86C213.81,107.778,214.882,107.778,215.136,108.537z"/>
<path style="fill:#F5F5F5;" d="M215.136,139.191l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C213.81,138.433,214.882,138.433,215.136,139.191z"/>
<path style="fill:#F5F5F5;" d="M215.136,169.846l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C213.81,169.087,214.882,169.087,215.136,169.846z"/>
<path style="fill:#F5F5F5;" d="M215.136,200.5l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C213.81,199.741,214.882,199.741,215.136,200.5z"/>
<path style="fill:#F5F5F5;" d="M215.136,231.154l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C213.81,230.396,214.882,230.396,215.136,231.154z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 16 KiB

@ -0,0 +1 @@
<svg height="512pt" viewBox="0 -27 512 511" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m310.003906 168.5c-48.523437 0-88 39.476562-88 88s39.476563 88 88 88c48.523438 0 88-39.476562 88-88s-39.476562-88-88-88zm0 156c-37.496094 0-68-30.503906-68-68s30.503906-68 68-68 68 30.503906 68 68-30.503906 68-68 68zm0 0"/><path d="m310.003906 211.503906c-5.523437 0-10 4.476563-10 10 0 5.523438 4.476563 10 10 10 13.78125 0 24.996094 11.214844 24.996094 24.996094 0 5.523438 4.476562 10 10 10s10-4.476562 10-10c0-24.8125-20.183594-44.996094-44.996094-44.996094zm0 0"/><path d="m61.644531 75.902344c-2.539062-4.902344-8.570312-6.820313-13.476562-4.285156-4.90625 2.539062-6.824219 8.574218-4.285157 13.480468l26.917969 52c1.742188 3.367188 5.265625 5.425782 9.03125 5.402344 3.789063-.058594 7.222657-2.253906 8.863281-5.671875l16.296876-33.929687 17.699218 34.199218c1.722656 3.320313 5.148438 5.402344 8.882813 5.402344h.148437c3.792969-.058594 7.222656-2.253906 8.867188-5.671875l24.972656-52c2.390625-4.976563.292969-10.953125-4.683594-13.34375-4.980468-2.390625-10.953125-.292969-13.34375 4.6875l-16.296875 33.929687-17.703125-34.199218c-1.742187-3.367188-5.257812-5.433594-9.027344-5.402344-3.792968.058594-7.226562 2.253906-8.867187 5.671875l-16.292969 33.929687zm0 0"/><path d="m125.988281 20.5c2.632813 0 5.210938-1.070312 7.070313-2.929688 1.863281-1.859374 2.929687-4.441406 2.929687-7.070312s-1.066406-5.210938-2.929687-7.070312c-1.859375-1.859376-4.4375-2.929688-7.070313-2.929688-2.628906 0-5.207031 1.070312-7.066406 2.929688-1.863281 1.859374-2.933594 4.441406-2.933594 7.070312s1.070313 5.210938 2.933594 7.070312c1.859375 1.859376 4.4375 2.929688 7.066406 2.929688zm0 0"/><path d="m512 172.5v-132c0-22.054688-17.945312-40-40-40h-304.011719c-5.519531 0-10 4.476562-10 10s4.480469 10 10 10h304.011719c11.027344 0 20 8.972656 20 20v132c0 11.027344-8.972656 20-20 20h-48c-.289062 0-.570312.019531-.851562.042969-15.433594-27.195313-40.382813-48.304688-70.292969-58.777344l14.824219-30.863281 17.703124 34.195312c1.71875 3.324219 5.144532 5.402344 8.878907 5.402344h.152343c3.789063-.058594 7.222657-2.253906 8.863282-5.671875l24.972656-52c2.390625-4.976563.292969-10.949219-4.683594-13.339844-4.976562-2.394531-10.953125-.296875-13.34375 4.683594l-16.292968 33.929687-17.703126-34.199218c-1.742187-3.367188-5.253906-5.433594-9.03125-5.398438-3.792968.054688-7.222656 2.25-8.863281 5.667969l-16.296875 33.929687-17.699218-34.199218c-2.539063-4.902344-8.574219-6.820313-13.480469-4.28125-4.90625 2.539062-6.820313 8.570312-4.285157 13.476562l22.132813 42.753906c-6.105469-.882812-12.347656-1.351562-18.695313-1.351562-12.292968 0-24.195312 1.71875-35.476562 4.921875l22.378906-46.59375c2.390625-4.976563.292969-10.949219-4.6875-13.339844-4.976562-2.394531-10.953125-.296875-13.339844 4.683594l-16.296874 33.929687-17.703126-34.199218c-1.742187-3.367188-5.238281-5.433594-9.03125-5.398438-3.789062.054688-7.222656 2.25-8.863281 5.667969l-16.292969 33.929687-17.703124-34.199218c-2.539063-4.902344-8.570313-6.820313-13.476563-4.28125-4.90625 2.539062-6.824219 8.570312-4.285156 13.476562l26.917969 52c1.742187 3.367188 5.25 5.425782 9.03125 5.402344 3.789062-.058594 7.222656-2.253906 8.863281-5.671875l16.296875-33.925781 17.699218 34.195312c.296876.574219.660157 1.09375 1.054688 1.589844-24.523438 11.476562-44.898438 30.382812-58.207031 53.8125h-156.886719c-11.027344 0-20-8.972656-20-20v-132c0-11.027344 8.972656-20 20-20h40.992188c5.523437 0 10-4.476562 10-10s-4.476563-10-10-10h-40.992188c-22.054688 0-40 17.945312-40 40v132c0 22.058594 17.945312 40 40 40h147.675781c-4.960937 13.75-7.671875 28.5625-7.671875 44 0 71.683594 58.316406 130 130 130 23.554688 0 45.667969-6.296875 64.742188-17.296875l79.367187 79.367187c6.609375 6.609376 15.292969 9.914063 23.976563 9.914063s17.367187-3.304687 23.976562-9.914063c13.222656-13.222656 13.222656-34.734374 0-47.957031l-31.183594-31.183593c-3.90625-3.902344-10.238281-3.90625-14.140624 0-3.90625 3.90625-3.90625 10.234374 0 14.140624l31.183593 31.1875c5.421875 5.421876 5.421875 14.246094 0 19.671876-5.421875 5.421874-14.246093 5.421874-19.667969 0l-76.738281-76.742188c29.546875-23.847656 48.484375-60.34375 48.484375-101.1875 0-15.4375-2.710937-30.25-7.671875-44h39.667969c22.058594 0 40-17.945312 40-40zm-201.996094 194c-60.652344 0-110-49.347656-110-110s49.347656-110 110-110 110 49.347656 110 110-49.34375 110-110 110zm0 0"/><path d="m433.019531 345.710938c-1.859375 1.859374-2.929687 4.4375-2.929687 7.070312 0 2.628906 1.070312 5.207031 2.929687 7.070312 1.871094 1.859376 4.441407 2.929688 7.070313 2.929688s5.210937-1.070312 7.070312-2.929688c1.871094-1.863281 2.929688-4.441406 2.929688-7.070312 0-2.632812-1.058594-5.210938-2.929688-7.070312-1.859375-1.859376-4.429687-2.929688-7.070312-2.929688-2.628906 0-5.210938 1.070312-7.070313 2.929688zm0 0"/></svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, 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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M329.956,399.834H182.044c-9.425,0-17.067,7.641-17.067,17.067s7.641,17.067,17.067,17.067h147.911
c9.425,0,17.067-7.641,17.067-17.067S339.381,399.834,329.956,399.834z"/>
</g>
</g>
<g>
<g>
<path d="M329.956,346.006H182.044c-9.425,0-17.067,7.641-17.067,17.067s7.641,17.067,17.067,17.067h147.911
c9.425,0,17.067-7.641,17.067-17.067S339.381,346.006,329.956,346.006z"/>
</g>
</g>
<g>
<g>
<path d="M472.178,133.907h-54.303V35.132c0-9.425-7.641-17.067-17.067-17.067H111.192c-9.425,0-17.067,7.641-17.067,17.067v98.775
H39.822C17.864,133.907,0,151.772,0,173.73v171.702c0,21.958,17.864,39.822,39.822,39.822h54.306v91.614
c0,9.425,7.641,17.067,17.067,17.067h289.61c9.425,0,17.067-7.641,17.067-17.067v-91.614h54.306
c21.958,0,39.822-17.864,39.822-39.822V173.73C512,151.773,494.136,133.907,472.178,133.907z M128.258,52.199h255.483v81.708
H128.258V52.199z M383.738,459.801H128.262c0-3.335,0-135.503,0-139.628h255.477C383.738,324.402,383.738,456.594,383.738,459.801
z M400.808,234.122h-43.443c-9.425,0-17.067-7.641-17.067-17.067s7.641-17.067,17.067-17.067h43.443
c9.425,0,17.067,7.641,17.067,17.067S410.234,234.122,400.808,234.122z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 500 100" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="110" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="210" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="310" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="410" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<g style="" transform="matrix(0.829529, -0.085909, 0.085909, 0.829529, 78.401123, 44.879551)">
<path style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 4.79636px;" d="M 409.997 31.712 L 489.997 31.712 L 449.997 61.712 L 489.997 91.712 L 409.997 91.712 L 369.997 61.712 L 409.997 31.712 Z" transform="matrix(0.797792, -0.602933, 0.602933, 0.797792, 49.740663, 271.737974)"/>
<path style="fill: rgb(255, 242, 0);" d="M 400.953 34.745 L 480.953 34.745 L 440.953 64.745 L 360.953 64.745 L 400.953 34.745 Z" transform="matrix(0.797792, -0.602933, 0.602933, 0.797792, 55.127189, 263.865223)"/>
<path style="fill: rgb(28, 179, 5);" d="M 379.041 58.679 L 459.041 58.679 L 499.041 88.679 L 419.041 88.679 L 379.041 58.679 Z" transform="matrix(0.797792, -0.602933, 0.602933, 0.797792, 44.35413, 279.610708)"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 500 100" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="110" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="210" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="310" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="410" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="10" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); fill: rgb(224, 0, 0); stroke-width: 2px;"/>
</svg>

After

Width:  |  Height:  |  Size: 635 B

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 500 100" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="110" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="210" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="310" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="410" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="10" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(242, 238, 0);"/>
<rect x="110" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); fill: rgb(242, 238, 0); stroke-width: 2px;"/>
</svg>

After

Width:  |  Height:  |  Size: 758 B

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 500 100" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="110" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="210" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="310" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="410" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="10" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(27, 228, 0);"/>
<rect x="110" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(27, 228, 0);"/>
<rect x="210" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); fill: rgb(27, 228, 0); stroke-width: 2px;"/>
</svg>

After

Width:  |  Height:  |  Size: 876 B

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 500 100" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="110" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="210" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="310" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="410" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="10" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(0, 146, 237);"/>
<rect x="110" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(0, 146, 237);"/>
<rect x="210" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(0, 146, 237);"/>
<rect x="310" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); fill: rgb(0, 146, 237); stroke-width: 2px;"/>
</svg>

After

Width:  |  Height:  |  Size: 1000 B

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 500 100" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="110" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="210" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="310" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="410" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="10" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(0, 98, 255);"/>
<rect x="110" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(0, 98, 255);"/>
<rect x="210" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(0, 98, 255);"/>
<rect x="310" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(0, 98, 255);"/>
<rect x="410" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); fill: rgb(0, 98, 255); stroke-width: 2px;"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 500 100" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
<rect x="10" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="110" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="210" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="310" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="410" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="10" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(220, 0, 213);"/>
<rect x="110" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(220, 0, 213);"/>
<rect x="210" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(220, 0, 213);"/>
<rect x="310" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(220, 0, 213);"/>
<rect x="410" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); stroke-width: 2px; fill: rgb(220, 0, 213);"/>
<path d="M 266.5 84.04 L 277.071 114.451 L 309.26 115.107 L 283.604 134.557 L 292.927 165.373 L 266.5 146.984 L 240.073 165.373 L 249.396 134.557 L 223.74 115.107 L 255.929 114.451 Z" style="stroke: rgb(0, 0, 0); fill: rgb(255, 247, 0); stroke-width: 2px;" transform="matrix(-0.809017, 0.587785, -0.587785, -0.809017, 743.005595, 4.273724)" bx:shape="star 266.5 129 44.96 44.96 0.4 5 1@aefd5c3f"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 500 100" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
<rect x="10" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="110" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="210" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="310" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="410" y="89" width="80" height="10" style="fill: rgb(216, 216, 216);"/>
<rect x="10" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); fill: rgb(224, 0, 0); stroke-width: 2px;"/>
<rect x="110" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); fill: rgb(242, 238, 0); stroke-width: 2px;"/>
<rect x="210" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); fill: rgb(27, 228, 0); stroke-width: 2px;"/>
<rect x="310" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); fill: rgb(0, 146, 237); stroke-width: 2px;"/>
<rect x="410" y="89" width="80" height="10" style="stroke: rgb(0, 0, 0); fill: rgb(0, 98, 255); stroke-width: 2px;"/>
<g style="" transform="matrix(0.829529, -0.085909, 0.085909, 0.829529, 78.401123, 44.879551)">
<path style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 4.79636px;" d="M 409.997 31.712 L 489.997 31.712 L 449.997 61.712 L 489.997 91.712 L 409.997 91.712 L 369.997 61.712 L 409.997 31.712 Z" transform="matrix(0.797792, -0.602933, 0.602933, 0.797792, 49.740663, 271.737974)"/>
<path style="fill: rgb(255, 242, 0);" d="M 400.953 34.745 L 480.953 34.745 L 440.953 64.745 L 360.953 64.745 L 400.953 34.745 Z" transform="matrix(0.797792, -0.602933, 0.602933, 0.797792, 55.127189, 263.865223)"/>
<path style="fill: rgb(28, 179, 5);" d="M 379.041 58.679 L 459.041 58.679 L 499.041 88.679 L 419.041 88.679 L 379.041 58.679 Z" transform="matrix(0.797792, -0.602933, 0.602933, 0.797792, 44.35413, 279.610708)"/>
</g>
<path d="M 266.5 84.04 L 277.071 114.451 L 309.26 115.107 L 283.604 134.557 L 292.927 165.373 L 266.5 146.984 L 240.073 165.373 L 249.396 134.557 L 223.74 115.107 L 255.929 114.451 Z" style="stroke: rgb(0, 0, 0); fill: rgb(255, 247, 0); stroke-width: 2px;" transform="matrix(-0.809017, 0.587785, -0.587785, -0.809017, 743.005595, 4.273724)" bx:shape="star 266.5 129 44.96 44.96 0.4 5 1@aefd5c3f"/>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

@ -0,0 +1,60 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, 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 254.5 225" style="enable-background:new 0 0 254.5 225;" xml:space="preserve">
<style type="text/css">
.st0{fill:#2DBCAF;}
.st1{fill:#5DC9E1;}
.st2{fill:#FDDD00;}
.st3{fill:#CE3262;}
.st4{fill:#00ACD7;}
.st5{fill:#FFFFFF;}
</style>
<g>
<g>
<g>
<g>
<path class="st0" d="M40.2,101.1c-0.4,0-0.5-0.2-0.3-0.5l2.1-2.7c0.2-0.3,0.7-0.5,1.1-0.5l35.7,0c0.4,0,0.5,0.3,0.3,0.6
l-1.7,2.6c-0.2,0.3-0.7,0.6-1,0.6L40.2,101.1z"/>
</g>
</g>
</g>
<g>
<g>
<g>
<path class="st0" d="M25.1,110.3c-0.4,0-0.5-0.2-0.3-0.5l2.1-2.7c0.2-0.3,0.7-0.5,1.1-0.5l45.6,0c0.4,0,0.6,0.3,0.5,0.6
l-0.8,2.4c-0.1,0.4-0.5,0.6-0.9,0.6L25.1,110.3z"/>
</g>
</g>
</g>
<g>
<g>
<g>
<path class="st0" d="M49.3,119.5c-0.4,0-0.5-0.3-0.3-0.6l1.4-2.5c0.2-0.3,0.6-0.6,1-0.6l20,0c0.4,0,0.6,0.3,0.6,0.7l-0.2,2.4
c0,0.4-0.4,0.7-0.7,0.7L49.3,119.5z"/>
</g>
</g>
</g>
<g>
<g id="CXHf1q_1_">
<g>
<g>
<path class="st0" d="M153.1,99.3c-6.3,1.6-10.6,2.8-16.8,4.4c-1.5,0.4-1.6,0.5-2.9-1c-1.5-1.7-2.6-2.8-4.7-3.8
c-6.3-3.1-12.4-2.2-18.1,1.5c-6.8,4.4-10.3,10.9-10.2,19c0.1,8,5.6,14.6,13.5,15.7c6.8,0.9,12.5-1.5,17-6.6
c0.9-1.1,1.7-2.3,2.7-3.7c-3.6,0-8.1,0-19.3,0c-2.1,0-2.6-1.3-1.9-3c1.3-3.1,3.7-8.3,5.1-10.9c0.3-0.6,1-1.6,2.5-1.6
c5.1,0,23.9,0,36.4,0c-0.2,2.7-0.2,5.4-0.6,8.1c-1.1,7.2-3.8,13.8-8.2,19.6c-7.2,9.5-16.6,15.4-28.5,17
c-9.8,1.3-18.9-0.6-26.9-6.6c-7.4-5.6-11.6-13-12.7-22.2c-1.3-10.9,1.9-20.7,8.5-29.3c7.1-9.3,16.5-15.2,28-17.3
c9.4-1.7,18.4-0.6,26.5,4.9c5.3,3.5,9.1,8.3,11.6,14.1C154.7,98.5,154.3,99,153.1,99.3z"/>
</g>
<g>
<path class="st0" d="M186.2,154.6c-9.1-0.2-17.4-2.8-24.4-8.8c-5.9-5.1-9.6-11.6-10.8-19.3c-1.8-11.3,1.3-21.3,8.1-30.2
c7.3-9.6,16.1-14.6,28-16.7c10.2-1.8,19.8-0.8,28.5,5.1c7.9,5.4,12.8,12.7,14.1,22.3c1.7,13.5-2.2,24.5-11.5,33.9
c-6.6,6.7-14.7,10.9-24,12.8C191.5,154.2,188.8,154.3,186.2,154.6z M210,114.2c-0.1-1.3-0.1-2.3-0.3-3.3
c-1.8-9.9-10.9-15.5-20.4-13.3c-9.3,2.1-15.3,8-17.5,17.4c-1.8,7.8,2,15.7,9.2,18.9c5.5,2.4,11,2.1,16.3-0.6
C205.2,129.2,209.5,122.8,210,114.2z"/>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<title>HTML5 Logo</title>
<polygon fill="#E44D26" points="107.644,470.877 74.633,100.62 437.367,100.62 404.321,470.819 255.778,512 "/>
<polygon fill="#F16529" points="256,480.523 376.03,447.246 404.27,130.894 256,130.894 "/>
<polygon fill="#EBEBEB" points="256,268.217 195.91,268.217 191.76,221.716 256,221.716 256,176.305 255.843,176.305 142.132,176.305 143.219,188.488 154.38,313.627 256,313.627"/>
<polygon fill="#EBEBEB" points="256,386.153 255.801,386.206 205.227,372.55 201.994,336.333 177.419,336.333 156.409,336.333 162.771,407.634 255.791,433.457 256,433.399"/>
<path d="M108.382,0h23.077v22.8h21.11V0h23.078v69.044H152.57v-23.12h-21.11v23.12h-23.077V0z"/>
<path d="M205.994,22.896h-20.316V0h63.72v22.896h-20.325v46.148h-23.078V22.896z"/>
<path d="M259.511,0h24.063l14.802,24.26L313.163,0h24.072v69.044h-22.982V34.822l-15.877,24.549h-0.397l-15.888-24.549v34.222h-22.58V0z"/>
<path d="M348.72,0h23.084v46.222h32.453v22.822H348.72V0z"/>
<polygon fill="#FFFFFF" points="255.843,268.217 255.843,313.627 311.761,313.627 306.49,372.521 255.843,386.191 255.843,433.435 348.937,407.634 349.62,399.962 360.291,280.411 361.399,268.217 349.162,268.217"/>
<polygon fill="#FFFFFF" points="255.843,176.305 255.843,204.509 255.843,221.605 255.843,221.716 365.385,221.716 365.385,221.716 365.531,221.716 366.442,211.509 368.511,188.488 369.597,176.305"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="346px" height="346px" viewBox="-25 0 321 346" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
<g>
<path d="M82.5539491,267.472524 C82.5539491,267.472524 69.35552,275.147869 91.9468218,277.745105 C119.315549,280.867375 133.303389,280.419607 163.463913,274.711273 C163.463913,274.711273 171.393396,279.683258 182.467491,283.989644 C114.855564,312.966982 29.4483782,282.311215 82.5539491,267.472524" fill="#5382A1"></path>
<path d="M74.2921309,229.658996 C74.2921309,229.658996 59.4888145,240.616727 82.0968727,242.955171 C111.333004,245.971316 134.421411,246.218007 174.373236,238.524975 C174.373236,238.524975 179.899113,244.127185 188.588218,247.190807 C106.841367,271.094691 15.79008,249.075898 74.2921309,229.658996" fill="#5382A1"></path>
<path d="M143.941818,165.514705 C160.601367,184.695156 139.564684,201.955142 139.564684,201.955142 C139.564684,201.955142 181.866124,180.117876 162.438982,152.772422 C144.294633,127.271098 130.380335,114.600495 205.706705,70.9138618 C205.706705,70.9138618 87.4691491,100.44416 143.941818,165.514705" fill="#E76F00"></path>
<path d="M233.364015,295.441687 C233.364015,295.441687 243.131113,303.489396 222.60736,309.715316 C183.580858,321.537862 60.1748945,325.107898 25.8932364,310.186356 C13.5698618,304.825251 36.67968,297.385425 43.9491491,295.824291 C51.5304727,294.180305 55.8629236,294.486575 55.8629236,294.486575 C42.15808,284.832116 -32.7195927,313.443607 17.8287709,321.637469 C155.681513,343.993251 269.121164,311.570618 233.364015,295.441687" fill="#5382A1"></path>
<path d="M88.9008873,190.479825 C88.9008873,190.479825 26.1287564,205.389265 66.6717091,210.803433 C83.7901964,213.095331 117.915462,212.576815 149.702284,209.913484 C175.680233,207.722124 201.765236,203.062924 201.765236,203.062924 C201.765236,203.062924 192.605091,206.985775 185.977949,211.510924 C122.233949,228.275665 -0.907636364,220.476509 34.5432436,203.328233 C64.5241018,188.83584 88.9008873,190.479825 88.9008873,190.479825" fill="#5382A1"></path>
<path d="M201.506444,253.422313 C266.305164,219.7504 236.344785,187.392 215.432844,191.751447 C210.307258,192.818269 208.021876,193.742662 208.021876,193.742662 C208.021876,193.742662 209.924655,190.761891 213.558924,189.471651 C254.929455,174.927127 286.746065,232.368873 200.204102,255.11936 C200.204102,255.120291 201.206691,254.223825 201.506444,253.422313" fill="#5382A1"></path>
<path d="M162.438982,0.371432727 C162.438982,0.371432727 198.325527,36.27008 128.402153,91.4720582 C72.3307055,135.753542 115.616116,161.001658 128.37888,189.848669 C95.6490473,160.318371 71.6297309,134.322735 87.7437673,110.128407 C111.395375,74.6132945 176.918342,57.3942691 162.438982,0.371432727" fill="#E76F00"></path>
<path d="M95.2683055,344.665367 C157.466996,348.646865 252.980131,342.45632 255.24224,313.025629 C255.24224,313.025629 250.893964,324.182575 203.838371,333.042967 C150.750487,343.033484 85.2740655,341.867055 46.4393309,335.464262 C46.4402618,335.463331 54.3892945,342.043927 95.2683055,344.665367" fill="#5382A1"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

@ -0,0 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 630 630">
<!--
The MIT License (MIT)
Copyright (c) 2011 Christopher Williams <chris@iterativedesigns.com>,
Manuel Strehl <boldewyn@gmail.com>
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
-->
<g id="logo">
<rect id="background" x="0" y="0" width="630" height="630" fill="#f7df1e" />
<path id="j" d="m 165.65,526.47375 48.2125,-29.1775 C 223.16375,513.7875 231.625,527.74 251.92,527.74 c 19.45375,0 31.71875,-7.60975 31.71875,-37.21 l 0,-201.3 59.20375,0 0,202.1375 c 0,61.32 -35.94375,89.23125 -88.385,89.23125 -47.36125,0 -74.8525,-24.52875 -88.8075,-54.13" />
<path id="s" d="m 375,520.13 48.20625,-27.91125 c 12.69,20.72375 29.1825,35.9475 58.36125,35.9475 24.53125,0 40.17375,-12.26475 40.17375,-29.18125 0,-20.29875 -16.06875,-27.48875 -43.135,-39.32625 l -14.7975,-6.3475 c -42.715,-18.18125 -71.05,-41.0175 -71.05,-89.2275 0,-44.40375 33.83125,-78.2375 86.695,-78.2375 37.6375,0 64.7025,13.11125 84.15375,47.36625 l -46.09625,29.60125 c -10.15,-18.1825 -21.1425,-25.37125 -38.0575,-25.37125 -17.33875,0 -28.335,10.995 -28.335,25.37125 0,17.7625 10.99625,24.9525 36.3675,35.94875 l 14.8,6.3425 c 50.325,21.56875 78.66,43.5575 78.66,93.03375 0,53.2875 -41.86625,82.465 -98.11,82.465 -54.97625,0 -90.5,-26.2175 -107.83625,-60.47375" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, 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 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
<g>
<linearGradient id="XMLID_3_" gradientUnits="userSpaceOnUse" x1="15.9594" y1="-13.0143" x2="44.3068" y2="15.3332" gradientTransform="matrix(1 0 0 -1 0 61)">
<stop offset="9.677000e-02" style="stop-color:#0095D5"/>
<stop offset="0.3007" style="stop-color:#238AD9"/>
<stop offset="0.6211" style="stop-color:#557BDE"/>
<stop offset="0.8643" style="stop-color:#7472E2"/>
<stop offset="1" style="stop-color:#806EE3"/>
</linearGradient>
<polygon id="XMLID_2_" style="fill:url(#XMLID_3_);" points="0,60 30.1,29.9 60,60 "/>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="4.2092" y1="48.9409" x2="20.6734" y2="65.405" gradientTransform="matrix(1 0 0 -1 0 61)">
<stop offset="0.1183" style="stop-color:#0095D5"/>
<stop offset="0.4178" style="stop-color:#3C83DC"/>
<stop offset="0.6962" style="stop-color:#6D74E1"/>
<stop offset="0.8333" style="stop-color:#806EE3"/>
</linearGradient>
<polygon style="fill:url(#SVGID_1_);" points="0,0 30.1,0 0,32.5 "/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-10.1017" y1="5.8362" x2="45.7315" y2="61.6694" gradientTransform="matrix(1 0 0 -1 0 61)">
<stop offset="0.1075" style="stop-color:#C757BC"/>
<stop offset="0.2138" style="stop-color:#D0609A"/>
<stop offset="0.4254" style="stop-color:#E1725C"/>
<stop offset="0.6048" style="stop-color:#EE7E2F"/>
<stop offset="0.743" style="stop-color:#F58613"/>
<stop offset="0.8232" style="stop-color:#F88909"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="30.1,0 0,31.7 0,60 30.1,29.9 60,0 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

@ -0,0 +1,55 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://inkscape.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.0" width="115.02pt" height="115.02pt" id="svg2" sodipodi:version="0.32" inkscape:version="0.43" sodipodi:docname="logo-python-generic.svg" sodipodi:docbase="/home/sdeibel">
<metadata id="metadata2193">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview inkscape:window-height="543" inkscape:window-width="791" inkscape:pageshadow="2" inkscape:pageopacity="0.0" borderopacity="1.0" bordercolor="#666666" pagecolor="#ffffff" id="base" inkscape:zoom="1.4340089" inkscape:cx="243.02499" inkscape:cy="71.887497" inkscape:window-x="0" inkscape:window-y="0" inkscape:current-layer="svg2"/>
<defs id="defs4">
<linearGradient id="linearGradient2795">
<stop style="stop-color:#b8b8b8;stop-opacity:0.49803922" offset="0" id="stop2797"/>
<stop style="stop-color:#7f7f7f;stop-opacity:0" offset="1" id="stop2799"/>
</linearGradient>
<linearGradient id="linearGradient2787">
<stop style="stop-color:#7f7f7f;stop-opacity:0.5" offset="0" id="stop2789"/>
<stop style="stop-color:#7f7f7f;stop-opacity:0" offset="1" id="stop2791"/>
</linearGradient>
<linearGradient id="linearGradient3676">
<stop style="stop-color:#b2b2b2;stop-opacity:0.5" offset="0" id="stop3678"/>
<stop style="stop-color:#b3b3b3;stop-opacity:0" offset="1" id="stop3680"/>
</linearGradient>
<linearGradient id="linearGradient3236">
<stop style="stop-color:#f4f4f4;stop-opacity:1" offset="0" id="stop3244"/>
<stop style="stop-color:#ffffff;stop-opacity:1" offset="1" id="stop3240"/>
</linearGradient>
<linearGradient id="linearGradient4671">
<stop style="stop-color:#ffd43b;stop-opacity:1" offset="0" id="stop4673"/>
<stop style="stop-color:#ffe873;stop-opacity:1" offset="1" id="stop4675"/>
</linearGradient>
<linearGradient id="linearGradient4689">
<stop style="stop-color:#5a9fd4;stop-opacity:1" offset="0" id="stop4691"/>
<stop style="stop-color:#306998;stop-opacity:1" offset="1" id="stop4693"/>
</linearGradient>
<linearGradient x1="224.23996" y1="144.75717" x2="-65.308502" y2="144.75717" id="linearGradient2987" xlink:href="#linearGradient4671" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.2702,99.61116)"/>
<linearGradient x1="172.94208" y1="77.475983" x2="26.670298" y2="76.313133" id="linearGradient2990" xlink:href="#linearGradient4689" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.2702,99.61116)"/>
<linearGradient x1="172.94208" y1="77.475983" x2="26.670298" y2="76.313133" id="linearGradient2587" xlink:href="#linearGradient4689" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.2702,99.61116)"/>
<linearGradient x1="224.23996" y1="144.75717" x2="-65.308502" y2="144.75717" id="linearGradient2589" xlink:href="#linearGradient4671" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.2702,99.61116)"/>
<linearGradient x1="172.94208" y1="77.475983" x2="26.670298" y2="76.313133" id="linearGradient2248" xlink:href="#linearGradient4689" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.2702,99.61116)"/>
<linearGradient x1="224.23996" y1="144.75717" x2="-65.308502" y2="144.75717" id="linearGradient2250" xlink:href="#linearGradient4671" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.2702,99.61116)"/>
<linearGradient x1="224.23996" y1="144.75717" x2="-65.308502" y2="144.75717" id="linearGradient2255" xlink:href="#linearGradient4671" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.562541,0,0,0.567972,-11.5974,-7.60954)"/>
<linearGradient x1="172.94208" y1="76.176224" x2="26.670298" y2="76.313133" id="linearGradient2258" xlink:href="#linearGradient4689" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.562541,0,0,0.567972,-11.5974,-7.60954)"/>
<radialGradient cx="61.518883" cy="132.28575" r="29.036913" fx="61.518883" fy="132.28575" id="radialGradient2801" xlink:href="#linearGradient2795" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,0.177966,0,108.7434)"/>
<linearGradient x1="150.96111" y1="192.35176" x2="112.03144" y2="137.27299" id="linearGradient1475" xlink:href="#linearGradient4671" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.562541,0,0,0.567972,-9.399749,-5.305317)"/>
<linearGradient x1="26.648937" y1="20.603781" x2="135.66525" y2="114.39767" id="linearGradient1478" xlink:href="#linearGradient4689" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.562541,0,0,0.567972,-9.399749,-5.305317)"/>
<radialGradient cx="61.518883" cy="132.28575" r="29.036913" fx="61.518883" fy="132.28575" id="radialGradient1480" xlink:href="#linearGradient2795" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2.382716e-8,-0.296405,1.43676,4.683673e-7,-128.544,150.5202)"/>
</defs>
<g id="g2303">
<path id="path1948" style="fill:url(#linearGradient1478);fill-opacity:1" d="M 60.510156,6.3979729 C 55.926503,6.4192712 51.549217,6.8101906 47.697656,7.4917229 C 36.35144,9.4962267 34.291407,13.691825 34.291406,21.429223 L 34.291406,31.647973 L 61.103906,31.647973 L 61.103906,35.054223 L 34.291406,35.054223 L 24.228906,35.054223 C 16.436447,35.054223 9.6131468,39.73794 7.4789058,48.647973 C 5.0170858,58.860939 4.9078907,65.233996 7.4789058,75.897973 C 9.3848341,83.835825 13.936449,89.491721 21.728906,89.491723 L 30.947656,89.491723 L 30.947656,77.241723 C 30.947656,68.391821 38.6048,60.585475 47.697656,60.585473 L 74.478906,60.585473 C 81.933857,60.585473 87.885159,54.447309 87.885156,46.960473 L 87.885156,21.429223 C 87.885156,14.162884 81.755176,8.7044455 74.478906,7.4917229 C 69.872919,6.7249976 65.093809,6.3766746 60.510156,6.3979729 z M 46.010156,14.616723 C 48.779703,14.616723 51.041406,16.915369 51.041406,19.741723 C 51.041404,22.558059 48.779703,24.835473 46.010156,24.835473 C 43.23068,24.835472 40.978906,22.558058 40.978906,19.741723 C 40.978905,16.91537 43.23068,14.616723 46.010156,14.616723 z "/>
<path id="path1950" style="fill:url(#linearGradient1475);fill-opacity:1" d="M 91.228906,35.054223 L 91.228906,46.960473 C 91.228906,56.191228 83.403011,63.960472 74.478906,63.960473 L 47.697656,63.960473 C 40.361823,63.960473 34.291407,70.238956 34.291406,77.585473 L 34.291406,103.11672 C 34.291406,110.38306 40.609994,114.65704 47.697656,116.74172 C 56.184987,119.23733 64.323893,119.68835 74.478906,116.74172 C 81.229061,114.78733 87.885159,110.85411 87.885156,103.11672 L 87.885156,92.897973 L 61.103906,92.897973 L 61.103906,89.491723 L 87.885156,89.491723 L 101.29141,89.491723 C 109.08387,89.491723 111.98766,84.056315 114.69765,75.897973 C 117.49698,67.499087 117.37787,59.422197 114.69765,48.647973 C 112.77187,40.890532 109.09378,35.054223 101.29141,35.054223 L 91.228906,35.054223 z M 76.166406,99.710473 C 78.945884,99.710476 81.197656,101.98789 81.197656,104.80422 C 81.197654,107.63057 78.945881,109.92922 76.166406,109.92922 C 73.396856,109.92922 71.135156,107.63057 71.135156,104.80422 C 71.135158,101.98789 73.396853,99.710473 76.166406,99.710473 z "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, 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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#F5F5F5;" d="M473.655,88.275H38.345C17.167,88.275,0,105.442,0,126.62V385.38
c0,21.177,17.167,38.345,38.345,38.345h435.31c21.177,0,38.345-17.167,38.345-38.345V126.62
C512,105.442,494.833,88.275,473.655,88.275z"/>
<circle style="fill:#FF4B55;" cx="256" cy="255.999" r="97.1"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 791 B

@ -0,0 +1,176 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, 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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#F5F5F5;" d="M473.655,88.276H38.345C17.167,88.276,0,105.443,0,126.621V385.38
c0,21.177,17.167,38.345,38.345,38.345h435.31c21.177,0,38.345-17.167,38.345-38.345V126.621
C512,105.443,494.833,88.276,473.655,88.276z"/>
<g>
<path style="fill:#FF4B55;" d="M2.109,114.08H509.89c-5.196-15.017-19.452-25.804-36.235-25.804H38.345
C21.561,88.276,7.306,99.063,2.109,114.08z"/>
<rect y="191.49" style="fill:#FF4B55;" width="512" height="25.803"/>
<rect y="139.88" style="fill:#FF4B55;" width="512" height="25.803"/>
<path style="fill:#FF4B55;" d="M0,260.074c0,4.875,3.953,8.828,8.828,8.828H512v-25.804H0V260.074z"/>
<rect y="346.32" style="fill:#FF4B55;" width="512" height="25.804"/>
<path style="fill:#FF4B55;" d="M509.891,397.92H2.109c5.197,15.017,19.453,25.804,36.236,25.804h435.31
C490.439,423.724,504.694,412.937,509.891,397.92z"/>
<rect y="294.71" style="fill:#FF4B55;" width="512" height="25.803"/>
</g>
<path style="fill:#41479B;" d="M8.828,268.902h220.69c4.875,0,8.828-3.953,8.828-8.828V97.103c0-4.876-3.953-8.828-8.828-8.828
H38.345C17.167,88.276,0,105.443,0,126.621v133.453C0,264.95,3.953,268.902,8.828,268.902z"/>
<g>
<path style="fill:#F5F5F5;" d="M24.789,108.537l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.669
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928L24,122.841l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.669c-0.643-0.476-0.312-1.496,0.488-1.502l6.177-0.047l1.954-5.86C23.463,107.778,24.535,107.778,24.789,108.537z"/>
<path style="fill:#F5F5F5;" d="M24.789,139.191l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928L24,153.496l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C23.463,138.433,24.535,138.433,24.789,139.191z"/>
<path style="fill:#F5F5F5;" d="M24.789,169.846l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928L24,184.151l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C23.463,169.087,24.535,169.087,24.789,169.846z"/>
<path style="fill:#F5F5F5;" d="M24.789,200.5l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928L24,214.805l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C23.463,199.741,24.535,199.741,24.789,200.5z"/>
<path style="fill:#F5F5F5;" d="M24.789,231.154l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928L24,245.459l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C23.463,230.396,24.535,230.396,24.789,231.154z"/>
<path style="fill:#F5F5F5;" d="M48.582,123.566l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C47.256,122.808,48.329,122.808,48.582,123.566z"/>
<path style="fill:#F5F5F5;" d="M48.582,154.221l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C47.256,153.462,48.329,153.462,48.582,154.221z"/>
<path style="fill:#F5F5F5;" d="M48.582,184.875l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C47.256,184.116,48.329,184.116,48.582,184.875z"/>
<path style="fill:#F5F5F5;" d="M48.582,215.529l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C47.256,214.771,48.329,214.771,48.582,215.529z"/>
<path style="fill:#F5F5F5;" d="M72.375,108.537l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.669
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.669c-0.643-0.476-0.312-1.496,0.488-1.502l6.177-0.047l1.954-5.86C71.049,107.778,72.122,107.778,72.375,108.537z"/>
<path style="fill:#F5F5F5;" d="M72.375,139.191l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C71.049,138.433,72.122,138.433,72.375,139.191z"/>
<path style="fill:#F5F5F5;" d="M72.375,169.846l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C71.049,169.087,72.122,169.087,72.375,169.846z"/>
<path style="fill:#F5F5F5;" d="M72.375,200.5l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C71.049,199.741,72.122,199.741,72.375,200.5z"/>
<path style="fill:#F5F5F5;" d="M72.375,231.154l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C71.049,230.396,72.122,230.396,72.375,231.154z"/>
<path style="fill:#F5F5F5;" d="M96.169,123.566l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C94.842,122.808,95.916,122.808,96.169,123.566z"/>
<path style="fill:#F5F5F5;" d="M96.169,154.221l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C94.842,153.462,95.916,153.462,96.169,154.221z"/>
<path style="fill:#F5F5F5;" d="M96.169,184.875l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C94.842,184.116,95.916,184.116,96.169,184.875z"/>
<path style="fill:#F5F5F5;" d="M96.169,215.529l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C94.842,214.771,95.916,214.771,96.169,215.529z"/>
<path style="fill:#F5F5F5;" d="M119.962,108.537l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.669
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.026-3.591l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.669c-0.643-0.476-0.312-1.496,0.488-1.502l6.177-0.047l1.954-5.86C118.636,107.778,119.709,107.778,119.962,108.537z"/>
<path style="fill:#F5F5F5;" d="M119.962,139.191l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.026-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C118.636,138.433,119.709,138.433,119.962,139.191z"/>
<path style="fill:#F5F5F5;" d="M119.962,169.846l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.026-3.593l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C118.636,169.087,119.709,169.087,119.962,169.846z"/>
<path style="fill:#F5F5F5;" d="M119.962,200.5l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.026-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C118.636,199.741,119.709,199.741,119.962,200.5z"/>
<path style="fill:#F5F5F5;" d="M119.962,231.154l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.026-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C118.636,230.396,119.709,230.396,119.962,231.154z"/>
<path style="fill:#F5F5F5;" d="M143.755,123.566l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C142.43,122.808,143.502,122.808,143.755,123.566z"/>
<path style="fill:#F5F5F5;" d="M143.755,154.221l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C142.43,153.462,143.502,153.462,143.755,154.221z"/>
<path style="fill:#F5F5F5;" d="M143.755,184.875l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C142.43,184.116,143.502,184.116,143.755,184.875z"/>
<path style="fill:#F5F5F5;" d="M143.755,215.529l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C142.43,214.771,143.502,214.771,143.755,215.529z"/>
<path style="fill:#F5F5F5;" d="M167.549,108.537l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.669
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.669c-0.643-0.476-0.312-1.496,0.488-1.502l6.177-0.047l1.954-5.86C166.222,107.778,167.296,107.778,167.549,108.537z"/>
<path style="fill:#F5F5F5;" d="M167.549,139.191l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C166.222,138.433,167.296,138.433,167.549,139.191z"/>
<path style="fill:#F5F5F5;" d="M167.549,169.846l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C166.222,169.087,167.296,169.087,167.549,169.846z"/>
<path style="fill:#F5F5F5;" d="M167.549,200.5l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C166.222,199.741,167.296,199.741,167.549,200.5z"/>
<path style="fill:#F5F5F5;" d="M167.549,231.154l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C166.222,230.396,167.296,230.396,167.549,231.154z"/>
<path style="fill:#F5F5F5;" d="M191.342,123.566l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C190.016,122.808,191.089,122.808,191.342,123.566z"/>
<path style="fill:#F5F5F5;" d="M191.342,154.221l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C190.016,153.462,191.089,153.462,191.342,154.221z"/>
<path style="fill:#F5F5F5;" d="M191.342,184.875l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C190.016,184.116,191.089,184.116,191.342,184.875z"/>
<path style="fill:#F5F5F5;" d="M191.342,215.529l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C190.016,214.771,191.089,214.771,191.342,215.529z"/>
<path style="fill:#F5F5F5;" d="M215.136,108.537l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.669
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.466-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.669c-0.643-0.476-0.312-1.496,0.488-1.502l6.177-0.047l1.954-5.86C213.81,107.778,214.882,107.778,215.136,108.537z"/>
<path style="fill:#F5F5F5;" d="M215.136,139.191l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C213.81,138.433,214.882,138.433,215.136,139.191z"/>
<path style="fill:#F5F5F5;" d="M215.136,169.846l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.165-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C213.81,169.087,214.882,169.087,215.136,169.846z"/>
<path style="fill:#F5F5F5;" d="M215.136,200.5l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.027,0.488,1.502l-4.969,3.67l1.864,5.889
c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889l-4.969-3.67
c-0.643-0.474-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C213.81,199.741,214.882,199.741,215.136,200.5z"/>
<path style="fill:#F5F5F5;" d="M215.136,231.154l1.954,5.86l6.177,0.047c0.8,0.007,1.131,1.026,0.488,1.502l-4.969,3.67
l1.864,5.889c0.242,0.762-0.627,1.394-1.278,0.928l-5.025-3.592l-5.025,3.592c-0.651,0.465-1.518-0.166-1.278-0.928l1.864-5.889
l-4.969-3.67c-0.643-0.476-0.312-1.495,0.488-1.502l6.177-0.047l1.954-5.86C213.81,230.396,214.882,230.396,215.136,231.154z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 16 KiB

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348">
<title>React Logo</title>
<circle cx="0" cy="0" r="2.05" fill="#61dafb"/>
<g stroke="#61dafb" stroke-width="1" fill="none">
<ellipse rx="11" ry="4.2"/>
<ellipse rx="11" ry="4.2" transform="rotate(60)"/>
<ellipse rx="11" ry="4.2" transform="rotate(120)"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 365 B

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

@ -0,0 +1 @@
<svg height="512pt" viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m241 91v30h-30v30h30v30h30v-30h30v-30h-30v-30zm0 0"/><path d="m91 301h30v30h-30zm0 0"/><path d="m31 241h30v30h-30zm0 0"/><path d="m391 301h30v30h-30zm0 0"/><path d="m451 241h30v30h-30zm0 0"/><path d="m512 30v-30h-512v30h30v39.523438c-4.445312 2.496093-8.699219 5.367187-12.40625 9.070312-23.378906 23.378906-23.378906 61.417969 0 84.8125l64.707031 63.707031 84.8125-84.816406-64.722656-63.71875c-11.351563-11.339844-26.867187-17.011719-42.390625-17.011719v-31.566406h392v31.566406c-15.519531 0-31.039062 5.675782-42.40625 17.027344l-64.707031 63.707031 84.8125 84.8125 64.707031-63.707031c23.378906-23.394531 23.378906-61.433594-.015625-84.828125-3.699219-3.695313-7.949219-6.566406-12.390625-9.058594v-39.519531zm0 0"/><path d="m116.515625 235.316406 51.902344 74.632813 66.371093-66.371094-63.265624-63.265625zm0 0"/><path d="m274.289062 462.242188 33.859376 49.757812h194.0625l-154.449219-155.449219zm0 0"/><path d="m340.476562 180.3125-330.6875 331.6875h194.0625l191.640626-276.671875zm0 0"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

@ -0,0 +1 @@
<svg height="512pt" viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m30 15h30v63.5625h-30zm0 0" fill="#5b5555"/><path d="m241 91h30v90h-30zm0 0" fill="#faecd8"/><path d="m211 121h90v30h-90zm0 0" fill="#faecd8"/><path d="m256 121h45v30h-45zm0 0" fill="#f4d7af"/><path d="m91 301h30v30h-30zm0 0" fill="#faecd8"/><path d="m31 241h30v30h-30zm0 0" fill="#faecd8"/><path d="m391 301h30v30h-30zm0 0" fill="#ffd13a"/><path d="m451 241h30v30h-30zm0 0" fill="#ffd13a"/><path d="m30 15h30v63.5625h-30zm0 0" fill="#5b5555"/><path d="m502.210938 512h-194.0625l-70.414063-102.394531 66.882813-96.199219zm0 0" fill="#ffd13a"/><path d="m502.210938 512h-194.0625l-70.414063-102.394531 66.882813-96.199219zm0 0" fill="#ffae3a"/><path d="m452 15h30v63.5625h-30zm0 0" fill="#7fe881"/><path d="m203.222656 359.988281-122.507812-174.710937 47.386718-47.386719 149.109376 148.109375zm0 0" fill="#ffd13a"/><path d="m383.898438 137.800781-374.199219 374.199219h194.101562l227.5-326.800781zm0 0" fill="#ffe079"/><path d="m0 0h512v30h-512zm0 0" fill="#766e6e"/><path d="m91 301h30v30h-30zm0 0" fill="#faecd8"/><path d="m31 241h30v30h-30zm0 0" fill="#faecd8"/><path d="m391 301h30v30h-30zm0 0" fill="#f4d7af"/><path d="m451 241h30v30h-30zm0 0" fill="#f4d7af"/><path d="m452 15h30v63.5625h-30zm0 0" fill="#463f3f"/><path d="m256 0h256v30h-256zm0 0" fill="#5b5555"/><path d="m256 307.210938 21.210938-21.210938-21.210938-21.210938zm0 0" fill="#fdbf00"/><path d="m431.300781 185.199219-175.300781 250.800781v-171.300781l127.898438-126.898438zm0 0" fill="#ffd13a"/><path d="m256 91h15v90h-15zm0 0" fill="#f4d7af"/><path d="m430.699219 227.113281-84.8125-84.8125 63.707031-63.707031c16.332031-16.320312 41.453125-21.871094 62.679688-13.945312 8.277343 2.914062 15.820312 7.632812 22.132812 13.945312 23.378906 23.378906 23.378906 61.421875 0 84.8125zm0 0" fill="#5b5555"/><path d="m81.300781 227.113281-63.707031-63.707031c-23.378906-23.394531-23.378906-61.433594 0-84.8125 6.3125-6.3125 13.855469-11.03125 22.441406-14.046875 20.226563-7.632813 46.039063-2.273437 62.355469 14.03125l63.722656 63.722656zm0 0" fill="#766e6e"/></svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

@ -0,0 +1,29 @@
---
layout: layouts/resume.njk
filter:
contact:
- us-phone
- address
- github
education:
- rpi
- tefl_ita
skills:
code:
- java
- javascript
- typescript
- html5
languages: all
experience:
"-all": false
"bazel-configurability":
- other
awards:
- perfy
- deans-list
---
This is where my description of the highlights for this role would go. If I had one!
This is just a test resume to work out some last kinks in the accessibility parts of the design.
Loading…
Cancel
Save