[Feature] Introducing image compression using imagemin (#654)

* Introduce imagemin for compressing images

* Replace original images with the optimized ones

* Add imagemin-svgo to dependencies

* Remove console statement, replace let with const

* Replace let with const

* Add --skip-image-compression

* Run Prettier

docs/api-commands.md

@@ -53,11 +53,11 @@ Docusaurus provides some default mappings to allow you to run commands following
 
 ## Reference
 
-### `docusaurus-build`
+### `docusaurus-build [--skip-image-compression]`
 
 Alias: `build`.
 
-Generates the static website, applying translations if necessary. Useful for building the website prior to deployment.
+Generates the static website, applying translations if necessary. Useful for building the website prior to deployment. By default Docusaurus will attempt to compress your images unless you provided the `--skip-image-compression` flag.
 
 See also [`docusaurus-start`](api-commands.md#docusaurus-start-port-number).
 

lib/server/generate.js

@@ -29,6 +29,14 @@ async function execute() {
   const sep = path.sep;
   const escapeStringRegexp = require('escape-string-regexp');
   const {renderToStaticMarkupWithDoctype} = require('./renderUtils');
+  const commander = require('commander');
+  const imagemin = require('imagemin');
+  const imageminJpegtran = require('imagemin-jpegtran');
+  const imageminOptipng = require('imagemin-optipng');
+  const imageminSvgo = require('imagemin-svgo');
+  const imageminGifsicle = require('imagemin-gifsicle');
+
+  commander.option('--skip-image-compression').parse(process.argv);
 
   // create the folder path for a file if it does not exist, then write the file
   function writeFileAndCreateFolder(file, content) {
@@ -399,9 +407,29 @@ async function execute() {
       }
 
       fs.writeFileSync(mainCss, cssContent);
+    } else if (
+      normalizedFile.match(/\.png$|.jpg$|.svg$|.gif$/) &&
+      !commander.skipImageCompression
+    ) {
+      const parts = normalizedFile.split(sep + 'static' + sep);
+      const targetDirectory = join(
+        buildDir,
+        parts[1].substring(0, parts[1].lastIndexOf(sep))
+      );
+      mkdirp.sync(path.dirname(targetDirectory));
+      imagemin([normalizedFile], targetDirectory, {
+        use: [
+          imageminOptipng(),
+          imageminJpegtran(),
+          imageminSvgo({
+            plugins: [{removeViewBox: false}],
+          }),
+          imageminGifsicle(),
+        ],
+      });
     } else if (!fs.lstatSync(normalizedFile).isDirectory()) {
-      let parts = normalizedFile.split(sep + 'static' + sep);
-      let targetFile = join(buildDir, parts[1]);
+      const parts = normalizedFile.split(sep + 'static' + sep);
+      const targetFile = join(buildDir, parts[1]);
       mkdirp.sync(path.dirname(targetFile));
       fs.copySync(normalizedFile, targetFile);
     }

package.json

@@ -44,6 +44,11 @@
     "fs-extra": "^5.0.0",
     "glob": "^7.1.2",
     "highlight.js": "^9.12.0",
+    "imagemin": "^5.3.1",
+    "imagemin-gifsicle": "^5.2.0",
+    "imagemin-jpegtran": "^5.0.2",
+    "imagemin-optipng": "^5.2.1",
+    "imagemin-svgo": "^6.0.0",
     "markdown-toc": "^1.2.0",
     "mkdirp": "^0.5.1",
     "react": "^15.5.4",

website/static/img/bucklescript.svg

@@ -1,38 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
-    <title>Artboard 3</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#6F4824" offset="0%"></stop>
-            <stop stop-color="#8F5D2F" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="2.73388929%" y1="39.0211096%" x2="100%" y2="39.0211105%" id="linearGradient-2">
-            <stop stop-color="#BF9155" offset="0%"></stop>
-            <stop stop-color="#8B582B" offset="100%"></stop>
-        </linearGradient>
-        <path d="M24,21.1715729 L22.1715729,23 L24,24.8284271 L24,29 C24,29.5522847 23.5522847,30 23,30 L9.5,30 L8,30 L8,28.5 L8,17.5 L8,16 L9.5,16 L23,16 C23.5522847,16 24,16.4477153 24,17 L24,21.1715729 Z M10,18 L10,28 L22,28 L22,18 L10,18 Z M12,22 L22,22 L22,24 L12,24 L12,22 Z" id="path-3"></path>
-        <filter x="-9.4%" y="-10.7%" width="118.8%" height="121.4%" filterUnits="objectBoundingBox" id="filter-4">
-            <feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
-            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.137879303 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard-3">
-            <ellipse id="Oval" fill="url(#linearGradient-1)" cx="16" cy="7" rx="16" ry="6"></ellipse>
-            <path d="M0.910430441,21 L0,21 L0,25 C0,28.3137085 7.163444,31 16,31 C24.836556,31 32,28.3137085 32,25 L32,21 L31.0895696,21 C31.6791775,21.6255579 32,22.2987292 32,23 C32,26.3137085 24.836556,29 16,29 C7.163444,29 0,26.3137085 0,23 C0,22.2987292 0.320822513,21.6255579 0.910430441,21 Z" id="Combined-Shape" fill="#000000" opacity="0.0661798007"></path>
-            <rect id="Rectangle-15" fill="#644222" x="22" y="21" width="2" height="2"></rect>
-            <path d="M32,8 L32,25 C32,28.3137085 24.836556,31 16,31 C7.163444,31 0,28.3137085 0,25 L0,9 L-6.66133815e-15,9 C0,12.3137085 7.163444,15 16,15 C24.836556,15 32,12.3137085 32,9 L32,8 Z" id="Combined-Shape" fill="url(#linearGradient-2)"></path>
-            <ellipse id="Oval" fill="#794E27" cx="16" cy="7.5" rx="16" ry="6.5"></ellipse>
-            <g id="Combined-Shape">
-                <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
-                <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
-            </g>
-            <ellipse id="Oval-5" fill-opacity="0.23680933" fill="#000000" cx="5.5" cy="22" rx="1" ry="1"></ellipse>
-            <ellipse id="Oval-5" fill-opacity="0.23680933" fill="#000000" cx="3.5" cy="21" rx="1" ry="1"></ellipse>
-            <ellipse id="Oval-5" fill-opacity="0.23680933" fill="#000000" cx="1.5" cy="20" rx="1" ry="1"></ellipse>
-        </g>
-    </g>
-</svg>
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="a"><stop stop-color="#6F4824" offset="0%"/><stop stop-color="#8F5D2F" offset="100%"/></linearGradient><linearGradient x1="2.734%" y1="39.021%" y2="39.021%" id="b"><stop stop-color="#BF9155" offset="0%"/><stop stop-color="#8B582B" offset="100%"/></linearGradient><path d="M24 21.172L22.172 23 24 24.828V29a1 1 0 0 1-1 1H8V16h15a1 1 0 0 1 1 1v4.172zM10 18v10h12V18H10zm2 4h10v2H12v-2z" id="d"/><filter x="-9.4%" y="-10.7%" width="118.8%" height="121.4%" filterUnits="objectBoundingBox" id="c"><feMorphology radius=".5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"/><feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.137879303 0" in="shadowOffsetOuter1"/></filter></defs><g fill="none" fill-rule="evenodd"><ellipse fill="url(#a)" cx="16" cy="7" rx="16" ry="6"/><path d="M.91 21H0v4c0 3.314 7.163 6 16 6s16-2.686 16-6v-4h-.91c.59.626.91 1.299.91 2 0 3.314-7.163 6-16 6S0 26.314 0 23c0-.701.32-1.374.91-2z" fill="#000" opacity=".066"/><path fill="#644222" d="M22 21h2v2h-2z"/><path d="M32 8v17c0 3.314-7.163 6-16 6S0 28.314 0 25V9c0 3.314 7.163 6 16 6s16-2.686 16-6V8z" fill="url(#b)"/><ellipse fill="#794E27" cx="16" cy="7.5" rx="16" ry="6.5"/><use fill="#000" filter="url(#c)" xlink:href="#d"/><use fill="#FFF" xlink:href="#d"/><ellipse fill-opacity=".237" fill="#000" cx="5.5" cy="22" rx="1" ry="1"/><ellipse fill-opacity=".237" fill="#000" cx="3.5" cy="21" rx="1" ry="1"/><ellipse fill-opacity=".237" fill="#000" cx="1.5" cy="20" rx="1" ry="1"/></g></svg>

website/static/img/facebook-instant-articles-rules-editor.svg

@@ -1 +1 @@
-<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 212.93 212.93"><defs><style>.cls-1{fill:#3b5998;}.cls-2{opacity:0.17;}.cls-3{fill:#fff;}</style></defs><title>icon</title><rect class="cls-1" width="212.93" height="212.93" rx="28.35" ry="28.35"/><circle class="cls-2" cx="106.36" cy="105.74" r="71.84"/><path class="cls-3" d="M143.26,97.84L83.55,157.52,83,157.18l21-41.3H69.94l-0.27-.57,58.76-59.89,0.46,0.27-20,41.54h34Z"/><path class="cls-3" d="M33.49,53.67H27.62q-3.8,0-5.08,2.84t-1.29,9.88V85.78a36.45,36.45,0,0,1-1.1,9.94,20.26,20.26,0,0,1-2.57,5.87,10.41,10.41,0,0,1-2.88,3l-2,1.23a15.53,15.53,0,0,0,2,1.61,12.22,12.22,0,0,1,2.88,3.15,21.3,21.3,0,0,1,2.57,5.93,36.47,36.47,0,0,1,1.1,9.94V145.8q0,7,1.29,9.88t5.08,2.84h5.88v4.08H27.37q-5.14,0-8-3.09T16.6,148V128.51a71.33,71.33,0,0,0-.37-7.29,27.67,27.67,0,0,0-1.35-6.36,12,12,0,0,0-2.69-4.51,6.38,6.38,0,0,0-4.41-1.85v-4.69A6.37,6.37,0,0,0,12.19,102a11.93,11.93,0,0,0,2.69-4.51,27.65,27.65,0,0,0,1.35-6.36,71.31,71.31,0,0,0,.37-7.29V64.17q0-8.4,2.82-11.49t8-3.09h6.12v4.08Z"/><path class="cls-3" d="M179.44,158.52h5.88q3.79,0,5.08-2.84t1.29-9.88V126.41a36.49,36.49,0,0,1,1.1-9.94,21.3,21.3,0,0,1,2.57-5.93,12.19,12.19,0,0,1,2.88-3.15,15.78,15.78,0,0,0,2-1.61l-2-1.23a10.38,10.38,0,0,1-2.88-3,20.26,20.26,0,0,1-2.57-5.87,36.47,36.47,0,0,1-1.1-9.94V66.39q0-7-1.29-9.88t-5.08-2.84h-5.88V49.59h6.12q5.14,0,8,3.09t2.82,11.49V83.8a71.31,71.31,0,0,0,.37,7.29A27.58,27.58,0,0,0,198,97.45a11.88,11.88,0,0,0,2.69,4.51,6.36,6.36,0,0,0,4.41,1.85v4.69a6.38,6.38,0,0,0-4.41,1.85,11.9,11.9,0,0,0-2.69,4.51,27.59,27.59,0,0,0-1.35,6.36,71.33,71.33,0,0,0-.37,7.29V148q0,8.4-2.82,11.49t-8,3.09h-6.12v-4.08Z"/></svg>
+<svg data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 212.93 212.93"><rect width="212.93" height="212.93" rx="28.35" ry="28.35" fill="#3b5998"/><circle cx="106.36" cy="105.74" r="71.84" opacity=".17"/><path d="M143.26 97.84l-59.71 59.68-.55-.34 21-41.3H69.94l-.27-.57 58.76-59.89.46.27-20 41.54h34zM33.49 53.67h-5.87q-3.8 0-5.08 2.84t-1.29 9.88v19.39a36.45 36.45 0 0 1-1.1 9.94 20.26 20.26 0 0 1-2.57 5.87 10.41 10.41 0 0 1-2.88 3l-2 1.23a15.53 15.53 0 0 0 2 1.61 12.22 12.22 0 0 1 2.88 3.15 21.3 21.3 0 0 1 2.57 5.93 36.47 36.47 0 0 1 1.1 9.94v19.35q0 7 1.29 9.88t5.08 2.84h5.88v4.08h-6.13q-5.14 0-8-3.09T16.6 148v-19.49a71.33 71.33 0 0 0-.37-7.29 27.67 27.67 0 0 0-1.35-6.36 12 12 0 0 0-2.69-4.51 6.38 6.38 0 0 0-4.41-1.85v-4.69a6.37 6.37 0 0 0 4.41-1.81 11.93 11.93 0 0 0 2.69-4.51 27.65 27.65 0 0 0 1.35-6.36 71.31 71.31 0 0 0 .37-7.29V64.17q0-8.4 2.82-11.49t8-3.09h6.12v4.08zm145.95 104.85h5.88q3.79 0 5.08-2.84t1.29-9.88v-19.39a36.49 36.49 0 0 1 1.1-9.94 21.3 21.3 0 0 1 2.57-5.93 12.19 12.19 0 0 1 2.88-3.15 15.78 15.78 0 0 0 2-1.61l-2-1.23a10.38 10.38 0 0 1-2.88-3 20.26 20.26 0 0 1-2.57-5.87 36.47 36.47 0 0 1-1.1-9.94V66.39q0-7-1.29-9.88t-5.08-2.84h-5.88v-4.08h6.12q5.14 0 8 3.09t2.82 11.49V83.8a71.31 71.31 0 0 0 .37 7.29 27.58 27.58 0 0 0 1.25 6.36 11.88 11.88 0 0 0 2.69 4.51 6.36 6.36 0 0 0 4.41 1.85v4.69a6.38 6.38 0 0 0-4.41 1.85 11.9 11.9 0 0 0-2.69 4.51 27.59 27.59 0 0 0-1.35 6.36 71.33 71.33 0 0 0-.37 7.29V148q0 8.4-2.82 11.49t-8 3.09h-6.12v-4.08z" fill="#fff"/></svg>

website/static/img/react-native-ios-kit.svg

@@ -1,95 +1 @@
-<?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://creativecommons.org/ns#"
-   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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="300"
-   height="314"
-   viewBox="0 0 300.00001 314"
-   id="svg4171"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="ios-kit.svg"
-   inkscape:export-filename="/Users/jakub/Projects/callstack/react-native-ios-kit/website/static/img/favicon.png"
-   inkscape:export-xdpi="90"
-   inkscape:export-ydpi="90">
-  <defs
-     id="defs4173" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="0.64"
-     inkscape:cx="285.31029"
-     inkscape:cy="225.52633"
-     inkscape:document-units="px"
-     inkscape:current-layer="g4824"
-     showgrid="false"
-     inkscape:window-width="1280"
-     inkscape:window-height="711"
-     inkscape:window-x="1"
-     inkscape:window-y="106"
-     inkscape:window-maximized="0"
-     units="px" />
-  <metadata
-     id="metadata4176">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(0,-738.36213)">
-    <g
-       id="g4824"
-       transform="translate(-269.625,525.875)">
-      <rect
-         style="opacity:0.98000004;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.89999998;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="rect4902"
-         width="585.57281"
-         height="437.52231"
-         x="666.10181"
-         y="-134.23155" />
-      <path
-         inkscape:connector-curvature="0"
-         style="opacity:0.98000004;fill:#416baf;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 337.51074,224.75431 c -0.5687,-0.004 -1.18679,0.002 -1.85937,0.002 l -25.4043,0 c -15.43643,0 -28.13867,11.82169 -28.13867,27.16992 l 0,262.29493 275.0332,0 0,-262.29493 c 0,-15.34823 -11.99521,-27.16992 -27.43164,-27.16992 l -25.14063,0 c -5.3807,0 -7.32098,-0.17484 -7.67382,6.61719 -0.26462,7.05665 -5.20306,11.28957 -11.73047,13.31836 -2.20521,0.70566 -4.67502,1.23437 -7.05664,1.23437 l -4.76368,0 -106.46875,0 -4.76171,0 c -2.38162,0 -4.85144,-0.35292 -7.05664,-1.05859 -6.5274,-2.02884 -11.37959,-6.61526 -11.73243,-13.67192 -0.30871,-5.94303 -1.83354,-6.41608 -5.81445,-6.44141 z m 114.04688,0.0918 c -2.117,0 -3.88282,1.76386 -3.88282,3.88086 0,2.117 1.76582,3.88086 3.88282,3.88086 2.117,0 3.88086,-1.76386 3.88086,-3.88086 -1e-5,-2.117 -1.76386,-3.88086 -3.88086,-3.88086 z m -48.60352,2.55664 c -1.49955,0 -2.64648,0.88196 -2.64648,2.20508 0,1.32313 1.14693,2.20507 2.64648,2.20507 l 34.40039,0 c 1.49954,0 2.64649,-0.88194 2.64649,-2.20507 0,-1.32312 -1.14695,-2.20508 -2.64649,-2.20508 l -34.40039,0 z"
-         id="rect4145-4" />
-      <g
-         style="stroke:none"
-         transform="matrix(0.89741174,0,0,0.89741174,230.50876,185.28581)"
-         id="g7-6">
-        <circle
-           style="fill:#ffffff;stroke:none"
-           id="circle9-3"
-           r="25.1"
-           cy="214"
-           cx="211.8"
-           class="st1" />
-        <path
-           style="fill:#ffffff;stroke:none"
-           inkscape:connector-curvature="0"
-           id="path11-0"
-           d="m 337.7,189 c -8.7,-7.2 -20.9,-13.7 -35.5,-18.7 -2.9,-1 -5.9,-2 -9,-2.8 0.5,-2.1 1,-4.2 1.4,-6.2 7,-33.8 2,-60.1 -12.9,-68.7 -7.3,-4.2 -17.3,-4.2 -28.8,0 -10.6,3.9 -22.3,11.3 -33.9,21.4 -2.3,2 -4.7,4.2 -7,6.4 -1.6,-1.5 -3.1,-2.9 -4.7,-4.3 -25.8,-22.9 -51.1,-31.8 -66,-23.2 -7.3,4.2 -12.3,12.9 -14.4,25 -1.9,11.1 -1.3,25 1.6,40.1 0.6,3 1.3,6.2 2.1,9.3 -3.6,1 -7.1,2.1 -10.4,3.3 -30.5,10.6 -48.7,26.8 -48.7,43.4 0,8.6 5.1,17.6 14.7,25.8 9,7.7 21.7,14.5 36.7,19.6 2.5,0.8 5,1.6 7.6,2.4 -0.8,3.4 -1.6,6.7 -2.2,10 -6,31.7 -1,55.6 13.3,63.9 3.8,2.2 8.3,3.3 13.4,3.3 4.9,0 10.4,-1 16.2,-3.1 11.2,-3.9 23.4,-11.5 35.3,-21.9 1.9,-1.7 3.9,-3.5 5.8,-5.4 2.5,2.4 5.1,4.7 7.6,6.9 18,15.5 35.2,23.7 48.8,23.7 4.9,0 9.4,-1.1 13.1,-3.3 7.5,-4.3 12.7,-13.2 15,-25.6 2.1,-11.7 1.6,-26.1 -1.4,-41.6 -0.5,-2.5 -1,-5 -1.7,-7.5 1.8,-0.5 3.5,-1.1 5.2,-1.6 32.8,-10.8 53.1,-28.3 53.1,-45.5 0.1,-8.5 -4.9,-17.2 -14.3,-25.1 z M 257,103.9 c 8,-2.9 14.6,-3.2 18.7,-0.9 8,4.6 13.7,24.1 7.1,55.9 -0.4,1.8 -0.8,3.7 -1.3,5.5 -11.7,-2.7 -24.3,-4.7 -37.6,-5.9 -7.7,-11 -15.7,-20.9 -23.7,-29.5 2.1,-2.1 4.3,-4 6.4,-5.9 10.7,-9.1 21.2,-15.8 30.4,-19.2 z m -6,133 c -4.4,7.6 -8.9,14.9 -13.4,21.7 -8.3,0.6 -16.9,0.9 -25.7,0.9 -8.8,0 -17.3,-0.3 -25.4,-0.8 -4.8,-7 -9.4,-14.3 -13.7,-21.7 -4.3,-7.5 -8.3,-15.1 -12,-22.6 3.6,-7.6 7.6,-15.2 11.9,-22.6 l 0,0 c 4.3,-7.5 8.9,-14.8 13.6,-21.7 8.4,-0.6 16.9,-1 25.5,-1 8.7,0 17.2,0.3 25.6,1 4.6,6.9 9.2,14.1 13.5,21.6 4.4,7.7 8.5,15.2 12.1,22.5 -3.6,7.5 -7.6,15.1 -12,22.7 z m 18.5,-8.9 c 3.8,8.6 6.9,16.8 9.4,24.7 -8.1,1.9 -16.9,3.4 -26.2,4.5 2.9,-4.6 5.8,-9.4 8.6,-14.3 3,-5 5.7,-10 8.2,-14.9 z m -57.2,63.4 c -5.7,-6.1 -11.4,-12.9 -16.9,-20.2 5.3,0.2 10.8,0.3 16.4,0.3 5.7,0 11.4,-0.1 17,-0.4 -5.5,7.4 -11,14.2 -16.5,20.3 z m -41.1,-34.1 c -9.2,-1 -17.9,-2.4 -25.8,-4.2 2.5,-8 5.5,-16.3 9.1,-24.7 2.5,4.8 5.2,9.7 8,14.5 2.7,5 5.6,9.8 8.7,14.4 z m -8.8,-71.6 c -2.8,4.8 -5.4,9.7 -8,14.5 -3.5,-8.3 -6.5,-16.4 -8.9,-24.3 8,-1.8 16.6,-3.3 25.5,-4.4 -3,4.7 -5.9,9.4 -8.6,14.2 z M 212,137.6 c 5.5,6 11,12.6 16.5,19.9 -5.5,-0.3 -11.1,-0.4 -16.7,-0.4 -5.5,0 -11,0.1 -16.4,0.4 5.4,-7.2 11,-13.9 16.6,-19.9 z m 49.3,48 c -2.8,-4.8 -5.6,-9.5 -8.5,-14 8.9,1.1 17.5,2.6 25.6,4.5 -2.4,7.8 -5.4,15.9 -9,24.2 -2.5,-4.9 -5.2,-9.8 -8.1,-14.7 z m -121,-29.9 c -2.7,-13.6 -3.2,-26 -1.5,-35.7 1.4,-8.4 4.5,-14.3 8.6,-16.7 8,-4.6 27.7,0.2 52,21.8 1.4,1.2 2.8,2.5 4.2,3.9 -8.2,8.8 -16.2,18.7 -23.8,29.5 -13.2,1.2 -25.8,3.2 -37.5,5.8 -0.8,-2.9 -1.4,-5.7 -2,-8.6 z m -13.6,92.4 C 97,238 83.5,223.3 83.5,214 c 0,-8.9 12.6,-22.3 40.7,-32.1 3.1,-1.1 6.3,-2.1 9.6,-3 3.5,11.5 8.1,23.4 13.7,35.5 -5.6,12.2 -10.3,24.3 -13.8,35.9 -2.4,-0.7 -4.7,-1.5 -7,-2.2 z M 155,327 c -3,0 -5.5,-0.6 -7.4,-1.7 -7.7,-4.4 -13,-22 -7.5,-51.2 0.6,-3 1.3,-6.1 2,-9.3 11.4,2.5 24.1,4.4 37.8,5.5 7.8,10.9 15.9,21 24.1,29.8 -1.8,1.7 -3.6,3.4 -5.3,4.9 -18.2,15.7 -33.8,22 -43.7,22 z m 128.8,-56 c 6.1,30.8 0.2,49.8 -7.8,54.4 -7.7,4.5 -25.6,0.3 -48.1,-19.1 -2.3,-2 -4.7,-4.2 -7.1,-6.4 7.9,-8.6 15.8,-18.6 23.5,-29.9 13.6,-1.2 26.4,-3.2 38,-5.9 0.5,2.4 1,4.7 1.5,6.9 z m 11.5,-22.9 c -1.5,0.5 -3.1,1 -4.7,1.5 -3.5,-11.2 -8.3,-23.1 -14.2,-35.5 5.6,-12.1 10.2,-23.9 13.7,-35.1 2.9,0.8 5.7,1.7 8.4,2.6 13.1,4.5 24.1,10.3 31.7,16.6 6.5,5.4 10.1,11 10.1,15.8 -0.1,9.3 -14.2,23.9 -45,34.1 z"
-           class="st1" />
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="314" viewBox="0 0 300 314"><path opacity=".98" fill-rule="evenodd" stroke-width=".9" stroke-linecap="round" d="M396.477-346.72H982.05V90.804H396.477z"/><path d="M67.886 12.267c-.569-.004-1.187.002-1.86.002H40.622c-15.436 0-28.139 11.822-28.139 27.17v262.295h275.034V39.439c0-15.348-11.996-27.17-27.432-27.17h-25.14c-5.381 0-7.322-.175-7.674 6.617-.265 7.057-5.204 11.29-11.731 13.319-2.205.705-4.675 1.234-7.057 1.234H92.49c-2.381 0-4.851-.353-7.056-1.058-6.528-2.03-11.38-6.616-11.733-13.672-.309-5.943-1.833-6.416-5.814-6.442zm114.047.092c-2.117 0-3.883 1.764-3.883 3.88 0 2.118 1.766 3.882 3.883 3.882s3.88-1.764 3.88-3.881-1.763-3.881-3.88-3.881zm-48.604 2.557c-1.5 0-2.646.882-2.646 2.205s1.147 2.205 2.646 2.205h34.4c1.5 0 2.647-.882 2.647-2.205s-1.147-2.205-2.647-2.205h-34.4z" opacity=".98" fill="#416baf" stroke-width="2" stroke-linecap="round"/><g transform="translate(-39.116 -27.201) scale(.89741)"><circle r="25.1" cy="214" cx="211.8" class="st1" fill="#fff"/><path d="M337.7 189c-8.7-7.2-20.9-13.7-35.5-18.7-2.9-1-5.9-2-9-2.8.5-2.1 1-4.2 1.4-6.2 7-33.8 2-60.1-12.9-68.7-7.3-4.2-17.3-4.2-28.8 0-10.6 3.9-22.3 11.3-33.9 21.4-2.3 2-4.7 4.2-7 6.4-1.6-1.5-3.1-2.9-4.7-4.3-25.8-22.9-51.1-31.8-66-23.2-7.3 4.2-12.3 12.9-14.4 25-1.9 11.1-1.3 25 1.6 40.1.6 3 1.3 6.2 2.1 9.3-3.6 1-7.1 2.1-10.4 3.3-30.5 10.6-48.7 26.8-48.7 43.4 0 8.6 5.1 17.6 14.7 25.8 9 7.7 21.7 14.5 36.7 19.6 2.5.8 5 1.6 7.6 2.4-.8 3.4-1.6 6.7-2.2 10-6 31.7-1 55.6 13.3 63.9 3.8 2.2 8.3 3.3 13.4 3.3 4.9 0 10.4-1 16.2-3.1 11.2-3.9 23.4-11.5 35.3-21.9 1.9-1.7 3.9-3.5 5.8-5.4 2.5 2.4 5.1 4.7 7.6 6.9 18 15.5 35.2 23.7 48.8 23.7 4.9 0 9.4-1.1 13.1-3.3 7.5-4.3 12.7-13.2 15-25.6 2.1-11.7 1.6-26.1-1.4-41.6-.5-2.5-1-5-1.7-7.5 1.8-.5 3.5-1.1 5.2-1.6 32.8-10.8 53.1-28.3 53.1-45.5.1-8.5-4.9-17.2-14.3-25.1zM257 103.9c8-2.9 14.6-3.2 18.7-.9 8 4.6 13.7 24.1 7.1 55.9-.4 1.8-.8 3.7-1.3 5.5-11.7-2.7-24.3-4.7-37.6-5.9-7.7-11-15.7-20.9-23.7-29.5 2.1-2.1 4.3-4 6.4-5.9 10.7-9.1 21.2-15.8 30.4-19.2zm-6 133c-4.4 7.6-8.9 14.9-13.4 21.7-8.3.6-16.9.9-25.7.9s-17.3-.3-25.4-.8c-4.8-7-9.4-14.3-13.7-21.7-4.3-7.5-8.3-15.1-12-22.6 3.6-7.6 7.6-15.2 11.9-22.6 4.3-7.5 8.9-14.8 13.6-21.7 8.4-.6 16.9-1 25.5-1 8.7 0 17.2.3 25.6 1 4.6 6.9 9.2 14.1 13.5 21.6 4.4 7.7 8.5 15.2 12.1 22.5-3.6 7.5-7.6 15.1-12 22.7zm18.5-8.9c3.8 8.6 6.9 16.8 9.4 24.7-8.1 1.9-16.9 3.4-26.2 4.5 2.9-4.6 5.8-9.4 8.6-14.3 3-5 5.7-10 8.2-14.9zm-57.2 63.4c-5.7-6.1-11.4-12.9-16.9-20.2 5.3.2 10.8.3 16.4.3 5.7 0 11.4-.1 17-.4-5.5 7.4-11 14.2-16.5 20.3zm-41.1-34.1c-9.2-1-17.9-2.4-25.8-4.2 2.5-8 5.5-16.3 9.1-24.7 2.5 4.8 5.2 9.7 8 14.5 2.7 5 5.6 9.8 8.7 14.4zm-8.8-71.6c-2.8 4.8-5.4 9.7-8 14.5-3.5-8.3-6.5-16.4-8.9-24.3 8-1.8 16.6-3.3 25.5-4.4-3 4.7-5.9 9.4-8.6 14.2zm49.6-48.1c5.5 6 11 12.6 16.5 19.9-5.5-.3-11.1-.4-16.7-.4-5.5 0-11 .1-16.4.4 5.4-7.2 11-13.9 16.6-19.9zm49.3 48c-2.8-4.8-5.6-9.5-8.5-14 8.9 1.1 17.5 2.6 25.6 4.5-2.4 7.8-5.4 15.9-9 24.2-2.5-4.9-5.2-9.8-8.1-14.7zm-121-29.9c-2.7-13.6-3.2-26-1.5-35.7 1.4-8.4 4.5-14.3 8.6-16.7 8-4.6 27.7.2 52 21.8 1.4 1.2 2.8 2.5 4.2 3.9-8.2 8.8-16.2 18.7-23.8 29.5-13.2 1.2-25.8 3.2-37.5 5.8-.8-2.9-1.4-5.7-2-8.6zm-13.6 92.4C97 238 83.5 223.3 83.5 214c0-8.9 12.6-22.3 40.7-32.1 3.1-1.1 6.3-2.1 9.6-3 3.5 11.5 8.1 23.4 13.7 35.5-5.6 12.2-10.3 24.3-13.8 35.9-2.4-.7-4.7-1.5-7-2.2zM155 327c-3 0-5.5-.6-7.4-1.7-7.7-4.4-13-22-7.5-51.2.6-3 1.3-6.1 2-9.3 11.4 2.5 24.1 4.4 37.8 5.5 7.8 10.9 15.9 21 24.1 29.8-1.8 1.7-3.6 3.4-5.3 4.9-18.2 15.7-33.8 22-43.7 22zm128.8-56c6.1 30.8.2 49.8-7.8 54.4-7.7 4.5-25.6.3-48.1-19.1-2.3-2-4.7-4.2-7.1-6.4 7.9-8.6 15.8-18.6 23.5-29.9 13.6-1.2 26.4-3.2 38-5.9.5 2.4 1 4.7 1.5 6.9zm11.5-22.9c-1.5.5-3.1 1-4.7 1.5-3.5-11.2-8.3-23.1-14.2-35.5 5.6-12.1 10.2-23.9 13.7-35.1 2.9.8 5.7 1.7 8.4 2.6 13.1 4.5 24.1 10.3 31.7 16.6 6.5 5.4 10.1 11 10.1 15.8-.1 9.3-14.2 23.9-45 34.1z" class="st1" fill="#fff"/></g></svg>

website/static/img/react-native.svg

@@ -1,25 +1 @@
-<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #05A5D1;
-      }
-
-      .cls-2 {
-        fill: none;
-        stroke: #05A5D1;
-        stroke-miterlimit: 10;
-        stroke-width: 2px;
-      }
-    </style>
-  </defs>
-  <title>logo_react</title>
-  <g id="use4193">
-    <g id="Names">
-      <circle class="cls-1" cx="32.5" cy="32.5" r="6.5"/>
-      <ellipse class="cls-2" cx="32.5" cy="32.5" rx="30.5" ry="10.5"/>
-      <ellipse class="cls-2" cx="32.51" cy="31.98" rx="30.5" ry="10.5" transform="translate(-12.34 40.27) rotate(-55)"/>
-      <ellipse class="cls-2" cx="32.51" cy="31.98" rx="10.5" ry="30.5" transform="translate(-12.47 24.43) rotate(-35)"/>
-    </g>
-  </g>
-</svg>
+<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><defs><style>.cls-2{fill:none;stroke:#05a5d1;stroke-miterlimit:10;stroke-width:2px}</style></defs><g id="use4193"><g id="Names"><circle cx="32.5" cy="32.5" r="6.5" fill="#05a5d1"/><ellipse class="cls-2" cx="32.5" cy="32.5" rx="30.5" ry="10.5"/><ellipse class="cls-2" cx="32.51" cy="31.98" rx="30.5" ry="10.5" transform="rotate(-55 32.509 31.987)"/><ellipse class="cls-2" cx="32.51" cy="31.98" rx="10.5" ry="30.5" transform="rotate(-35 32.506 31.99)"/></g></g></svg>

website/static/img/react.svg

@@ -1,21 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	width="600px" height="600px" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
-<rect fill="none" width="600" height="600"/>
-<circle fill="#00D8FF" cx="299.529" cy="299.628" r="50.167"/>
-<path fill="none" stroke="#00D8FF" stroke-width="24" stroke-miterlimit="10" d="M299.529,197.628
-	c67.356,0,129.928,9.665,177.107,25.907c56.844,19.569,91.794,49.233,91.794,76.093c0,27.991-37.041,59.503-98.083,79.728
-	c-46.151,15.291-106.879,23.272-170.818,23.272c-65.554,0-127.63-7.492-174.29-23.441c-59.046-20.182-94.611-52.103-94.611-79.559
-	c0-26.642,33.37-56.076,89.415-75.616C167.398,207.503,231.515,197.628,299.529,197.628z"/>
-<path fill="none" stroke="#00D8FF" stroke-width="24" stroke-miterlimit="10" d="M210.736,248.922
-	c33.649-58.348,73.281-107.724,110.92-140.48c45.35-39.466,88.507-54.923,111.775-41.505
-	c24.248,13.983,33.042,61.814,20.067,124.796c-9.81,47.618-33.234,104.212-65.176,159.601
-	c-32.749,56.788-70.25,106.819-107.377,139.272c-46.981,41.068-92.4,55.929-116.185,42.213
-	c-23.079-13.31-31.906-56.921-20.834-115.233C153.281,368.316,176.758,307.841,210.736,248.922z"/>
-<path fill="none" stroke="#00D8FF" stroke-width="24" stroke-miterlimit="10" d="M210.821,351.482
-	c-33.746-58.292-56.731-117.287-66.312-166.255c-11.544-58.999-3.382-104.109,19.864-117.566
-	c24.224-14.024,70.055,2.244,118.14,44.94c36.356,32.28,73.688,80.837,105.723,136.173c32.844,56.733,57.461,114.209,67.036,162.582
-	c12.117,61.213,2.309,107.984-21.453,121.74c-23.057,13.348-65.249-0.784-110.239-39.499
-	C285.567,460.886,244.898,410.344,210.821,351.482z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600"><path fill="none" d="M0 0h600v600H0z"/><circle fill="#00D8FF" cx="299.529" cy="299.628" r="50.167"/><path fill="none" stroke="#00D8FF" stroke-width="24" stroke-miterlimit="10" d="M299.529 197.628c67.356 0 129.928 9.665 177.107 25.907 56.844 19.569 91.794 49.233 91.794 76.093 0 27.991-37.041 59.503-98.083 79.728-46.151 15.291-106.879 23.272-170.818 23.272-65.554 0-127.63-7.492-174.29-23.441-59.046-20.182-94.611-52.103-94.611-79.559 0-26.642 33.37-56.076 89.415-75.616 47.355-16.509 111.472-26.384 179.486-26.384z"/><path fill="none" stroke="#00D8FF" stroke-width="24" stroke-miterlimit="10" d="M210.736 248.922c33.649-58.348 73.281-107.724 110.92-140.48 45.35-39.466 88.507-54.923 111.775-41.505 24.248 13.983 33.042 61.814 20.067 124.796-9.81 47.618-33.234 104.212-65.176 159.601-32.749 56.788-70.25 106.819-107.377 139.272-46.981 41.068-92.4 55.929-116.185 42.213-23.079-13.31-31.906-56.921-20.834-115.233 9.355-49.27 32.832-109.745 66.81-168.664z"/><path fill="none" stroke="#00D8FF" stroke-width="24" stroke-miterlimit="10" d="M210.821 351.482c-33.746-58.292-56.731-117.287-66.312-166.255-11.544-58.999-3.382-104.109 19.864-117.566 24.224-14.024 70.055 2.244 118.14 44.94 36.356 32.28 73.688 80.837 105.723 136.173 32.844 56.733 57.461 114.209 67.036 162.582 12.117 61.213 2.309 107.984-21.453 121.74-23.057 13.348-65.249-.784-110.239-39.499-38.013-32.711-78.682-83.253-112.759-142.115z"/></svg>

website/static/img/reason-react.svg

@@ -1,9 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="3925px" height="3525px" viewBox="0 0 3925 3525" version="1.1" xmlns="http://www.w3.org/2000/svg">
-  <circle stroke="none" fill="#db4d3f" cx="1960" cy="1760" r="355"></circle>
-  <g stroke="#db4d3f" stroke-width="170" fill="none">
-    <ellipse cx="2575" cy="545" rx="715" ry="1875" transform="rotate(30)"></ellipse>
-    <ellipse cx="1760" cy="-1960" rx="715" ry="1875" transform="rotate(90)"></ellipse>
-    <ellipse cx="-815" cy="-2505" rx="715" ry="1875" transform="rotate(-210)"></ellipse>
-  </g>
-</svg>
+<svg width="3925" height="3525" viewBox="0 0 3925 3525" xmlns="http://www.w3.org/2000/svg"><circle fill="#db4d3f" cx="1960" cy="1760" r="355"/><g stroke="#db4d3f" stroke-width="170" fill="none"><ellipse cx="2575" cy="545" rx="715" ry="1875" transform="rotate(30)"/><ellipse cx="1760" cy="-1960" rx="715" ry="1875" transform="rotate(90)"/><ellipse cx="-815" cy="-2505" rx="715" ry="1875" transform="rotate(-210)"/></g></svg>

website/static/img/reason.svg

@@ -1,14 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="113px" height="112px" viewBox="0 0 113 112" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
-    <title>Group</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-497.000000, -251.000000)">
-        <g id="Group" transform="translate(497.000000, 251.000000)">
-            <rect id="Rectangle" fill="#DD4C39" x="0.422334439" y="0.21146349" width="112.088711" height="111.788537"></rect>
-            <polygon id="path12_fill" fill="#FFFFFF" fill-rule="nonzero" points="73.5146244 60.0807842 106.878115 60.0807842 106.878115 68.904941 84.5553314 68.904941 84.5553314 76.8224822 104.706053 76.8224822 104.706053 85.5862387 84.5553314 85.6466656 84.5553314 93.6246071 107.48134 93.6246071 107.48134 102.448791 73.5146244 102.448791"></polygon>
-            <path d="M54.6529308,102.448791 L48.4991311,90.7235858 L48.2577614,90.7235858 L40.2940206,90.7235858 L40.2940206,102.448791 L29.2533137,102.448791 L29.2533137,60.0807842 L48.2577614,60.0807842 C53.8484978,60.0807842 58.1723417,61.3903037 61.2291605,64.0093413 C64.3261414,66.5880949 65.8746981,70.2345979 65.8746981,74.9488506 C65.8746981,78.1319526 65.2311782,80.8920664 63.9440059,83.2290593 C62.6569661,85.5258119 60.7867158,87.31883 58.3332548,88.6082466 L67.1415906,102.448791 L54.6529308,102.448791 Z M40.2940206,81.8994024 L48.3180707,81.8994024 C50.5704566,81.8994024 52.3000736,81.3353739 53.5066568,80.2070514 C54.7535346,79.0788617 55.3769072,77.4470704 55.3769072,75.3115447 C55.3769072,73.2565793 54.7535346,71.6851485 53.5066568,70.5972389 C52.3000736,69.4690359 50.5704566,68.904941 48.3180707,68.904941 L40.2940206,68.904941 L40.2940206,81.8994024 Z" id="path11_fill" fill="#FFFFFF" fill-rule="nonzero"></path>
-        </g>
-    </g>
-</svg>
+<svg width="113" height="112" viewBox="0 0 113 112" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#DD4C39" d="M.422.211h112.089V112H.422z"/><path fill="#FFF" fill-rule="nonzero" d="M73.515 60.08h33.363v8.825H84.555v7.917h20.151v8.764l-20.15.06v7.979h22.925v8.824H73.515zm-18.862 42.369l-6.154-11.725h-8.205v11.725h-11.04V60.08h19.004c5.59 0 9.914 1.31 12.971 3.928 3.097 2.58 4.646 6.226 4.646 10.94 0 3.183-.644 5.943-1.931 8.28-1.287 2.297-3.157 4.09-5.61 5.38l8.808 13.84h-12.49zm-14.359-20.55h8.024c2.252 0 3.982-.564 5.189-1.692 1.247-1.128 1.87-2.76 1.87-4.895 0-2.055-.623-3.627-1.87-4.715-1.207-1.128-2.937-1.692-5.189-1.692h-8.024v12.994z"/></g></svg>

website/static/img/rejoiner.svg

@@ -1,28 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="196px" height="176px" viewBox="0 0 196 176" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Logo</title>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Rejoiner">
-            <g id="Logo">
-                <path d="M24.54016,62.10553 L24.54016,98.263" id="Shape" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"></path>
-                <path d="M42.11496,45.77481 L77.233094,20.105529" id="Shape" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"></path>
-                <path d="M124.3207,20.09448 L161.108145,45.07086" id="Shape" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"></path>
-                <path d="M178.68274,63.13387 L133.10791,143.10236" id="Shape" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"></path>
-                <path d="M100.7774,40.07874 L48.0845,118.25199" id="Shape" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"></path>
-                <path d="M178.68274,63.13387 L177.359864,93.748036" id="Shape" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"></path>
-                <path d="M177.3622,129.85828 L150.685045,159.433079" id="Shape" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"></path>
-                <path d="M81.31235,159.35486 L115.548556,159.449342" id="Shape" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"></path>
-                <path d="M24.54004,138.23096 L46.177827,159.36484" id="Shape" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"></path>
-                <path d="M42.11496,46.77481 L159.78424,112.79056" id="Shape" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"></path>
-                <polygon id="Shape" fill="#4285F4" points="0.99673 98.26247 48.08334 98.26247 48.08334 138.23096 0.99673 138.23096"></polygon>
-                <polygon id="Shape" fill="#34A853" points="46.16272 143.02417 81.312348 143.02417 81.312348 175.685577 46.16272 175.685577"></polygon>
-                <polygon id="Shape" fill="#4285F4" points="77.2341 0.11023 124.32071 0.11023 124.32071 40.078736 77.2341 40.078736"></polygon>
-                <polygon id="Shape" fill="#34A853" points="115.53806 143.10553 150.687688 143.10553 150.687688 175.766937 115.53806 175.766937"></polygon>
-                <polygon id="Shape" fill="#34A853" points="6.96536 29.4441 42.114957 29.4441 42.114957 62.105523 6.96536 62.105523"></polygon>
-                <polygon id="Shape" fill="#FF9800" points="161.1079 27.00787 196.257497 27.00787 196.257497 63.13386 161.1079 63.13386"></polygon>
-                <polygon id="Shape" fill="#FF9800" points="159.7874 94.73228 194.936997 94.73228 194.936997 130.85827 159.7874 130.85827"></polygon>
-            </g>
-        </g>
-    </g>
-</svg>
+<svg width="196" height="176" viewBox="0 0 196 176" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M24.54 62.106v36.157m17.575-52.488l35.118-25.67m47.087-.011l36.788 24.977m17.575 18.063l-45.575 79.968M100.777 40.079l-52.693 78.173m130.599-55.118l-1.323 30.614m.002 36.11l-26.677 29.575m-69.373-.078l34.237.094M24.54 138.231l21.638 21.134m-4.063-112.59l117.67 66.016" stroke="#4FC3F7" stroke-width="4" stroke-linejoin="round"/><path fill="#4285F4" d="M.997 98.262h47.086v39.969H.997z"/><path fill="#34A853" d="M46.163 143.024h35.15v32.662h-35.15z"/><path fill="#4285F4" d="M77.234.11h47.087v39.97H77.234z"/><path fill="#34A853" d="M115.538 143.106h35.15v32.66h-35.15zM6.965 29.444h35.15v32.662H6.965z"/><path fill="#FF9800" d="M161.108 27.008h35.15v36.126h-35.15zm-1.321 67.724h35.15v36.126h-35.15z"/></g></svg>

website/static/img/search.svg

@@ -1,5 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="50" height="50" version="1.1" viewBox="0 0 50.000001 50.000001" xmlns="http://www.w3.org/2000/svg">
- <rect width="50" height="50" fill-opacity="0"/>
- <path d="m18.623 4.2559c-7.9132 0-14.367 6.454-14.367 14.367 0 7.9132 6.454 14.367 14.367 14.367 3.2414 0 6.2283-1.0954 8.6367-2.918a2.0002 2.0002 0 0 0 0.15039 0.16602l14.898 14.898a2.0002 2.0002 0 1 0 2.8281 -2.8281l-14.898-14.898a2.0002 2.0002 0 0 0 -0.16602 -0.15039c1.8225-2.4084 2.918-5.3953 2.918-8.6367 0-7.9132-6.454-14.367-14.367-14.367zm0 3.5898c5.9732 0 10.777 4.8042 10.777 10.777 0 5.9732-4.8042 10.777-10.777 10.777s-10.777-4.8042-10.777-10.777c2e-7 -5.9732 4.8042-10.777 10.777-10.777z" color="#000000" color-rendering="auto" fill="#555" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="block-progression:tb;isolation:auto;mix-blend-mode:normal;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none;white-space:normal"/>
-</svg>
+<svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill-opacity="0" d="M0 0h50v50H0z"/><path d="M18.623 4.256c-7.913 0-14.367 6.454-14.367 14.367 0 7.913 6.454 14.367 14.367 14.367 3.241 0 6.228-1.095 8.637-2.918a2 2 0 0 0 .15.166l14.898 14.898a2 2 0 1 0 2.828-2.828L30.238 27.41a2 2 0 0 0-.166-.15c1.823-2.409 2.918-5.396 2.918-8.637 0-7.913-6.454-14.367-14.367-14.367zm0 3.59A10.75 10.75 0 0 1 29.4 18.623c0 5.973-4.804 10.777-10.777 10.777S7.846 24.595 7.846 18.623A10.75 10.75 0 0 1 18.623 7.846z" color="#000" fill="#555" solid-color="#000000" style="block-progression:tb;isolation:auto;mix-blend-mode:normal;text-decoration-color:#000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none" white-space="normal"/></svg>

website/static/img/translation.svg

@@ -1,3 +1 @@
-<svg class="language {{include.class}}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-  <path fill="#000000" d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 0 1 1.229-.799l.082 4.277a2.773 2.773 0 0 1-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 0 0-.196-.145h-1.95a.194.194 0 0 0-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"/>
-</svg>
+<svg class="language {{include.class}}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 0 1 1.229-.799l.082 4.277a2.773 2.773 0 0 1-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 0 0-.196-.145h-1.95a.194.194 0 0 0-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"/></svg>

website/static/img/versioning.svg

@@ -1,11 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
-<svg enable-background="new 0 0 1190.6 841.9" version="1.1" viewBox="0 0 1190.6 841.9" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-		<defs>
-				<rect id="c" transform="matrix(.209 -.9779 .9779 .209 47.703 952.73)" x="287.4" y="88.5" width="650.7" height="716.8"/>
-		</defs>
-		<clipPath id="d">
-			<use overflow="visible" xlink:href="#c"/>
-		</clipPath>
-		<path d="m275.3 368.5c36.8-172.1 207-282.2 379.1-245.4 172.2 36.8 282.4 206.7 245.6 378.9-2.5 11.6-5.7 22.9-9.4 34.1l50.5 10.8c6.6 1.4 11.5 6.7 12.8 13.1 1.1 6.7-1.7 13.2-7.4 16.8l-134.5 86.9c-7.7 5-17.8 2.8-22.7-4.9l-87.5-134.2c-3.6-5.7-3.6-12.8 0.2-18.5 3.9-5.3 10.6-8.1 17-6.7l56 12c4.6-11 8-22.3 10.5-33.9 23.3-109-46.4-216.7-155.5-240-109-23.3-216.8 46.5-240.1 155.5s46.5 216.8 155.6 240.1c8.8 1.9 14.6 10.6 12.7 19.5l-17.6 82.1c-1.9 8.9-10.7 14.6-19.6 12.7-172.1-36.7-282.5-206.8-245.7-378.9z" clip-path="url(#d)"/>
-</svg>
+<svg viewBox="0 0 1190.6 841.9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" transform="rotate(-77.936 612.785 446.886)" d="M287.4 88.5h650.7v716.8H287.4z"/></defs><clipPath id="b"><use overflow="visible" xlink:href="#a"/></clipPath><path d="M275.3 368.5c36.8-172.1 207-282.2 379.1-245.4C826.6 159.9 936.8 329.8 900 502c-2.5 11.6-5.7 22.9-9.4 34.1l50.5 10.8c6.6 1.4 11.5 6.7 12.8 13.1 1.1 6.7-1.7 13.2-7.4 16.8L812 663.7c-7.7 5-17.8 2.8-22.7-4.9l-87.5-134.2c-3.6-5.7-3.6-12.8.2-18.5 3.9-5.3 10.6-8.1 17-6.7l56 12c4.6-11 8-22.3 10.5-33.9 23.3-109-46.4-216.7-155.5-240C521 214.2 413.2 284 389.9 393s46.5 216.8 155.6 240.1c8.8 1.9 14.6 10.6 12.7 19.5l-17.6 82.1c-1.9 8.9-10.7 14.6-19.6 12.7-172.1-36.7-282.5-206.8-245.7-378.9z" clip-path="url(#b)"/></svg>