diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..ccf55a4
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Anubhav Singh
+
+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.
diff --git a/README.md b/README.md
index f25c212..046cc3c 100644
--- a/README.md
+++ b/README.md
@@ -1,25 +1,20 @@
-# Create React App example
+# Community Logo Generator
 
-## How to use
+A logo generator for all and any communities!
 
-Download the example [or clone the repo](https://github.com/mui-org/material-ui):
+# Communities Supported
 
-```sh
-curl https://codeload.github.com/mui-org/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/create-react-app
-cd create-react-app
-```
+- [x] Google Developer Groups
+- [x] GDG Cloud
+- [x] Women Techmakers
+- [x] Developer Student Clubs
+- [] Google Crowdsource
+- [] TensorFlow User Group
+- [] Local Guides
+- [] Facebook Developer Circles
 
-Install it and run:
+# Winter of Code Ideas
 
-```sh
-npm install
-npm start
-```
-
-or:
-
-[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/create-react-app)
-
-## The idea behind the example
-
-This example demonstrates how you can use [Create React App](https://github.com/facebookincubator/create-react-app).
+- **General speed up of the tool** : The tool is written in React and is not using code splitting currently, hence making it slow to load initially. Speeding this up would be good.
+- **SEO improvements** : The tool has poor SEO currently.
+- **Profiles and Saving generated logos** : Users should be able to login into the tool and save their generated logos for future re-download. This will help the returning users of the tool.
diff --git a/package-lock.json b/package-lock.json
index 585b1b1..0442f64 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1336,6 +1336,18 @@
         "@babel/runtime": "^7.4.4"
       }
     },
+    "@material-ui/lab": {
+      "version": "4.0.0-alpha.54",
+      "resolved": "https://registry.npmjs.org/@material-ui/lab/-/lab-4.0.0-alpha.54.tgz",
+      "integrity": "sha512-BK/z+8xGPQoMtG6gWKyagCdYO1/2DzkBchvvXs2bbTVh3sbi/QQLIqWV6UA1KtMVydYVt22NwV3xltgPkaPKLg==",
+      "requires": {
+        "@babel/runtime": "^7.4.4",
+        "@material-ui/utils": "^4.9.6",
+        "clsx": "^1.0.4",
+        "prop-types": "^15.7.2",
+        "react-is": "^16.8.0"
+      }
+    },
     "@material-ui/react-transition-group": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/@material-ui/react-transition-group/-/react-transition-group-4.3.0.tgz",
@@ -4563,6 +4575,12 @@
         }
       }
     },
+    "email-addresses": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-3.1.0.tgz",
+      "integrity": "sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==",
+      "dev": true
+    },
     "emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -5520,6 +5538,33 @@
         "schema-utils": "^2.5.0"
       }
     },
+    "filename-reserved-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-1.0.0.tgz",
+      "integrity": "sha1-5hz4BfDeHJhFZ9A4bcXfUO5a9+Q=",
+      "dev": true
+    },
+    "filenamify": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/filenamify/-/filenamify-1.2.1.tgz",
+      "integrity": "sha1-qfL/0RxQO+0wABUCknI3jx8TZaU=",
+      "dev": true,
+      "requires": {
+        "filename-reserved-regex": "^1.0.0",
+        "strip-outer": "^1.0.0",
+        "trim-repeated": "^1.0.0"
+      }
+    },
+    "filenamify-url": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/filenamify-url/-/filenamify-url-1.0.0.tgz",
+      "integrity": "sha1-syvYExnvWGO3MHi+1Q9GpPeXX1A=",
+      "dev": true,
+      "requires": {
+        "filenamify": "^1.0.0",
+        "humanize-url": "^1.0.0"
+      }
+    },
     "filesize": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.0.1.tgz",
@@ -5947,6 +5992,46 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "gh-pages": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/gh-pages/-/gh-pages-2.2.0.tgz",
+      "integrity": "sha512-c+yPkNOPMFGNisYg9r4qvsMIjVYikJv7ImFOhPIVPt0+AcRUamZ7zkGRLHz7FKB0xrlZ+ddSOJsZv9XAFVXLmA==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.1",
+        "commander": "^2.18.0",
+        "email-addresses": "^3.0.1",
+        "filenamify-url": "^1.0.0",
+        "fs-extra": "^8.1.0",
+        "globby": "^6.1.0"
+      },
+      "dependencies": {
+        "globby": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+          "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
+          "dev": true,
+          "requires": {
+            "array-union": "^1.0.1",
+            "glob": "^7.0.3",
+            "object-assign": "^4.0.1",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+          "dev": true
+        }
+      }
+    },
+    "github-buttons": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/github-buttons/-/github-buttons-2.8.0.tgz",
+      "integrity": "sha512-luN2vRGV0GKT/P9FLqrWfa2DXddjNrDmv6eOLhFTU99yGv1OrMxVZEXKwSHlGmxhxvnZFYT6a3Hz42W07m3J1g=="
+    },
     "glob": {
       "version": "7.1.6",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
@@ -6413,6 +6498,16 @@
       "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
       "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM="
     },
+    "humanize-url": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/humanize-url/-/humanize-url-1.0.1.tgz",
+      "integrity": "sha1-9KuZ4NKIF0yk4eUEB8VfuuRk7/8=",
+      "dev": true,
+      "requires": {
+        "normalize-url": "^1.0.0",
+        "strip-url-auth": "^1.0.0"
+      }
+    },
     "hyphenate-style-name": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.3.tgz",
@@ -10960,6 +11055,14 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.7.tgz",
       "integrity": "sha512-TAv1KJFh3RhqxNvhzxj6LeT5NWklP6rDr2a0jaTfsZ5wSZWHOGeqQyejUp3xxLfPt2UpyJEcVQB/zyPcmonNFA=="
     },
+    "react-github-btn": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/react-github-btn/-/react-github-btn-1.2.0.tgz",
+      "integrity": "sha512-/b2TGTeek5Ky+KtuP5BxOaXgb1FGhbwgZNI6rkwkGk7+xtCtsNMkdchOcCnC3qU1JGTWPKzYZWpPBIouVhXAoQ==",
+      "requires": {
+        "github-buttons": "^2.8.0"
+      }
+    },
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -12603,6 +12706,21 @@
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.0.tgz",
       "integrity": "sha512-e6/d0eBu7gHtdCqFt0xJr642LdToM5/cN4Qb9DbHjVx1CP5RyeM+zH7pbecEmDv/lBqb0QH+6Uqq75rxFPkM0w=="
     },
+    "strip-outer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz",
+      "integrity": "sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.2"
+      }
+    },
+    "strip-url-auth": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-url-auth/-/strip-url-auth-1.0.1.tgz",
+      "integrity": "sha1-IrD6OkE4WzO+PzMVUbu4N/oM164=",
+      "dev": true
+    },
     "style-loader": {
       "version": "0.23.1",
       "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz",
@@ -13023,6 +13141,15 @@
       "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
       "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM="
     },
+    "trim-repeated": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz",
+      "integrity": "sha1-42RqLqTokTEr9+rObPsFOAvAHCE=",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.2"
+      }
+    },
     "true-case-path": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz",
diff --git a/package.json b/package.json
index ce2ff94..9104295 100644
--- a/package.json
+++ b/package.json
@@ -2,19 +2,24 @@
   "name": "create-react-app",
   "version": "4.0.0",
   "private": true,
+  "homepage": "./",
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build"
   },
   "dependencies": {
     "@material-ui/core": "latest",
     "@material-ui/icons": "^4.9.1",
+    "@material-ui/lab": "^4.0.0-alpha.54",
     "clsx": "latest",
     "node-sass": "^4.14.1",
     "react": "latest",
     "react-dom": "latest",
+    "react-github-btn": "^1.2.0",
     "react-responsive-canvas": "^1.0.2",
     "react-scripts": "latest",
     "webfontloader": "^1.6.28"
@@ -30,5 +35,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "gh-pages": "^2.2.0"
   }
 }
diff --git a/public/CNAME b/public/CNAME
new file mode 100644
index 0000000..4ee92ab
--- /dev/null
+++ b/public/CNAME
@@ -0,0 +1 @@
+logo-generator.dscnsec.com
\ No newline at end of file
diff --git a/public/assets/wtm/color.svg b/public/assets/wtm/color.svg
new file mode 100644
index 0000000..4236e18
--- /dev/null
+++ b/public/assets/wtm/color.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="-1 -0.9999999999998521 645.8394961200934 541.0240656162013" width="597.59" height="500"><defs><path d="M152.41 436.4C143.57 436.4 136.2 429.24 136.2 420.19C136.2 389.86 136.2 147.18 136.2 116.85C136.2 108.01 143.36 100.64 152.41 100.64C159.29 100.64 214.36 100.64 221.24 100.64C230.09 100.64 237.45 107.8 237.45 116.85C237.45 147.18 237.45 389.86 237.45 420.19C237.24 429.03 230.09 436.4 221.24 436.4C207.48 436.4 159.29 436.4 152.41 436.4Z" id="aGvKJbrr3"></path><linearGradient id="gradienta7bMba4N9" gradientUnits="userSpaceOnUse" x1="82.42" y1="164.11" x2="291.27" y2="372.96"><stop style="stop-color: #ffffff;stop-opacity: 0.2" offset="0%"></stop><stop style="stop-color: #ffffff;stop-opacity: 0" offset="100%"></stop></linearGradient><path d="M420.6 436.4C411.75 436.4 404.39 429.24 404.39 420.19C404.39 389.86 404.39 147.18 404.39 116.85C404.39 108.22 411.54 100.64 420.6 100.64C427.44 100.64 482.17 100.64 489.01 100.64C497.85 100.64 505.22 107.8 505.22 116.85C505.22 147.18 505.22 389.86 505.22 420.19C505.22 429.03 498.06 436.4 489.01 436.4C475.33 436.4 427.44 436.4 420.6 436.4Z" id="adHB8LpWo"></path><path d="M503.54 116.85C503.54 108.85 497.22 101.69 488.17 100.85C498.06 100.85 505.22 108.01 505.01 116.85C505.01 137.07 505.01 238.19 505.01 420.19L503.54 420.19C503.54 238.19 503.54 137.07 503.54 116.85Z" id="c2t78O7Xe"></path><path d="M404.6 421.03C404.6 239.03 404.6 137.91 404.6 117.69C404.39 111.8 406.91 107.38 410.28 104.64C412.81 102.54 416.39 101.06 419.33 100.85C426.38 100.85 482.8 100.85 489.85 100.85C494.06 100.85 499.33 103.38 502.48 108.01C504.17 110.53 505.22 113.9 505.22 117.69C505.22 109.27 498.27 102.32 489.85 102.32C483.01 102.32 428.28 102.32 421.44 102.32C416.17 102.32 411.75 104.43 409.23 108.01C407.75 109.9 406.28 112.64 406.07 115.38C405.86 117.9 405.86 120.64 405.86 121.48C405.87 141.45 405.94 241.3 406.07 421.03L404.6 421.03Z" id="ad91xKfhT"></path><path d="M154.09 435.14C145.25 435.14 136.62 429.24 136.62 420.4C136.62 390.05 136.62 147.2 136.62 116.85C136.62 108.01 143.78 100.64 152.83 100.64C159.67 100.64 214.4 100.64 221.24 100.64C230.09 100.64 237.45 107.8 237.45 116.85C237.45 147.18 237.45 389.86 237.45 420.19C237.24 429.03 230.09 436.4 221.24 436.4C207.81 436.15 160.81 435.26 154.09 435.14Z" id="j1RRRVzPaa"></path><path d="M273.66 227.58C353.11 347.19 397.24 413.64 406.07 426.93C410.28 434.51 415.12 436.19 421.65 436.19C428.41 436.19 482.46 436.19 489.22 436.19C506.69 436.19 507.54 414.93 504.8 410.09C491.35 390.13 383.74 230.48 370.28 210.53C366.49 204.63 361.23 201.26 354.71 201.26" id="chqvAWZHP"></path><path d="M406.28 427.56C400.64 419.06 372.43 376.53 321.66 299.99L274.29 228L275.56 227.16L407.33 426.3C407.59 426.8 407.73 427.08 407.75 427.14C411.96 434.51 416.81 436.4 422.91 436.4C416.39 436.4 410.7 435.35 406.28 427.56Z" id="b8H5TZzAh"></path><path d="M237.24 266.73L236.61 266.73L237.03 116.01L237.24 115.8L237.24 266.73Z" id="cKJixvMvx"></path><path d="M136.62 415.56C136.62 236.59 136.62 137.16 136.62 117.27C136.62 116.43 136.62 115.59 136.83 114.74C137.46 110.11 139.99 106.32 143.36 103.8C145.88 101.9 149.25 100.85 152.62 100.85C159.54 100.85 214.95 100.85 221.88 100.85C226.51 100.85 230.93 103.38 233.66 106.75C235.98 109.48 237.24 113.06 237.24 116.01C237.2 116.01 236.86 116.01 236.82 116.01C236.82 110.53 230.51 102.11 221.67 102.11C214.76 102.11 159.52 102.11 152.62 102.11C147.99 102.11 143.99 104.22 141.25 107.59C139.99 109.27 137.25 113.27 137.25 118.95C137.31 138.73 137.59 237.6 138.09 415.56L136.62 415.56Z" id="aHEW6U3L"></path><path d="M421.65 436.4C415.12 436.4 410.7 435.14 406.07 427.14C406.2 427.05 407.21 426.38 407.33 426.3C411.54 433.66 415.54 434.72 421.44 434.72C428.17 434.72 482.06 434.72 488.8 434.72C494.69 434.72 498.69 432.61 501.43 427.77C505.22 421.24 504.8 413.88 503.33 411.35C494.33 398 449.35 331.27 368.39 211.16L369.65 210.32C450.74 330.43 495.79 397.16 504.8 410.51C506.69 413.88 505.22 425.24 502.9 428.61C500.59 432.4 497.01 436.4 489.01 436.4C475.54 436.4 428.38 436.4 421.65 436.4Z" id="bun0sRj9q"></path><path d="M153.67 436.4C139.57 436.4 132.83 422.93 138.09 410.3C151.65 390.34 260.1 230.69 273.66 210.74C277.45 204.84 282.71 201.47 289.24 201.47C295.81 201.47 348.35 201.47 354.92 201.47C368.39 201.47 376.39 215.79 370.07 227.58C356.87 247.51 251.28 406.99 238.08 426.93C234.3 432.82 229.03 436.4 222.51 436.4C208.74 436.4 160.55 436.4 153.67 436.4Z" id="btDNssxRU"></path><path d="M154.51 436.19C147.57 436.19 142.51 433.45 139.15 428.61C135.78 423.35 135.36 416.61 138.09 410.09C138.11 410.07 138.18 410 138.3 409.88C219.52 290.27 264.64 223.82 273.66 210.53C277.87 204.21 283.34 201.47 289.66 201.47C296.23 201.47 348.77 201.47 355.34 201.47C357.86 201.47 360.18 202.11 362.28 203.16C363.97 204 365.44 205.05 366.71 206.32C367.97 207.58 369.02 208.84 369.86 210.53C369.86 210.53 361.23 203.16 355.34 203.16C348.77 203.16 296.23 203.16 289.66 203.16C283.77 203.16 278.71 205.68 274.92 211.58C261.37 231.51 152.91 390.99 139.36 410.93C136.83 417.03 137.25 423.35 140.2 427.98C143.15 432.4 147.99 435.56 154.09 435.56C154.78 435.6 158.22 435.81 164.41 436.19C158.47 436.19 155.17 436.19 154.51 436.19Z" id="k1bOOCvJvG"></path><path d="M151.99 436.4C148.62 436.19 145.46 434.93 142.94 433.03C142.68 432.78 140.66 430.76 140.41 430.51C142.72 432.19 148.62 434.51 151.78 434.72C154.3 434.93 221.88 434.93 222.72 434.93C228.82 434.93 233.87 431.77 237.66 425.88C250.84 405.94 356.26 246.46 369.44 226.52C372.39 221.05 371.97 215.37 368.81 210.1C367.76 208.21 366.07 205.26 363.76 204C359.97 201.68 361.23 202.53 363.76 204C366.07 205.26 367.97 207.16 369.65 209.47C373.23 214.95 373.44 222.52 370.7 227.37C370.7 227.39 370.7 227.56 370.7 227.58C359.76 244.21 341.65 271.57 322.29 300.83C283.13 359.99 238.93 426.93 238.93 426.93C234.3 433.03 229.03 436.4 222.51 436.4C208.4 436.4 159.04 436.4 151.99 436.4Z" id="a1eJcAtqd9"></path><path d="M157.04 470.92C149.21 470.86 86.56 470.36 78.73 470.29C76.84 470.29 74.73 469.66 73.05 468.82C73.03 468.8 72.86 468.63 72.84 468.61C72.41 468.4 71.99 468.19 71.57 467.77C71.53 467.72 71.19 467.39 71.15 467.35C72.2 468.19 73.68 469.03 75.15 469.24C75.36 469.24 76.2 469.45 76.41 469.45C84.46 469.45 148.79 469.45 156.83 469.45C159.35 469.45 161.67 470.29 163.35 471.56C164.62 472.61 165.88 473.87 166.51 475.56C167.56 477.24 167.99 478.5 167.99 481.03C167.99 475.13 162.72 470.92 157.04 470.92ZM157.46 0.02C162.51 0.02 168.2 4.23 168.2 10.54C168.2 5.07 161.88 1.28 157.46 1.28C142.79 1.28 25.41 1.28 10.74 1.28C10.53 1.28 10.31 1.28 9.89 1.49C9.7 1.39 8.19 0.54 8 0.44C8.63 0.23 9.47 0.02 10.74 0.02C40.08 0.02 142.79 0.02 157.46 0.02Z" id="b1cAMIS3Xn"></path><path d="M573.85 77.7C573.87 115.78 574.03 420.42 574.06 458.5C574.06 462.08 573 465.45 570.69 467.77C568.37 470.08 565 471.35 561.21 471.35C553.43 471.35 491.12 471.35 483.33 471.35C477.85 471.35 473.85 475.35 473.85 480.61C473.85 485.09 473.85 520.96 473.85 525.45C473.85 527.97 474.49 531.34 476.59 533.45C479.12 535.97 483.12 536.81 483.12 536.81C482.48 536.81 481.85 536.81 481.43 536.6C475.54 535.55 472.17 531.13 472.17 525.45C472.17 520.96 472.17 485.09 472.17 480.61C472.17 474.29 476.8 469.66 483.12 469.66C490.91 469.66 553.22 469.66 561 469.66C564.37 469.66 567.32 468.61 569.42 466.5C571.53 464.4 572.58 461.45 572.37 458.29C572.37 420.21 572.37 115.57 572.37 77.48C572.58 72.22 567.74 67.59 562.48 67.59C568.79 67.59 573.85 71.38 573.85 77.7ZM483.33 66.12L562.48 66.12M483.33 67.59C476.38 67.59 472.17 62.54 472.17 56.22C472.17 51.61 472.17 14.73 472.17 10.12C472.17 5.28 476.59 0.02 482.91 0.02C483.12 0.02 603.11 0.23 628.79 0.02C632.16 0.02 634.68 1.91 634.68 1.91C634.54 1.88 633.84 1.74 632.58 1.49C542.9 1.49 493.08 1.49 483.12 1.49C477.85 1.7 474.06 5.07 474.06 10.33C474.02 14.94 473.69 51.82 473.64 56.43C473.64 61.91 477.64 67.8 483.12 67.8" id="acndD7NJj"></path><path d="M10.74 537.02C4.84 537.02 0 532.18 0 526.29C0 474.73 0 62.31 0 10.75C0 4.86 4.84 0.02 10.74 0.02C25.39 0.02 142.6 0.02 157.25 0.02C163.14 0.02 167.99 4.86 167.99 10.75C167.99 15.32 167.99 51.87 167.99 56.43C167.99 62.33 163.14 67.17 157.25 67.17C149.31 67.17 85.82 67.17 77.89 67.17C71.99 67.17 67.15 72.01 67.15 77.91C67.15 115.99 67.15 420.63 67.15 458.72C67.15 464.61 71.99 469.45 77.89 469.45C85.82 469.45 149.31 469.45 157.25 469.45C163.14 469.45 167.99 474.29 167.99 480.19C167.99 484.8 167.99 521.68 167.99 526.29C167.99 532.18 163.14 537.02 157.25 537.02C127.95 537.02 25.39 537.02 10.74 537.02Z" id="bOgC0krlp"></path><path d="M1.05 530.92C2.95 534.29 6.95 535.55 10.53 535.55C25.18 535.55 142.39 535.55 157.04 535.55C162.72 535.55 166.51 531.34 166.51 527.13C166.55 522.54 166.89 485.83 166.93 481.24C166.93 481.24 166.72 477.66 166.51 477.03C166.46 476.8 166.18 475.68 165.67 473.66C166.05 474.29 166.26 474.64 166.3 474.71C166.3 474.71 167.78 477.24 167.78 479.98C167.78 484.69 167.78 522.41 167.78 527.13C167.78 531.97 162.93 537.02 156.83 537.02C147.08 537.02 98.31 537.02 10.53 537.02C5.61 535.48 2.46 533.45 1.05 530.92ZM65.47 459.56C65.47 421.46 65.47 116.64 65.47 78.54C65.47 72.22 70.31 65.28 76.62 65.28C84.48 65.28 147.29 65.28 155.14 65.28C160.41 65.28 166.3 62.75 166.3 57.07C166.3 52.52 166.3 16.14 166.3 11.6C166.3 6.12 161.88 0.02 156.2 0.02C160.2 -0.19 163.56 1.49 165.67 4.44C167.14 6.33 167.99 8.86 167.78 11.6C167.78 16.12 167.78 52.33 167.78 56.85C167.78 56.85 167.78 57.49 167.56 58.33C167.35 59.8 166.72 61.28 165.88 62.54C164.83 64.01 163.35 65.28 161.88 66.12C159.99 67.17 157.46 67.38 154.93 67.17C147.17 67.17 85.02 67.17 77.26 67.17C75.36 67.17 73.89 67.8 72.41 68.64C68.84 70.75 66.73 74.54 66.94 78.75C66.94 116.83 66.94 421.48 66.94 459.56C66.94 461.87 67.99 463.77 69.26 465.24C71.15 467.77 74.1 469.24 76.84 469.45C74.1 469.45 65.47 465.87 65.47 459.56Z" id="dlJvxOVHM"></path><path d="M628.79 0.02C634.68 0.02 639.52 4.86 639.52 10.75C639.52 62.31 639.52 474.73 639.52 526.29C639.52 532.18 634.68 537.02 628.79 537.02C614.2 537.02 497.49 537.02 482.91 537.02C477.01 537.02 472.17 532.18 472.17 526.29C472.17 521.72 472.17 485.18 472.17 480.61C472.17 474.71 477.01 469.87 482.91 469.87C490.8 469.87 553.95 469.87 561.85 469.87C567.74 469.87 572.58 465.03 572.58 459.14C572.58 421.06 572.58 116.41 572.58 78.33C572.58 72.43 567.74 67.59 561.85 67.59C553.95 67.59 490.8 67.59 482.91 67.59C477.01 67.59 472.17 62.75 472.17 56.85C472.17 52.24 472.17 15.36 472.17 10.75C472.17 4.86 477.01 0.02 482.91 0.02C512.08 0.02 614.2 0.02 628.79 0.02Z" id="aRyWXr1sn"></path><path d="M637.84 526.29C637.84 474.8 637.84 62.88 637.84 11.39C637.84 7.39 635.52 2.33 632.16 0.86C635.73 2.12 638.47 5.07 639.1 9.07C639.31 9.91 639.31 10.75 639.31 11.6C639.31 63.09 639.31 475.01 639.31 526.5C639.52 530.71 636.79 534.71 632.16 536.39C635.73 534.71 637.84 530.08 637.84 526.29Z" id="a29EoN97ai"></path><path d="M628.58 537.02C614.24 537.02 499.56 537.02 485.22 537.02C483.33 537.02 481.85 537.02 480.38 536.81C479.33 536.6 477.64 535.97 476.38 534.92C476.34 534.88 476.13 534.67 475.75 534.29C475.5 534.03 475.36 533.89 475.33 533.87C475.33 533.87 478.06 535.13 479.33 535.34C481.85 535.76 483.33 535.55 485.22 535.55C485.31 535.55 485.73 535.55 486.48 535.55C571.99 535.68 619.5 535.75 629 535.76C631.1 535.76 634.89 534.92 636.58 533.66C636.51 533.72 636.01 534.22 635.95 534.29C634.89 535.34 633.42 536.18 631.74 536.6C631.52 536.6 630.68 536.81 630.26 536.81C629.84 536.81 629 537.02 628.58 537.02Z" id="b3tGkzw9xQ"></path><path d="M483.33 66.12C491.22 66.12 554.37 66.12 562.27 66.12C568.58 66.12 572.37 70.75 572.37 77.06C571.95 72.22 567.74 67.38 562.27 67.38C554.37 67.38 491.22 67.38 483.33 67.38C477.01 67.38 472.59 62.54 472.17 57.91C472.17 57.8 472.17 57.23 472.17 56.22C475.96 62.82 479.68 66.12 483.33 66.12Z" id="d3lYCwQmYh"></path><path d="M9.89 1.49C4.63 2.33 1.47 6.96 1.47 10.75C1.47 62.24 1.47 474.17 1.47 525.66C1.47 529.66 3.79 534.71 7.16 536.18C3.58 534.92 0.84 531.97 0.21 527.97C0 527.55 0 526.71 0 525.87C0 474.36 0 62.26 0 10.75C0 6.33 3.16 1.49 8 0.44C8.38 0.65 9.7 1.39 9.89 1.49Z" id="h1KQneylW9"></path><path d="M13.05 537.02C7.16 537.02 2.32 532.18 2.32 526.29C2.32 474.73 2.32 62.31 2.32 10.75C2.32 4.86 7.16 0.02 13.05 0.02C27.7 0.02 144.91 0.02 159.57 0.02C165.46 0.02 170.3 4.86 170.3 10.75C170.3 15.32 170.3 51.87 170.3 56.43C170.3 62.33 165.46 67.17 159.57 67.17C151.63 67.17 88.14 67.17 80.2 67.17C74.31 67.17 69.47 72.01 69.47 77.91C69.47 115.99 69.47 420.63 69.47 458.72C69.47 464.61 74.31 469.45 80.2 469.45C88.14 469.45 151.63 469.45 159.57 469.45C165.46 469.45 170.3 474.29 170.3 480.19C170.3 484.8 170.3 521.68 170.3 526.29C170.3 532.18 165.46 537.02 159.57 537.02C130.26 537.02 27.7 537.02 13.05 537.02Z" id="h1ARxVmdcH"></path><linearGradient id="gradientg8ZaN2GY1S" gradientUnits="userSpaceOnUse" x1="2.35" y1="268.55" x2="170.29" y2="268.55"><stop style="stop-color: #ffffff;stop-opacity: 0.1" offset="0%"></stop><stop style="stop-color: #ffffff;stop-opacity: 0" offset="100%"></stop></linearGradient><path d="M3.37 530.92C5.26 534.29 9.26 535.55 12.84 535.55C27.49 535.55 144.7 535.55 159.35 535.55C165.04 535.55 168.83 531.34 168.83 527.13C168.87 522.54 169.21 485.83 169.25 481.24C169.25 481.24 169.04 477.66 168.83 477.03C168.77 476.8 168.49 475.68 167.99 473.66C168.36 474.29 168.57 474.64 168.62 474.71C168.62 474.71 170.09 477.24 170.09 479.98C170.09 484.69 170.09 522.41 170.09 527.13C170.09 531.97 165.25 537.02 159.14 537.02C149.39 537.02 100.62 537.02 12.84 537.02C7.93 535.48 4.77 533.45 3.37 530.92Z" id="b1w966a7uR"></path><linearGradient id="gradientaoyHexg75" gradientUnits="userSpaceOnUse" x1="3.38" y1="505.33" x2="170.29" y2="505.33"><stop style="stop-color: #ffffff;stop-opacity: 0.1" offset="0%"></stop><stop style="stop-color: #ffffff;stop-opacity: 0" offset="100%"></stop></linearGradient><path d="M67.78 459.56C67.78 421.48 67.78 116.83 67.78 78.75C67.78 72.43 72.63 65.49 78.94 65.49C86.79 65.49 149.61 65.49 157.46 65.49C162.72 65.49 168.62 62.96 168.62 57.28C168.62 52.71 168.62 16.16 168.62 11.6C168.62 6.12 164.2 0.02 158.72 0.02C162.72 -0.19 166.09 1.49 168.2 4.44C169.67 6.33 170.51 8.86 170.3 11.6C170.3 16.12 170.3 52.33 170.3 56.85C170.3 56.85 170.3 57.49 170.09 58.33C169.88 59.8 169.25 61.28 168.41 62.54C167.35 64.01 165.88 65.28 164.41 66.12C162.51 67.17 159.99 67.38 157.46 67.17C149.69 67.17 87.55 67.17 79.78 67.17C77.89 67.17 76.41 67.8 74.94 68.64C71.36 70.75 69.26 74.54 69.47 78.75C69.47 116.83 69.47 421.48 69.47 459.56C69.47 461.87 70.52 463.77 71.78 465.24C73.47 467.77 76.41 469.24 79.15 469.45C76.41 469.45 67.78 465.87 67.78 459.56Z" id="cSGO0Zo5"></path><linearGradient id="gradientd5pb6xSAQw" gradientUnits="userSpaceOnUse" x1="67.77" y1="234.78" x2="170.29" y2="234.78"><stop style="stop-color: #ffffff;stop-opacity: 0.1" offset="0%"></stop><stop style="stop-color: #ffffff;stop-opacity: 0" offset="100%"></stop></linearGradient><path d="M631.1 0.02C637 0.02 641.84 4.86 641.84 10.75C641.84 62.31 641.84 474.73 641.84 526.29C641.84 532.18 637 537.02 631.1 537.02C616.52 537.02 499.81 537.02 485.22 537.02C479.33 537.02 474.49 532.18 474.49 526.29C474.49 521.72 474.49 485.18 474.49 480.61C474.49 474.71 479.33 469.87 485.22 469.87C493.12 469.87 556.27 469.87 564.16 469.87C570.06 469.87 574.9 465.03 574.9 459.14C574.9 421.06 574.9 116.41 574.9 78.33C574.9 72.43 570.06 67.59 564.16 67.59C556.27 67.59 493.12 67.59 485.22 67.59C479.33 67.59 474.49 62.75 474.49 56.85C474.49 52.24 474.49 15.36 474.49 10.75C474.7 4.86 479.33 0.02 485.22 0.02C514.4 0.02 616.52 0.02 631.1 0.02Z" id="c2T8nnhav5"></path><linearGradient id="gradienta3TpgzvNfE" gradientUnits="userSpaceOnUse" x1="474.59" y1="268.55" x2="641.79" y2="268.55"><stop style="stop-color: #ffffff;stop-opacity: 0.1" offset="0%"></stop><stop style="stop-color: #ffffff;stop-opacity: 0" offset="100%"></stop></linearGradient><path d="M640.16 526.29C640.16 474.8 640.16 62.88 640.16 11.39C640.16 7.39 637.84 2.33 634.47 0.86C638.05 2.12 640.79 5.07 641.42 9.07C641.63 9.91 641.63 10.75 641.63 11.6C641.63 63.09 641.63 475.01 641.63 526.5C641.84 530.71 639.1 534.71 634.47 536.39C638.05 534.71 640.16 530.08 640.16 526.29Z" id="e1GIkASriU"></path><linearGradient id="gradienta26GGBlswI" gradientUnits="userSpaceOnUse" x1="634.52" y1="268.58" x2="641.79" y2="268.58"><stop style="stop-color: #ffffff;stop-opacity: 0.1" offset="0%"></stop><stop style="stop-color: #ffffff;stop-opacity: 0" offset="100%"></stop></linearGradient><path d="M630.89 537.02C616.56 537.02 501.87 537.02 487.54 537.02C485.64 537.02 484.17 537.02 482.7 536.81C481.64 536.6 479.96 535.97 478.7 534.92C478.65 534.88 478.44 534.67 478.06 534.29C477.81 534.03 477.67 533.89 477.64 533.87C477.64 533.87 480.38 535.13 481.64 535.34C484.17 535.76 485.64 535.55 487.54 535.55C487.62 535.55 488.04 535.55 488.8 535.55C574.31 535.68 621.81 535.75 631.31 535.76C633.42 535.76 637.21 534.92 638.89 533.66C638.83 533.72 638.32 534.22 638.26 534.29C637.21 535.34 635.73 536.18 634.05 536.6C633.84 536.6 633 536.81 632.58 536.81C632.16 536.81 631.31 537.02 630.89 537.02Z" id="b339wJmhgQ"></path><linearGradient id="gradientb2NDrpXde" gradientUnits="userSpaceOnUse" x1="477.65" y1="535.35" x2="638.86" y2="535.35"><stop style="stop-color: #ffffff;stop-opacity: 0.1" offset="0%"></stop><stop style="stop-color: #ffffff;stop-opacity: 0" offset="100%"></stop></linearGradient></defs><g><g><use xlink:href="#aGvKJbrr3" opacity="1" fill="url(#gradienta7bMba4N9)"></use><g><use xlink:href="#aGvKJbrr3" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#adHB8LpWo" opacity="1" fill="#00bfa5" fill-opacity="1"></use><g><use xlink:href="#adHB8LpWo" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#c2t78O7Xe" opacity="1" fill="#04a88c" fill-opacity="1"></use><g><use xlink:href="#c2t78O7Xe" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#ad91xKfhT" opacity="1" fill="#1ce9b6" fill-opacity="1"></use><g><use xlink:href="#ad91xKfhT" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#j1RRRVzPaa" opacity="1" fill="#4285f4" fill-opacity="1"></use><g><use xlink:href="#j1RRRVzPaa" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#chqvAWZHP" opacity="1" fill="#1ce9b6" fill-opacity="1"></use><g><use xlink:href="#chqvAWZHP" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#b8H5TZzAh" opacity="1" fill="#46f7c5" fill-opacity="1"></use><g><use xlink:href="#b8H5TZzAh" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#cKJixvMvx" opacity="1" fill="#2a6fd3" fill-opacity="1"></use><g><use xlink:href="#cKJixvMvx" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#aHEW6U3L" opacity="1" fill="#4fc3f7" fill-opacity="1"></use><g><use xlink:href="#aHEW6U3L" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#bun0sRj9q" opacity="1" fill="#24ce9e" fill-opacity="1"></use><g><use xlink:href="#bun0sRj9q" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#btDNssxRU" opacity="1" fill="#4fc3f7" fill-opacity="1"></use><g><use xlink:href="#btDNssxRU" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#k1bOOCvJvG" opacity="1" fill="#6ed2f4" fill-opacity="1"></use><g><use xlink:href="#k1bOOCvJvG" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#a1eJcAtqd9" opacity="1" fill="#30a5ce" fill-opacity="1"></use><g><use xlink:href="#a1eJcAtqd9" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#b1cAMIS3Xn" opacity="1" fill="#4fc3f7" fill-opacity="1"></use><g><use xlink:href="#b1cAMIS3Xn" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#acndD7NJj" opacity="1" fill="#1ce9b6" fill-opacity="1"></use><g><use xlink:href="#acndD7NJj" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#bOgC0krlp" opacity="1" fill="#4285f4" fill-opacity="1"></use><g><use xlink:href="#bOgC0krlp" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#dlJvxOVHM" opacity="1" fill="#2a6fd3" fill-opacity="1"></use><g><use xlink:href="#dlJvxOVHM" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#aRyWXr1sn" opacity="1" fill="#00bfa5" fill-opacity="1"></use><g><use xlink:href="#aRyWXr1sn" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#a29EoN97ai" opacity="1" fill="#04a88c" fill-opacity="1"></use><g><use xlink:href="#a29EoN97ai" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#b3tGkzw9xQ" opacity="1" fill="#04a88c" fill-opacity="1"></use><g><use xlink:href="#b3tGkzw9xQ" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#d3lYCwQmYh" opacity="1" fill="#04a88c" fill-opacity="1"></use><g><use xlink:href="#d3lYCwQmYh" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#h1KQneylW9" opacity="1" fill="#4fc3f7" fill-opacity="1"></use><g><use xlink:href="#h1KQneylW9" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#h1ARxVmdcH" opacity="1" fill="url(#gradientg8ZaN2GY1S)"></use><g><use xlink:href="#h1ARxVmdcH" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#b1w966a7uR" opacity="1" fill="url(#gradientaoyHexg75)"></use><g><use xlink:href="#b1w966a7uR" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#cSGO0Zo5" opacity="1" fill="url(#gradientd5pb6xSAQw)"></use><g><use xlink:href="#cSGO0Zo5" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#c2T8nnhav5" opacity="1" fill="url(#gradienta3TpgzvNfE)"></use><g><use xlink:href="#c2T8nnhav5" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#e1GIkASriU" opacity="1" fill="url(#gradienta26GGBlswI)"></use><g><use xlink:href="#e1GIkASriU" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#b339wJmhgQ" opacity="1" fill="url(#gradientb2NDrpXde)"></use><g><use xlink:href="#b339wJmhgQ" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g></g></svg>
\ No newline at end of file
diff --git a/public/assets/wtm/full.svg b/public/assets/wtm/full.svg
new file mode 100644
index 0000000..3e1202a
--- /dev/null
+++ b/public/assets/wtm/full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1972.1 255.1"><g fill="#676767"><path d="M412.4 57.3h16.2l22.4 90.8 2.1 8.5h.7l2.6-8.5L484 57.3h15.2l26.4 90.8 2.6 8.5h.7l24.3-99.2h16.2L536.1 181H521l-26.2-89.4-2.8-9.7h-.7l-2.9 9.7-27.3 89.4h-15.2L412.4 57.3zM590.7 177.4c-6.9-4.1-12.3-9.8-16.1-16.9s-5.8-15-5.8-23.6c0-8.6 1.9-16.5 5.8-23.7 3.9-7.1 9.2-12.8 16.1-16.9 6.9-4.1 14.7-6.2 23.3-6.2 8.6 0 16.4 2.1 23.3 6.2 6.9 4.1 12.3 9.8 16.1 16.9 3.9 7.1 5.8 15 5.8 23.7 0 8.6-1.9 16.5-5.8 23.6-3.9 7.1-9.2 12.8-16.1 16.9-6.9 4.1-14.7 6.2-23.3 6.2-8.6.1-16.4-2-23.3-6.2zm38.4-11.1c4.7-2.7 8.4-6.6 11.2-11.7 2.8-5.1 4.2-11 4.2-17.8 0-6.8-1.4-12.7-4.2-17.8-2.8-5.1-6.6-8.9-11.2-11.7-4.7-2.7-9.7-4-15.1-4s-10.5 1.3-15.2 4c-4.7 2.7-8.5 6.6-11.3 11.7-2.8 5.1-4.2 11-4.2 17.8 0 6.8 1.4 12.7 4.2 17.8 2.8 5.1 6.6 8.9 11.3 11.7 4.7 2.7 9.8 4 15.2 4 5.4.1 10.5-1.3 15.1-4zM674.6 92.9h14v13h.7c2.5-4.5 6.3-8.2 11.4-11.2 5.1-3 10.4-4.5 16.1-4.5 6.4 0 12.1 1.5 16.8 4.6 4.8 3.1 8.2 7.2 10.3 12.4 3.1-5.2 7.2-9.3 12.3-12.4 5.1-3.1 11.1-4.6 17.9-4.6 10.1 0 17.7 3.1 22.9 9.2 5.1 6.2 7.7 14.5 7.7 25.1v56.4h-14.5v-54.2c0-8.2-1.7-14.1-5-17.8-3.3-3.7-8.3-5.5-14.8-5.5-4.4 0-8.3 1.3-11.9 3.8s-6.4 5.9-8.4 10.2-3 8.9-3 13.8v49.7h-14.7v-54c0-8.3-1.7-14.3-5-18-3.3-3.7-8.2-5.5-14.7-5.5-4.4 0-8.3 1.3-11.9 3.9-3.6 2.6-6.4 6-8.4 10.4-2 4.3-3 9-3 13.9V181h-14.7V92.9zM842.2 177.6c-6.7-4-11.9-9.6-15.6-16.7-3.7-7.1-5.6-15-5.6-23.9 0-8.5 1.8-16.3 5.3-23.5 3.5-7.1 8.5-12.8 14.9-17.1 6.4-4.3 13.9-6.4 22.4-6.4 8.6 0 16.1 1.9 22.4 5.8 6.3 3.9 11.2 9.2 14.6 16 3.4 6.8 5.1 14.6 5.1 23.3 0 1.7-.2 3.2-.5 4.5h-69.6c.3 6.7 2 12.3 4.8 16.9 2.9 4.6 6.5 8.1 11 10.4 4.4 2.3 9.1 3.4 13.9 3.4 11.3 0 20-5.3 26.1-15.9l12.4 6c-3.8 7.1-8.9 12.8-15.4 16.9-6.5 4.1-14.4 6.2-23.6 6.2-8.4.2-15.9-1.9-22.6-5.9zm48-50c-.2-3.7-1.3-7.4-3.1-11-1.8-3.7-4.7-6.8-8.7-9.3-4-2.5-9-3.8-14.9-3.8-6.9 0-12.7 2.2-17.5 6.6-4.8 4.4-7.9 10.3-9.4 17.5h53.6zM922.8 92.9h14v13h.7c2.4-4.4 6.3-8.1 11.6-11.1s10.9-4.6 16.9-4.6c10.6 0 18.7 3.1 24.2 9.2 5.6 6.2 8.4 14.5 8.4 25.1v56.4h-14.7v-54.2c0-8.2-2-14.1-5.9-17.8-3.9-3.7-9.3-5.5-16.1-5.5-4.7 0-8.9 1.3-12.7 4-3.7 2.7-6.6 6.1-8.7 10.5s-3.1 8.8-3.1 13.5v49.5h-14.7v-88zM1081.1 71.3h-34.7v-14h83.9v14h-34.5v109.6h-14.7V71.3zM1148.6 177.6c-6.7-4-11.9-9.6-15.6-16.7-3.7-7.1-5.6-15-5.6-23.9 0-8.5 1.8-16.3 5.3-23.5 3.5-7.1 8.5-12.8 14.9-17.1 6.4-4.3 13.9-6.4 22.4-6.4 8.6 0 16.1 1.9 22.4 5.8 6.3 3.9 11.2 9.2 14.6 16 3.4 6.8 5.1 14.6 5.1 23.3 0 1.7-.2 3.2-.5 4.5H1142c.3 6.7 2 12.3 4.8 16.9 2.9 4.6 6.5 8.1 11 10.4 4.4 2.3 9.1 3.4 13.9 3.4 11.3 0 20-5.3 26.1-15.9l12.4 6c-3.8 7.1-8.9 12.8-15.4 16.9-6.5 4.1-14.4 6.2-23.6 6.2-8.4.2-16-1.9-22.6-5.9zm48-50c-.2-3.7-1.3-7.4-3.1-11-1.8-3.7-4.7-6.8-8.7-9.3-4-2.5-9-3.8-14.9-3.8-6.9 0-12.7 2.2-17.5 6.6-4.8 4.4-7.9 10.3-9.4 17.5h53.6zM1247 177.5c-6.8-4.1-12.1-9.7-15.9-16.7-3.8-7.1-5.7-15-5.7-23.9 0-8.9 1.9-16.9 5.7-24 3.8-7.1 9.1-12.7 15.9-16.7 6.8-4 14.4-6 23-6 9.5 0 17.6 2.2 24.1 6.6 6.5 4.4 11.1 10.3 13.9 17.7l-13.3 5.5c-2.2-5.4-5.4-9.5-9.8-12.3-4.3-2.8-9.5-4.2-15.6-4.2-5.2 0-10 1.4-14.5 4.2s-8.1 6.8-10.8 11.8c-2.7 5.1-4.1 10.9-4.1 17.4 0 6.6 1.4 12.4 4.1 17.4 2.7 5.1 6.3 9 10.8 11.8 4.5 2.8 9.3 4.2 14.5 4.2 6.2 0 11.6-1.4 16.1-4.3 4.5-2.9 7.8-7 10-12.2l13.1 5.5c-3 7.2-7.8 13.1-14.4 17.6-6.6 4.5-14.6 6.7-24.1 6.7-8.6.1-16.3-2-23-6.1zM1324.3 57.3h14.7v36.4l-.7 12.1h.7c2.4-4.5 6.2-8.2 11.5-11.2 5.2-3 11-4.5 17.2-4.5 10.7 0 18.9 3.1 24.5 9.4 5.6 6.3 8.5 14.6 8.5 24.9v56.4H1386v-54.2c0-8-2-13.8-6-17.6-4-3.8-9.3-5.7-15.7-5.7-4.6 0-8.8 1.4-12.7 4.1-3.9 2.8-6.9 6.3-9.1 10.7-2.2 4.4-3.4 8.9-3.4 13.6v49h-14.7V57.3zM1421.6 92.9h14v13h.7c2.5-4.5 6.3-8.2 11.4-11.2 5.1-3 10.4-4.5 16.1-4.5 6.4 0 12.1 1.5 16.8 4.6 4.8 3.1 8.2 7.2 10.3 12.4 3.1-5.2 7.2-9.3 12.3-12.4 5.1-3.1 11.1-4.6 17.9-4.6 10.1 0 17.7 3.1 22.9 9.2 5.1 6.2 7.7 14.5 7.7 25.1v56.4h-14.5v-54.2c0-8.2-1.7-14.1-5-17.8-3.3-3.7-8.3-5.5-14.8-5.5-4.4 0-8.3 1.3-11.9 3.8s-6.4 5.9-8.4 10.2-3 8.9-3 13.8v49.7h-14.7v-54c0-8.3-1.7-14.3-5-18-3.3-3.7-8.2-5.5-14.7-5.5-4.4 0-8.3 1.3-11.9 3.9-3.6 2.6-6.4 6-8.4 10.4-2 4.3-3 9-3 13.9V181h-14.7V92.9zM1582.7 179.8c-5.1-2.5-9-6-11.7-10.4-2.8-4.4-4.1-9.5-4.1-15.1 0-9.3 3.5-16.6 10.5-21.8 7-5.2 15.9-7.9 26.6-7.9 5.3 0 10.2.6 14.8 1.7 4.5 1.2 8 2.5 10.4 4V125c0-6.6-2.3-11.8-6.9-15.8-4.6-4-10.4-6-17.4-6-5 0-9.5 1.1-13.6 3.2s-7.4 5.1-9.8 8.9l-11-8.3c3.5-5.3 8.2-9.4 14.2-12.4s12.7-4.5 20.1-4.5c12 0 21.4 3.1 28.2 9.4 6.8 6.3 10.3 14.8 10.3 25.6v55.8h-14v-12.6h-.7c-2.5 4.3-6.3 7.9-11.4 10.9s-10.8 4.5-17.1 4.5c-6.6 0-12.4-1.3-17.4-3.9zm32.4-12.9c4.3-2.5 7.7-5.9 10.2-10.2 2.5-4.3 3.8-8.9 3.8-14-2.8-1.8-6.2-3.3-10.2-4.5-4-1.2-8.3-1.7-12.8-1.7-8.1 0-14.1 1.7-18.2 5s-6.1 7.7-6.1 13c0 4.8 1.8 8.8 5.5 11.7 3.7 3 8.3 4.5 14 4.5 5 0 9.6-1.3 13.8-3.8zM1663.5 57.3h14.7V135l41.4-42.1h18.6v.7l-34.5 34.9 35.4 51.8v.7h-17.4l-28.3-42.3-15.2 15.2V181h-14.7V57.3zM1764.6 177.6c-6.7-4-11.9-9.6-15.6-16.7-3.7-7.1-5.6-15-5.6-23.9 0-8.5 1.8-16.3 5.3-23.5 3.5-7.1 8.5-12.8 14.9-17.1 6.4-4.3 13.9-6.4 22.4-6.4 8.6 0 16.1 1.9 22.4 5.8 6.3 3.9 11.2 9.2 14.6 16 3.4 6.8 5.1 14.6 5.1 23.3 0 1.7-.2 3.2-.5 4.5H1758c.3 6.7 2 12.3 4.8 16.9 2.9 4.6 6.5 8.1 11 10.4 4.4 2.3 9.1 3.4 13.9 3.4 11.3 0 20-5.3 26.1-15.9l12.4 6c-3.8 7.1-8.9 12.8-15.4 16.9-6.5 4.1-14.4 6.2-23.6 6.2-8.4.2-15.9-1.9-22.6-5.9zm48-50c-.2-3.7-1.3-7.4-3.1-11-1.8-3.7-4.7-6.8-8.7-9.3-4-2.5-9-3.8-14.9-3.8-6.9 0-12.7 2.2-17.5 6.6-4.8 4.4-7.9 10.3-9.4 17.5h53.6zM1845.2 92.9h14V107h.7c1.7-4.8 5.1-8.9 10-12.1 4.9-3.2 10.1-4.8 15.5-4.8 4 0 7.5.6 10.4 1.9v15.7c-3.7-1.8-7.8-2.8-12.4-2.8-4.3 0-8.2 1.2-11.7 3.6-3.6 2.4-6.4 5.7-8.5 9.8-2.1 4.1-3.2 8.5-3.2 13.2v49.3h-14.7V92.9zM1913.6 177c-6.3-4.4-10.8-10.1-13.5-17l13.1-5.9c2.2 5.3 5.4 9.4 9.8 12.3 4.3 2.9 9.1 4.3 14.2 4.3 5.5 0 10.2-1.1 14.2-3.4 3.9-2.2 5.9-5.4 5.9-9.6 0-3.7-1.6-6.6-4.7-8.9-3.1-2.2-8-4.2-14.7-5.8l-10.7-2.8c-7-1.7-12.8-4.6-17.3-8.8-4.5-4.1-6.7-9.5-6.7-16.1 0-5.1 1.5-9.5 4.6-13.4 3-3.9 7.1-6.8 12.2-8.9 5.1-2.1 10.5-3.1 16.4-3.1 7.7 0 14.6 1.7 20.6 5 6 3.3 10.3 8 12.9 14L1957 115c-3.9-7.8-10.9-11.7-20.9-11.7-4.8 0-9.1 1.1-12.7 3.4-3.6 2.2-5.4 5.1-5.4 8.5 0 3.2 1.3 5.8 3.8 7.9 2.5 2 6.3 3.7 11.4 4.9l12.8 3.3c8.6 2.2 15.1 5.4 19.5 9.7 4.4 4.3 6.6 9.6 6.6 15.8 0 5.4-1.6 10.2-4.7 14.2-3.1 4.1-7.3 7.2-12.6 9.4s-11.2 3.3-17.6 3.3c-9.4 0-17.3-2.3-23.6-6.7z"/></g><defs><path id="a" d="M238.5 204.2c.7-.9 1.1-1.9 1.3-3.1.6-2.1.5-4.5.2-5.8V55.5c0-4.2-3.4-7.6-7.7-7.6h-32c-4.2 0-7.7 3.6-7.7 7.7l-.5 68.9-15.5-23.7c-1.6-2.9-4.6-4.8-7.5-5h-31.2c-3.1 0-5.6 1.6-7.4 4.4l-17.7 25.4V55.5c0-4.2-2.9-7.6-7.2-7.6H73.1c-4.2 0-7.7 3.4-7.7 7.7v141.7c-.9 5.2 2.3 10.1 8.1 10.1H105.8c3 0 5.6-1.7 7.4-4.5l39.7-60.1 40.4 60.2c.1.1.2.3.2.4 0 .1.1.1.1.2 0 0 0 .1.1.1l.9 1.2c1.3 1.6 2.8 2.3 4.6 2.5.4 0 .7.1 1.1.1h32.6c2.8-.3 4.4-1.6 5.6-3.3z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><g clip-path="url(#b)"><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="39.155" y1="77.949" x2="138.366" y2="177.161"><stop offset="0" stop-color="#fff" stop-opacity=".2"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path d="M105.1 207.3H72.4c-4.2 0-7.7-3.4-7.7-7.7V55.5c0-4.2 3.4-7.7 7.7-7.7h32.7c4.2 0 7.7 3.4 7.7 7.7v144.1c-.1 4.2-3.5 7.7-7.7 7.7z" opacity=".3" fill="url(#c)"/><path d="M232.3 207.3h-32.5c-4.2 0-7.7-3.4-7.7-7.7V55.5c0-4.1 3.4-7.7 7.7-7.7h32.5c4.2 0 7.7 3.4 7.7 7.7v144.1c0 4.2-3.4 7.7-7.7 7.7z" fill="#00bfa5"/><path d="M239.2 199.6V55.5c0-3.8-3-7.2-7.3-7.6 4.7 0 8.1 3.4 8 7.6v144.1h-.7z" fill="#04a88c" opacity=".3"/><path d="M192.9 200h-.7V55.9c-.1-2.8 1.1-4.9 2.7-6.2 1.2-1 2.9-1.7 4.3-1.8h33.5c2 0 4.5 1.2 6 3.4.8 1.2 1.3 2.8 1.3 4.6 0-4-3.3-7.3-7.3-7.3h-32.5c-2.5 0-4.6 1-5.8 2.7-.7.9-1.4 2.2-1.5 3.5-.1 1.2-.1 2.5-.1 2.9l.1 142.3z" fill="#1ce9b6" opacity=".3"/><path d="M105.1 207.3l-31.9-.6c-4.2 0-8.3-2.8-8.3-7V55.5c0-4.2 3.4-7.7 7.7-7.7h32.5c4.2 0 7.7 3.4 7.7 7.7v144.1c-.1 4.2-3.5 7.7-7.7 7.7z" fill="#4285f4"/><path d="M130 108.1l62.9 94.7c2 3.6 4.3 4.4 7.4 4.4h32.1c8.3 0 8.7-10.1 7.4-12.4L175.9 100c-1.8-2.8-4.3-4.4-7.4-4.4" fill="#1ce9b6"/><path d="M200.9 207.3c-3.1 0-5.8-.5-7.9-4.2l-40.2-60.6-22.5-34.2.6-.4 62.6 94.6.2.4c2 3.5 4.3 4.4 7.2 4.4z" fill="#46f7c5" opacity=".4"/><path fill="#2a6fd3" d="M112.7 126.7h-.3l.2-71.6.1-.1z" opacity=".3"/><path d="M65.6 197.4h-.7V55.7c0-.4 0-.8.1-1.2.3-2.2 1.5-4 3.1-5.2 1.2-.9 2.8-1.4 4.4-1.4h32.9c2.2 0 4.3 1.2 5.6 2.8 1.1 1.3 1.7 3 1.7 4.4h-.2c0-2.6-3-6.6-7.2-6.6H72.5c-2.2 0-4.1 1-5.4 2.6-.6.8-1.9 2.7-1.9 5.4l.4 140.9z" fill="#4fc3f7" opacity=".3"/><path d="M232.3 207.3h-32c-3.1 0-5.2-.6-7.4-4.4l.6-.4c2 3.5 3.9 4 6.7 4h32c2.8 0 4.7-1 6-3.3 1.8-3.1 1.6-6.6.9-7.8L175 100.3l.6-.4 64.2 95.1c.9 1.6.2 7-.9 8.6-1.1 1.8-2.8 3.7-6.6 3.7z" fill="#24ce9e" opacity=".3"/><path d="M105.7 207.3H73c-6.7 0-9.9-6.4-7.4-12.4l64.4-94.8c1.8-2.8 4.3-4.4 7.4-4.4h31.2c6.4 0 10.2 6.8 7.2 12.4l-62.7 94.7c-1.8 2.8-4.3 4.5-7.4 4.5z" fill="#4fc3f7"/><path d="M78.1 207.2h-4.7c-3.3 0-5.7-1.3-7.3-3.6-1.6-2.5-1.8-5.7-.5-8.8l.1-.1L130 100c2-3 4.6-4.3 7.6-4.3h31.2c1.2 0 2.3.3 3.3.8.8.4 1.5.9 2.1 1.5.6.6 1.1 1.2 1.5 2 0 0-4.1-3.5-6.9-3.5h-31.2c-2.8 0-5.2 1.2-7 4l-64.4 94.7c-1.2 2.9-1 5.9.4 8.1 1.4 2.1 3.7 3.6 6.6 3.6l4.9.3z" fill="#6ed2f4" opacity=".3"/><path d="M105.7 207.3H72.2c-1.6-.1-3.1-.7-4.3-1.6l-1.2-1.2c1.1.8 3.9 1.9 5.4 2 1.2.1 33.3.1 33.7.1 2.9 0 5.3-1.5 7.1-4.3l62.6-94.7c1.4-2.6 1.2-5.3-.3-7.8-.5-.9-1.3-2.3-2.4-2.9-1.8-1.1-1.2-.7 0 0 1.1.6 2 1.5 2.8 2.6 1.7 2.6 1.8 6.2.5 8.5v.1c-5.2 7.9-13.8 20.9-23 34.8-18.6 28.1-39.6 59.9-39.6 59.9-2.2 2.9-4.7 4.5-7.8 4.5z" fill="#30a5ce" opacity=".3"/></g><g opacity=".3"><path d="M79.8 228.5c0-2.8-2.5-4.8-5.2-4.8l-37.2-.3c-.9 0-1.9-.3-2.7-.7l-.1-.1c-.2-.1-.4-.2-.6-.4l-.2-.2c.5.4 1.2.8 1.9.9.1 0 .5.1.6.1h38.2c1.2 0 2.3.4 3.1 1 .6.5 1.2 1.1 1.5 1.9.5.8.7 1.4.7 2.6zM5.1 0h69.7c2.4 0 5.1 2 5.1 5 0-2.6-3-4.4-5.1-4.4H5.1c-.1 0-.2 0-.4.1L3.8.2c.3-.1.7-.2 1.3-.2z" fill="#4fc3f7"/></g><g fill="#1ce9b6" opacity=".3"><path d="M267.2 32.1c3 0 5.4 1.8 5.4 4.8l.1 180.9c0 1.7-.5 3.3-1.6 4.4-1.1 1.1-2.7 1.7-4.5 1.7h-37c-2.6 0-4.5 1.9-4.5 4.4v21.3c0 1.2.3 2.8 1.3 3.8 1.2 1.2 3.1 1.6 3.1 1.6-.3 0-.6 0-.8-.1-2.8-.5-4.4-2.6-4.4-5.3v-21.3c0-3 2.2-5.2 5.2-5.2h37c1.6 0 3-.5 4-1.5s1.5-2.4 1.4-3.9V36.8c.1-2.5-2.2-4.7-4.7-4.7zM229.6 31.4h37.6M229.6 32.1c-3.3 0-5.3-2.4-5.3-5.4V4.8c0-2.3 2.1-4.8 5.1-4.8.1 0 57.1.1 69.3 0 1.6 0 2.8.9 2.8.9l-1-.2h-71c-2.5.1-4.3 1.7-4.3 4.2l-.2 21.9c0 2.6 1.9 5.4 4.5 5.4"/></g><path d="M74.7 255.1H5.1c-2.8 0-5.1-2.3-5.1-5.1V5.1C0 2.3 2.3 0 5.1 0h69.6c2.8 0 5.1 2.3 5.1 5.1v21.7c0 2.8-2.3 5.1-5.1 5.1H37c-2.8 0-5.1 2.3-5.1 5.1v180.9c0 2.8 2.3 5.1 5.1 5.1h37.7c2.8 0 5.1 2.3 5.1 5.1V250c0 2.8-2.3 5.1-5.1 5.1z" fill="#4285f4"/><g opacity=".3"><path d="M5 255.1c-1.9 0-3.5-1.1-4.5-2.9.9 1.6 2.8 2.2 4.5 2.2h69.6c2.7 0 4.5-2 4.5-4l.2-21.8s-.1-1.7-.2-2l-.4-1.6.3.5s.7 1.2.7 2.5v22.4c0 2.3-2.3 4.7-5.2 4.7H5zM36.5 223c-1.3 0-5.4-1.7-5.4-4.7v-181c0-3 2.3-6.3 5.3-6.3h37.3c2.5 0 5.3-1.2 5.3-3.9V5.5C79 2.9 76.9 0 74.2 0c1.9-.1 3.5.7 4.5 2.1.7.9 1.1 2.1 1 3.4V27s0 .3-.1.7c-.1.7-.4 1.4-.8 2-.5.7-1.2 1.3-1.9 1.7-.9.5-2.1.6-3.3.5H36.7c-.9 0-1.6.3-2.3.7-1.7 1-2.7 2.8-2.6 4.8v180.9c0 1.1.5 2 1.1 2.7.9 1.2 2.3 1.9 3.6 2z" fill="#2a6fd3"/></g><path d="M229.4 0h69.3c2.8 0 5.1 2.3 5.1 5.1V250c0 2.8-2.3 5.1-5.1 5.1h-69.3c-2.8 0-5.1-2.3-5.1-5.1v-21.7c0-2.8 2.3-5.1 5.1-5.1h37.5c2.8 0 5.1-2.3 5.1-5.1V37.2c0-2.8-2.3-5.1-5.1-5.1h-37.5c-2.8 0-5.1-2.3-5.1-5.1V5.1c0-2.8 2.3-5.1 5.1-5.1z" fill="#00bfa5"/><path d="M300.3 254.8c1.7-.8 2.7-3 2.7-4.8V5.4c0-1.9-1.1-4.3-2.7-5 1.7.6 3 2 3.3 3.9.1.4.1.8.1 1.2v244.6c.1 2-1.2 3.9-3.4 4.7z" fill="#04a88c" opacity=".3"/><path d="M299.4 255c-.2 0-.6.1-.8.1h-68.1c-.9 0-1.6 0-2.3-.1-.5-.1-1.3-.4-1.9-.9l-.3-.3-.2-.2s1.3.6 1.9.7c1.2.2 1.9.1 2.8.1h.6l67.7.1c1 0 2.8-.4 3.6-1l-.3.3c-.5.5-1.2.9-2 1.1-.1 0-.5.1-.7.1z" fill="#04a88c" opacity=".3"/><g opacity=".4"><path d="M224.3 26.7c0 2.6 2.7 4.7 5.3 4.7h37.5c3 0 4.8 2.2 4.8 5.2-.2-2.3-2.2-4.6-4.8-4.6h-37.5c-3 0-5.1-2.3-5.3-4.5v-.8z" fill="#04a88c"/></g><g opacity=".4"><path d="M3.8.2l.9.5c-2.5.4-4 2.6-4 4.4v244.6c0 1.9 1.1 4.3 2.7 5-1.7-.6-3-2-3.3-3.9-.1-.2-.1-.6-.1-1V5.1C0 3 1.5.7 3.8.2z" fill="#4fc3f7"/></g><g><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="1.114" y1="127.563" x2="80.897" y2="127.563"><stop offset="0" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path d="M75.8 255.1H6.2c-2.8 0-5.1-2.3-5.1-5.1V5.1C1.1 2.3 3.4 0 6.2 0h69.6c2.8 0 5.1 2.3 5.1 5.1v21.7c0 2.8-2.3 5.1-5.1 5.1H38.1c-2.8 0-5.1 2.3-5.1 5.1v180.9c0 2.8 2.3 5.1 5.1 5.1h37.7c2.8 0 5.1 2.3 5.1 5.1V250c0 2.8-2.3 5.1-5.1 5.1z" fill="url(#d)"/><g opacity=".3"><linearGradient id="e" gradientUnits="userSpaceOnUse" x1="1.604" y1="240.044" x2="80.893" y2="240.044"><stop offset="0" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path d="M6.1 255.1c-1.9 0-3.5-1.1-4.5-2.9.9 1.6 2.8 2.2 4.5 2.2h69.6c2.7 0 4.5-2 4.5-4l.2-21.8s-.1-1.7-.2-2l-.4-1.6.3.5s.7 1.2.7 2.5v22.4c0 2.3-2.3 4.7-5.2 4.7H6.1z" fill="url(#e)"/><g><linearGradient id="f" gradientUnits="userSpaceOnUse" x1="32.192" y1="111.52" x2="80.894" y2="111.52"><stop offset="0" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path d="M37.6 223c-1.3 0-5.4-1.7-5.4-4.7V37.4c0-3 2.3-6.3 5.3-6.3h37.3c2.5 0 5.3-1.2 5.3-3.9V5.5C80.1 2.9 78 0 75.4 0c1.9-.1 3.5.7 4.5 2.1.7.9 1.1 2.1 1 3.4V27s0 .3-.1.7c-.1.7-.4 1.4-.8 2-.5.7-1.2 1.3-1.9 1.7-.9.5-2.1.6-3.3.5H37.9c-.9 0-1.6.3-2.3.7-1.7 1-2.7 2.8-2.6 4.8v180.9c0 1.1.5 2 1.1 2.7.8 1.2 2.2 1.9 3.5 2z" fill="url(#f)"/></g></g><linearGradient id="g" gradientUnits="userSpaceOnUse" x1="225.45" y1="127.563" x2="304.877" y2="127.563"><stop offset="0" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path d="M230.5 0h69.3c2.8 0 5.1 2.3 5.1 5.1V250c0 2.8-2.3 5.1-5.1 5.1h-69.3c-2.8 0-5.1-2.3-5.1-5.1v-21.7c0-2.8 2.3-5.1 5.1-5.1H268c2.8 0 5.1-2.3 5.1-5.1V37.2c0-2.8-2.3-5.1-5.1-5.1h-37.5c-2.8 0-5.1-2.3-5.1-5.1V5.1c.1-2.8 2.3-5.1 5.1-5.1z" fill="url(#g)"/><g opacity=".3"><linearGradient id="h" gradientUnits="userSpaceOnUse" x1="301.422" y1="127.577" x2="304.877" y2="127.577"><stop offset="0" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path d="M301.4 254.8c1.7-.8 2.7-3 2.7-4.8V5.4c0-1.9-1.1-4.3-2.7-5 1.7.6 3 2 3.3 3.9.1.4.1.8.1 1.2v244.6c.1 2-1.2 3.9-3.4 4.7z" fill="url(#h)"/></g><g opacity=".3"><linearGradient id="i" gradientUnits="userSpaceOnUse" x1="226.905" y1="254.307" x2="303.485" y2="254.307"><stop offset="0" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><path d="M300.5 255c-.2 0-.6.1-.8.1h-68.1c-.9 0-1.6 0-2.3-.1-.5-.1-1.3-.4-1.9-.9l-.3-.3-.2-.2s1.3.6 1.9.7c1.2.2 1.9.1 2.8.1h.6l67.7.1c1 0 2.8-.4 3.6-1l-.3.3c-.5.5-1.2.9-2 1.1-.1 0-.5.1-.7.1z" fill="url(#i)"/></g></g></svg>
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
index a11777c..a99512b 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/icons/apple-touch-icon-114x114.png b/public/icons/apple-touch-icon-114x114.png
new file mode 100644
index 0000000..d99c7a4
Binary files /dev/null and b/public/icons/apple-touch-icon-114x114.png differ
diff --git a/public/icons/apple-touch-icon-120x120.png b/public/icons/apple-touch-icon-120x120.png
new file mode 100644
index 0000000..e9200d8
Binary files /dev/null and b/public/icons/apple-touch-icon-120x120.png differ
diff --git a/public/icons/apple-touch-icon-144x144.png b/public/icons/apple-touch-icon-144x144.png
new file mode 100644
index 0000000..c3fc620
Binary files /dev/null and b/public/icons/apple-touch-icon-144x144.png differ
diff --git a/public/icons/apple-touch-icon-152x152.png b/public/icons/apple-touch-icon-152x152.png
new file mode 100644
index 0000000..b245c37
Binary files /dev/null and b/public/icons/apple-touch-icon-152x152.png differ
diff --git a/public/icons/apple-touch-icon-57x57.png b/public/icons/apple-touch-icon-57x57.png
new file mode 100644
index 0000000..ecb1b6f
Binary files /dev/null and b/public/icons/apple-touch-icon-57x57.png differ
diff --git a/public/icons/apple-touch-icon-60x60.png b/public/icons/apple-touch-icon-60x60.png
new file mode 100644
index 0000000..55bf997
Binary files /dev/null and b/public/icons/apple-touch-icon-60x60.png differ
diff --git a/public/icons/apple-touch-icon-72x72.png b/public/icons/apple-touch-icon-72x72.png
new file mode 100644
index 0000000..b3ff451
Binary files /dev/null and b/public/icons/apple-touch-icon-72x72.png differ
diff --git a/public/icons/apple-touch-icon-76x76.png b/public/icons/apple-touch-icon-76x76.png
new file mode 100644
index 0000000..503c475
Binary files /dev/null and b/public/icons/apple-touch-icon-76x76.png differ
diff --git a/public/icons/favicon-128.png b/public/icons/favicon-128.png
new file mode 100644
index 0000000..26f9ad1
Binary files /dev/null and b/public/icons/favicon-128.png differ
diff --git a/public/icons/favicon-16x16.png b/public/icons/favicon-16x16.png
new file mode 100644
index 0000000..759f64a
Binary files /dev/null and b/public/icons/favicon-16x16.png differ
diff --git a/public/icons/favicon-192x192.png b/public/icons/favicon-192x192.png
new file mode 100644
index 0000000..e8dac77
Binary files /dev/null and b/public/icons/favicon-192x192.png differ
diff --git a/public/icons/favicon-196x196.png b/public/icons/favicon-196x196.png
new file mode 100644
index 0000000..9ff52d5
Binary files /dev/null and b/public/icons/favicon-196x196.png differ
diff --git a/public/icons/favicon-32x32.png b/public/icons/favicon-32x32.png
new file mode 100644
index 0000000..c7d57fd
Binary files /dev/null and b/public/icons/favicon-32x32.png differ
diff --git a/public/icons/favicon-96x96.png b/public/icons/favicon-96x96.png
new file mode 100644
index 0000000..383d06b
Binary files /dev/null and b/public/icons/favicon-96x96.png differ
diff --git a/public/icons/mstile-144x144.png b/public/icons/mstile-144x144.png
new file mode 100644
index 0000000..c3fc620
Binary files /dev/null and b/public/icons/mstile-144x144.png differ
diff --git a/public/icons/mstile-150x150.png b/public/icons/mstile-150x150.png
new file mode 100644
index 0000000..a8917e2
Binary files /dev/null and b/public/icons/mstile-150x150.png differ
diff --git a/public/icons/mstile-310x150.png b/public/icons/mstile-310x150.png
new file mode 100644
index 0000000..26a8991
Binary files /dev/null and b/public/icons/mstile-310x150.png differ
diff --git a/public/icons/mstile-310x310.png b/public/icons/mstile-310x310.png
new file mode 100644
index 0000000..1005e3b
Binary files /dev/null and b/public/icons/mstile-310x310.png differ
diff --git a/public/icons/mstile-70x70.png b/public/icons/mstile-70x70.png
new file mode 100644
index 0000000..26f9ad1
Binary files /dev/null and b/public/icons/mstile-70x70.png differ
diff --git a/public/index.html b/public/index.html
index 8ea51ce..356018f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,31 @@
     <meta charset="utf-8" />
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
-    <meta name="theme-color" content="#000000" />
+    <meta name="theme-color" content="#ffffff" />
+    <meta
+      name="description"
+      content="Community Logo Generator by Developer Student Clubs Netaji Subhash Engineering College"
+    />
+    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="%PUBLIC_URL%/icons/apple-touch-icon-57x57.png" />
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="%PUBLIC_URL%/icons/apple-touch-icon-114x114.png" />
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="%PUBLIC_URL%/icons/apple-touch-icon-72x72.png" />
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="%PUBLIC_URL%/icons/apple-touch-icon-144x144.png" />
+    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="%PUBLIC_URL%/icons/apple-touch-icon-60x60.png" />
+    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="%PUBLIC_URL%/icons/apple-touch-icon-120x120.png" />
+    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="%PUBLIC_URL%/icons/apple-touch-icon-76x76.png" />
+    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="%PUBLIC_URL%/icons/apple-touch-icon-152x152.png" />
+    <link rel="icon" type="image/png" href="%PUBLIC_URL%/icons/favicon-196x196.png" sizes="196x196" />
+    <link rel="icon" type="image/png" href="%PUBLIC_URL%/icons/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/png" href="%PUBLIC_URL%/icons/favicon-32x32.png" sizes="32x32" />
+    <link rel="icon" type="image/png" href="%PUBLIC_URL%/icons/favicon-16x16.png" sizes="16x16" />
+    <link rel="icon" type="image/png" href="%PUBLIC_URL%/icons/favicon-128.png" sizes="128x128" />
+    <meta name="application-name" content="&nbsp;"/>
+    <meta name="msapplication-TileColor" content="#FFFFFF" />
+    <meta name="msapplication-TileImage" content="%PUBLIC_URL%/icons/mstile-144x144.png" />
+    <meta name="msapplication-square70x70logo" content="%PUBLIC_URL%/icons/mstile-70x70.png" />
+    <meta name="msapplication-square150x150logo" content="%PUBLIC_URL%/icons/mstile-150x150.png" />
+    <meta name="msapplication-wide310x150logo" content="%PUBLIC_URL%/icons/mstile-310x150.png" />
+    <meta name="msapplication-square310x310logo" content="%PUBLIC_URL%/icons/mstile-310x310.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
diff --git a/public/manifest.json b/public/manifest.json
index f99717a..8677127 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,12 +1,22 @@
 {
-  "short_name": "Your Orders",
-  "name": "Your Orders",
+  "short_name": "Community Logo Generator",
+  "name": "Community Logo Generator",
   "icons": [
     {
       "src": "favicon.ico",
       "sizes": "64x64 32x32 24x24 16x16",
       "type": "image/x-icon"
-    }
+    },
+    {
+      "src": "./icons/favicon-192x192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "./icons/favicon-512x512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }	    
   ],
   "start_url": ".",
   "display": "standalone",
diff --git a/src/App.js b/src/App.js
index bf26204..f9813f3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,9 +1,11 @@
 import React from 'react';
 import GDGEditor from './GDGEditor'
 import DSCEditor from './DSCEditor'
-import { AppBar, Box, Container, Tabs, Tab } from '@material-ui/core';
+import WTMEditor from './WTMEditor'
+import { AppBar, BottomNavigation, Box, Container, Link, Tabs, Tab, Typography } from '@material-ui/core';
 import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
+import GitHubButton from 'react-github-btn';
 
 function TabPanel(props) {
 	const { children, value, index, ...other } = props;
@@ -46,6 +48,11 @@ const useStyles = makeStyles((theme) => ({
 		width: '100%',
 		backgroundColor: theme.palette.background.paper,
 	},
+	stickToBottom: {
+		width: '100%',
+		position: 'fixed',
+		bottom: 0,
+	},
 }));
 
 export default function ScrollableTabsButtonAuto() {
@@ -68,18 +75,33 @@ export default function ScrollableTabsButtonAuto() {
 				>
 					<Tab label="GDG" {...a11yProps(0)} />
 					<Tab label="DSC" {...a11yProps(1)} />
-					{/* <Tab label="DevFest" {...a11yProps(2)} /> */}
+					<Tab label="WTM" {...a11yProps(2)} />
 				</Tabs>
 			</AppBar>
 			<TabPanel value={value} index={0}>
-				<GDGEditor/>
+				<GDGEditor />
 			</TabPanel>
 			<TabPanel value={value} index={1}>
-				<DSCEditor/>
+				<DSCEditor />
+			</TabPanel>
+			<TabPanel value={value} index={2}>
+				<WTMEditor />
 			</TabPanel>
-			{/* <TabPanel value={value} index={2}>
-				Item Three
-			</TabPanel> */}
+			<br></br>
+			<br></br>
+			<br></br>
+			<br></br>
+			<br></br>
+			<BottomNavigation className={classes.stickToBottom}>
+			<GitHubButton href="https://github.com/dscnsec/logo-generator" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star dscnsec/logo-generator on GitHub">Star</GitHubButton>
+				
+				<Typography>
+				&nbsp;&middot;&nbsp;Created by&nbsp;
+					<Link href="https://xprilion.com" target="_blank">
+						@xprilion
+					</Link>
+				</Typography>
+			</BottomNavigation>
 		</div>
 	);
 }
\ No newline at end of file
diff --git a/src/DSCEditor.js b/src/DSCEditor.js
index 80a00e7..3efe393 100644
--- a/src/DSCEditor.js
+++ b/src/DSCEditor.js
@@ -7,6 +7,11 @@ import { Button, Card, CardContent, CardActions, CardActionArea, TextField } fro
 
 import "./Editor.sass";
 
+import MuiAlert from '@material-ui/lab/Alert';
+function Alert(props) {
+  return <MuiAlert elevation={6} variant="filled" {...props} />;
+}
+
 class DSCEditor extends Component {
   constructor(props) {
     super(props);
@@ -113,6 +118,7 @@ class DSCEditor extends Component {
                     src={this.state.fullLogoUrl}
                     style={{maxWidth: "100%"}}
                   />
+                  <Alert severity="info" style={{ padding: "0 1rem", background: "#5c5c5c" }}>The text in the logo is white. Please view downloaded logo against dark backgrounds.</Alert>
                 </CardContent>
               </CardActionArea>
               <CardActions>
@@ -121,7 +127,7 @@ class DSCEditor extends Component {
                   color="primary"
                   href={this.state.fullLogoUrl}
                   style={{ margin: "5px" }}
-                  download={`DSC ${this.state.name} Dark X-Logo x${this.state.scale}.png`}
+                  download={`DSC ${this.state.name} Dark Horizontal-Logo.png`}
                 >
                   DOWNLOAD
                 </Button>
@@ -138,6 +144,7 @@ class DSCEditor extends Component {
                     src={this.state.fullLogoUrlVertical}
                     style={{maxWidth: "100%"}}
                   />
+                  <Alert severity="info" style={{ padding: "0 1rem", background: "#5c5c5c" }}>The text in the logo is white. Please view downloaded logo against dark backgrounds.</Alert>
                 </CardContent>
               </CardActionArea>
               <CardActions>
@@ -146,7 +153,7 @@ class DSCEditor extends Component {
                   color="primary"
                   href={this.state.fullLogoUrlVertical}
                   style={{ margin: "5px" }}
-                  download={`DSC ${this.state.name} Dark X-Logo x${this.state.scale}.png`}
+                  download={`DSC ${this.state.name} Dark Vertical-Logo.png`}
                 >
                   DOWNLOAD
                 </Button>
@@ -166,6 +173,7 @@ class DSCEditor extends Component {
                     src={this.state.fullLogoUrlOld}
                     style={{maxWidth: "100%"}}
                   />
+                  <Alert severity="info" style={{ padding: "0 1rem", background: "#5c5c5c" }}>The text in the logo is black. Please view downloaded logo against light backgrounds.</Alert>
                 </CardContent>
               </CardActionArea>
               <CardActions>
@@ -174,7 +182,7 @@ class DSCEditor extends Component {
                   color="primary"
                   href={this.state.fullLogoUrlOld}
                   style={{ margin: "5px" }}
-                  download={`DSC ${this.state.name} Dark X-Logo x${this.state.scale}.png`}
+                  download={`DSC ${this.state.name} Light Horizontal-Logo.png`}
                 >
                   DOWNLOAD
                 </Button>
@@ -191,6 +199,7 @@ class DSCEditor extends Component {
                     src={this.state.fullLogoUrlVerticalOld}
                     style={{maxWidth: "100%"}}
                   />
+                  <Alert severity="info" style={{ padding: "0 1rem", background: "#5c5c5c" }}>The text in the logo is black. Please view downloaded logo against light backgrounds.</Alert>
                 </CardContent>
               </CardActionArea>
               <CardActions>
@@ -199,7 +208,7 @@ class DSCEditor extends Component {
                   color="primary"
                   href={this.state.fullLogoUrlVerticalOld}
                   style={{ margin: "5px" }}
-                  download={`DSC ${this.state.name} Dark X-Logo x${this.state.scale}.png`}
+                  download={`DSC ${this.state.name} Light Vertical-Logo.png`}
                 >
                   DOWNLOAD
                 </Button>
@@ -252,7 +261,7 @@ class DSCEditor extends Component {
     this.logoScale = 2.35;
 
     const canvasWidth = (Math.max(ctx.measureText("Developer Student Clubs").width, ctx2.measureText(name).width) + 1200 );
-    const canvasHeight = this.dscLogo.height * this.logoScale + 150;
+    const canvasHeight = this.dscLogo.height * this.logoScale + 100;
 
     this.logoCanvas.setAttribute("width", canvasWidth * scale);
     this.logoCanvas.setAttribute("height", canvasHeight * scale);
@@ -324,7 +333,7 @@ class DSCEditor extends Component {
     this.logoScale = 2.35;
 
     const canvasWidth = (Math.max(ctx.measureText("Developer Student Clubs").width, ctx2.measureText(name).width) + 1200 );
-    const canvasHeight = this.dscLogo.height * this.logoScale + 150;
+    const canvasHeight = this.dscLogo.height * this.logoScale + 100;
 
     this.logoCanvas.setAttribute("width", canvasWidth * scale);
     this.logoCanvas.setAttribute("height", canvasHeight * scale);
diff --git a/src/GDGEditor.js b/src/GDGEditor.js
index 438dd84..d9945ef 100644
--- a/src/GDGEditor.js
+++ b/src/GDGEditor.js
@@ -7,6 +7,12 @@ import { Button, Card, CardContent, CardActions, CardActionArea, TextField } fro
 
 import "./Editor.sass";
 
+import MuiAlert from '@material-ui/lab/Alert';
+function Alert(props) {
+  return <MuiAlert elevation={6} variant="filled" {...props} />;
+}
+
+
 class GDGEditor extends Component {
   constructor(props) {
     super(props);
@@ -95,8 +101,8 @@ class GDGEditor extends Component {
         />
 
         {this.state.darkMode ? (
-          <Card style={{width: "100%"}}>
-            <CardActionArea style={{background: "#000"}}>
+          <Card style={{ width: "100%" }}>
+            <CardActionArea style={{ background: "#000" }}>
               <CardContent>
                 <img
                   ref={e => {
@@ -104,8 +110,10 @@ class GDGEditor extends Component {
                   }}
                   alt={`GDG ${this.state.name} Logo`}
                   src={this.state.bwImageUrl}
-                  style={{maxWidth: "100%"}}
+                  style={{ maxWidth: "100%" }}
                 />
+                <Alert severity="info" style={{ padding: "0 1rem", background: "#5c5c5c" }}>The text in the logo is white. Please view downloaded logo against dark backgrounds.</Alert>
+
               </CardContent>
             </CardActionArea>
             <CardActions>
@@ -114,14 +122,14 @@ class GDGEditor extends Component {
                 color="primary"
                 href={this.state.bwImageUrl}
                 style={{ margin: "5px" }}
-                download={`GDG ${this.state.name} Dark X-Logo x${this.state.scale}.png`}
+                download={`GDG ${this.state.name} Dark Horizontal-Logo.png`}
               >
                 DOWNLOAD
               </Button>
             </CardActions>
           </Card>
         ) : (
-            <Card style={{width: "100%"}}>
+            <Card style={{ width: "100%" }}>
               <CardActionArea>
                 <CardContent>
                   <img
@@ -130,8 +138,9 @@ class GDGEditor extends Component {
                     }}
                     alt={`GDG ${this.state.name} Logo`}
                     src={this.state.colorImageUrl}
-                    style={{maxWidth: "100%"}}
+                    style={{ maxWidth: "100%" }}
                   />
+                  <Alert severity="info" style={{ padding: "0 1rem", background: "#5c5c5c" }}>The text in the logo is black. Please view downloaded logo against light backgrounds.</Alert>
                 </CardContent>
               </CardActionArea>
               <CardActions>
@@ -140,12 +149,14 @@ class GDGEditor extends Component {
                   color="primary"
                   href={this.state.colorImageUrl}
                   style={{ margin: "5px" }}
-                  download={`GDG ${this.state.name} Dark X-Logo x${this.state.scale}.png`}
+                  download={`GDG ${this.state.name} Light Horizontal-Logo.png`}
                 >
                   DOWNLOAD
                 </Button>
               </CardActions>
+
             </Card>
+
           )}
       </div>
     );
@@ -190,7 +201,7 @@ class GDGEditor extends Component {
     this.logoScale = 1.35;
 
     const canvasWidth = ctx.measureText("GDG").width + ctx.measureText(this.state.name).width + this.GDGLogo.width * this.logoScale + 80;
-    const canvasHeight = this.GDGLogo.height + 80;
+    const canvasHeight = this.GDGLogo.height + 60;
 
     this.logoCanvas.setAttribute("width", canvasWidth * scale);
     this.logoCanvas.setAttribute("height", canvasHeight * scale);
diff --git a/src/WTMEditor.js b/src/WTMEditor.js
new file mode 100644
index 0000000..d553350
--- /dev/null
+++ b/src/WTMEditor.js
@@ -0,0 +1,210 @@
+import React, { Component } from "react";
+
+import WebFont from "webfontloader";
+
+import { Button, Card, CardContent, CardActions, CardActionArea, TextField } from '@material-ui/core';
+
+import "./Editor.sass";
+
+import MuiAlert from '@material-ui/lab/Alert';
+function Alert(props) {
+  return <MuiAlert elevation={6} variant="filled" {...props} />;
+}
+
+class WTMEditor extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      scale: 0.5,
+      name: "City Name",
+    };
+  }
+
+  componentDidMount() {
+    WebFont.load({
+      google: {
+        families: ["Roboto:400", "Product Sans", "Product Sans:400"]
+      },
+      fontactive: (familyName, fvd) => {
+        this.colorImage();
+        this.colorImageVertical();
+      }
+    });
+  }
+
+  render() {
+    return (
+      <div className="main">
+        <div style={hidden}>
+          <img
+            ref={e => {
+              this.wtmLogo = e;
+            }}
+            onLoad={() => {
+              this.colorImage();
+              this.colorImageVertical();
+            }}
+            src="assets/wtm/color.svg"
+            alt={`WTM Icon`}
+          />
+        </div>
+
+        <TextField
+          label="City Name"
+          margin="normal"
+          variant="outlined"
+          style={{
+              width: "100%"
+          }}
+          onChange={e => {
+            this.setState(
+              {
+                name: e.target.value
+              },
+              () => {
+                this.colorImage();
+                this.colorImageVertical();
+              }
+            );
+          }}
+        />
+        <br />
+        <canvas
+          style={hidden}
+          ref={e => {
+            this.logoCanvas = e;
+          }}
+        />
+        <Card style={{width: "100%"}}>
+          <CardActionArea>
+            <CardContent>
+              <img
+                ref={e => {
+                  this.fullLogoImg = e;
+                }}
+                alt={`WTM ${this.state.name} Logo`}
+                src={this.state.fullLogoUrlOld}
+                style={{maxWidth: "100%"}}
+              />
+              <Alert severity="info" style={{ padding: "0 1rem", background: "#5c5c5c" }}>The text in the logo is black. Please view downloaded logo against light backgrounds.</Alert>
+            </CardContent>
+          </CardActionArea>
+          <CardActions>
+            <Button
+              variant="contained"
+              color="primary"
+              href={this.state.fullLogoUrlOld}
+              style={{ margin: "5px" }}
+              download={`WTM ${this.state.name} Light Horizontal-Logo.png`}
+            >
+              DOWNLOAD
+            </Button>
+          </CardActions>
+        </Card>
+        <Card style={{width: "100%", marginTop: "1rem"}}>
+          <CardActionArea>
+            <CardContent>
+              <img
+                ref={e => {
+                  this.fullLogoImg = e;
+                }}
+                alt={`WTM ${this.state.name} Logo`}
+                src={this.state.fullLogoUrlVerticalOld}
+                style={{maxWidth: "100%"}}
+              />
+              <Alert severity="info" style={{ padding: "0 1rem", background: "#5c5c5c" }}>The text in the logo is black. Please view downloaded logo against light backgrounds.</Alert>
+            </CardContent>
+          </CardActionArea>
+          <CardActions>
+            <Button
+              variant="contained"
+              color="primary"
+              href={this.state.fullLogoUrlVerticalOld}
+              style={{ margin: "5px" }}
+              download={`WTM ${this.state.name} Light Vertical-Logo.png`}
+            >
+              DOWNLOAD
+            </Button>
+          </CardActions>
+        </Card>
+
+      </div>
+    );
+  }
+
+  colorImage() {
+    const name = this.state.name;
+    const scale = this.state.scale;
+    const ctx = this.logoCanvas.getContext("2d");
+    const ctx2 = this.logoCanvas.getContext("2d");
+    ctx.font = `400 84px "Product Sans"`;
+    ctx2.font = `400 42px "Product Sans"`;
+
+    this.logoScale = 0.25;
+
+    const canvasWidth = Math.max(ctx.measureText("Women Techmakers").width, ctx.measureText(this.state.name).width) + this.wtmLogo.width * this.logoScale + 450;
+    const canvasHeight = this.wtmLogo.height * this.logoScale + 50;
+
+    this.logoCanvas.setAttribute("width", canvasWidth * scale);
+    this.logoCanvas.setAttribute("height", canvasHeight * scale);
+
+    ctx.scale(scale, scale);
+    ctx.font = `400 84px "Product Sans"`;
+    ctx.fillStyle = "rgba(0, 0, 0, 0.54)";
+
+    ctx.drawImage(this.wtmLogo, 20, 0, this.wtmLogo.width * this.logoScale, this.wtmLogo.height* this.logoScale);
+
+    ctx.fillText("Women Techmakers", this.wtmLogo.width * this.logoScale + 60, 85);
+
+    ctx.font = `400 42px "Product Sans"`;
+    ctx.fillText(name, this.wtmLogo.width * this.logoScale + 60, this.wtmLogo.height * this.logoScale + 25);
+
+    this.setState({
+      fullLogoUrlOld: this.logoCanvas.toDataURL()
+    });
+  }
+
+  colorImageVertical() {
+    const name = this.state.name;
+    const scale = this.state.scale;
+    const ctx = this.logoCanvas.getContext("2d");
+    const ctx2 = this.logoCanvas.getContext("2d");
+    ctx.font = `400 84px "Product Sans"`;
+    ctx2.font = `400 42px "Product Sans"`;
+
+    this.logoScale = 0.5;
+
+    const canvasWidth = (Math.max(ctx.measureText("Women Techmakers").width, ctx2.measureText(name).width) + 1500 );
+    const canvasHeight = this.wtmLogo.height * this.logoScale + 230;
+
+    this.logoCanvas.setAttribute("width", canvasWidth * scale);
+    this.logoCanvas.setAttribute("height", canvasHeight * scale);
+
+    ctx.scale(scale, scale);
+    ctx.font = `400 84px "Product Sans"`;
+    ctx.fillStyle = "rgba(0, 0, 0, 0.54)";
+
+    ctx.drawImage(this.wtmLogo, canvasWidth/2 - (this.wtmLogo.width * this.logoScale)/2, 20, this.wtmLogo.width * this.logoScale, this.wtmLogo.height* this.logoScale);
+
+    ctx.textBaseline = "bottom";
+    ctx.fillText(
+      "Women Techmakers",
+      canvasWidth/2 - (ctx.measureText("Women Techmakers").width / 2),
+      this.wtmLogo.height * this.logoScale + 150
+    );
+
+    ctx.font = `400 42px "Product Sans"`;
+    ctx.textBaseline = "bottom";
+    ctx.fillText(name, canvasWidth/2 - (ctx.measureText(name).width / 2), this.wtmLogo.height * this.logoScale + 215);
+
+    this.setState({
+      fullLogoUrlVerticalOld: this.logoCanvas.toDataURL()
+    });
+  }
+}
+
+const hidden = {
+  display: "none"
+};
+
+export default WTMEditor;
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 3174b9b..f307947 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,6 +4,7 @@ import CssBaseline from '@material-ui/core/CssBaseline';
 import { ThemeProvider } from '@material-ui/core/styles';
 import App from './App';
 import theme from './theme';
+import * as serviceWorker from './serviceWorker';
 
 ReactDOM.render(
 	<ThemeProvider theme={theme}>
@@ -15,4 +16,6 @@ ReactDOM.render(
 	</ThemeProvider>
 	,
 	document.querySelector('#root'),
-);
\ No newline at end of file
+);
+
+serviceWorker.register();
diff --git a/src/serviceWorker.js b/src/serviceWorker.js
new file mode 100644
index 0000000..42c3764
--- /dev/null
+++ b/src/serviceWorker.js
@@ -0,0 +1,141 @@
+// This optional code is used to register a service worker.
+// register() is not called by default.
+
+// This lets the app load faster on subsequent visits in production, and gives
+// it offline capabilities. However, it also means that developers (and users)
+// will only see deployed updates on subsequent visits to a page, after all the
+// existing tabs open on the page have been closed, since previously cached
+// resources are updated in the background.
+
+// To learn more about the benefits of this model and instructions on how to
+// opt-in, read https://bit.ly/CRA-PWA
+
+const isLocalhost = Boolean(
+    window.location.hostname === 'localhost' ||
+      // [::1] is the IPv6 localhost address.
+      window.location.hostname === '[::1]' ||
+      // 127.0.0.0/8 are considered localhost for IPv4.
+      window.location.hostname.match(
+        /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
+      )
+  );
+  
+  export function register(config) {
+    if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
+      // The URL constructor is available in all browsers that support SW.
+      const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
+      if (publicUrl.origin !== window.location.origin) {
+        // Our service worker won't work if PUBLIC_URL is on a different origin
+        // from what our page is served on. This might happen if a CDN is used to
+        // serve assets; see https://github.com/facebook/create-react-app/issues/2374
+        return;
+      }
+  
+      window.addEventListener('load', () => {
+        const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
+  
+        if (isLocalhost) {
+          // This is running on localhost. Let's check if a service worker still exists or not.
+          checkValidServiceWorker(swUrl, config);
+  
+          // Add some additional logging to localhost, pointing developers to the
+          // service worker/PWA documentation.
+          navigator.serviceWorker.ready.then(() => {
+            console.log(
+              'This web app is being served cache-first by a service ' +
+                'worker. To learn more, visit https://bit.ly/CRA-PWA'
+            );
+          });
+        } else {
+          // Is not localhost. Just register service worker
+          registerValidSW(swUrl, config);
+        }
+      });
+    }
+  }
+  
+  function registerValidSW(swUrl, config) {
+    navigator.serviceWorker
+      .register(swUrl)
+      .then(registration => {
+        registration.onupdatefound = () => {
+          const installingWorker = registration.installing;
+          if (installingWorker == null) {
+            return;
+          }
+          installingWorker.onstatechange = () => {
+            if (installingWorker.state === 'installed') {
+              if (navigator.serviceWorker.controller) {
+                // At this point, the updated precached content has been fetched,
+                // but the previous service worker will still serve the older
+                // content until all client tabs are closed.
+                console.log(
+                  'New content is available and will be used when all ' +
+                    'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
+                );
+  
+                // Execute callback
+                if (config && config.onUpdate) {
+                  config.onUpdate(registration);
+                }
+              } else {
+                // At this point, everything has been precached.
+                // It's the perfect time to display a
+                // "Content is cached for offline use." message.
+                console.log('Content is cached for offline use.');
+  
+                // Execute callback
+                if (config && config.onSuccess) {
+                  config.onSuccess(registration);
+                }
+              }
+            }
+          };
+        };
+      })
+      .catch(error => {
+        console.error('Error during service worker registration:', error);
+      });
+  }
+  
+  function checkValidServiceWorker(swUrl, config) {
+    // Check if the service worker can be found. If it can't reload the page.
+    fetch(swUrl, {
+      headers: { 'Service-Worker': 'script' },
+    })
+      .then(response => {
+        // Ensure service worker exists, and that we really are getting a JS file.
+        const contentType = response.headers.get('content-type');
+        if (
+          response.status === 404 ||
+          (contentType != null && contentType.indexOf('javascript') === -1)
+        ) {
+          // No service worker found. Probably a different app. Reload the page.
+          navigator.serviceWorker.ready.then(registration => {
+            registration.unregister().then(() => {
+              window.location.reload();
+            });
+          });
+        } else {
+          // Service worker found. Proceed as normal.
+          registerValidSW(swUrl, config);
+        }
+      })
+      .catch(() => {
+        console.log(
+          'No internet connection found. App is running in offline mode.'
+        );
+      });
+  }
+  
+  export function unregister() {
+    if ('serviceWorker' in navigator) {
+      navigator.serviceWorker.ready
+        .then(registration => {
+          registration.unregister();
+        })
+        .catch(error => {
+          console.error(error.message);
+        });
+    }
+  }
\ No newline at end of file