From 62bd7077192233de1d463e728158111852728cb9 Mon Sep 17 00:00:00 2001
From: Alexander Shabunevich <loonar@gmail.com>
Date: Fri, 9 Dec 2022 23:30:31 +0300
Subject: [PATCH] Add logo

---
 README.md      | 27 +++++++++++++++++++--------
 docs/README.md |  4 ++++
 docs/maska.svg | 13 +++++++++++++
 3 files changed, 36 insertions(+), 8 deletions(-)
 create mode 100644 docs/maska.svg

diff --git a/README.md b/README.md
index 2320be4..3a18854 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,24 @@
+<p align="center">
+  <img src="docs/maska.svg">
+</p>
+
+<p align="center">
+  Simple zero-dependency input mask for Vue 2/3 or vanilla JS.
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/maska"><img src="https://img.shields.io/npm/v/maska"></a>
+  <a href="https://bundlephobia.com/package/maska"><img src="https://img.shields.io/bundlephobia/minzip/maska"></a>
+  <a href="https://github.com/beholdr/maska/actions/workflows/build.yml"><img src="https://github.com/beholdr/maska/actions/workflows/build.yml/badge.svg"></a>
+  <img src="https://img.shields.io/endpoint?url=https://gist.githubusercontent.com/beholdr/7f2a04de5e494f9a3820832520ee2562/raw/badge.json">
+</p>
+
+<h3 align="center">
+  <a href="https://beholdr.github.io/maska/"><b>Documentation & demo</b></a>
+</h3>
+
 # Maska
 
-Simple zero-dependency input mask for Vue 2/3 or Vanilla JS.
-
-[![npm bundle size](https://img.shields.io/bundlephobia/minzip/maska)](https://bundlephobia.com/package/maska)
-[![build](https://github.com/beholdr/maska/actions/workflows/build.yml/badge.svg)](https://github.com/beholdr/maska/actions/workflows/build.yml)
-![code coverage](https://img.shields.io/endpoint?url=https://gist.githubusercontent.com/beholdr/7f2a04de5e494f9a3820832520ee2562/raw/badge.json)
-
-**[Documentation & demo →](https://beholdr.github.io/maska/)**
-
 ## Features ✨
 
 - No dependencies and small size: ~2.5 Kb gziped
diff --git a/docs/README.md b/docs/README.md
index 7afa405..bd1b2b6 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,3 +1,7 @@
+![maska](maska.svg)
+
+---
+
 # Live Demo
 
 Here are several examples of basic masks that you could create with **Maska**.
diff --git a/docs/maska.svg b/docs/maska.svg
new file mode 100644
index 0000000..4cbf253
--- /dev/null
+++ b/docs/maska.svg
@@ -0,0 +1,13 @@
+<svg width="304" height="56" viewBox="0 0 304 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<style>@media(prefers-color-scheme:dark){.f{fill:#dedede}.s{stroke:#dedede}}</style>
+<rect class="s" x="2" y="2" width="51.0638" height="51.0638" rx="6" stroke="#222" stroke-width="4"/>
+<rect class="s" x="64.2341" y="2" width="51.0638" height="51.0638" rx="6" stroke="#222" stroke-width="4"/>
+<rect class="s" x="126.468" y="2" width="51.0638" height="51.0638" rx="6" stroke="#222" stroke-width="4"/>
+<rect class="s" x="188.702" y="2" width="51.0638" height="51.0638" rx="6" stroke="#222" stroke-width="4"/>
+<rect x="250.936" y="2" width="51.0638" height="51.0638" rx="6" fill="#9E24D7" stroke="#9E24D7" stroke-width="4"/>
+<path class="f" d="M35.5545 13.992C37.1104 13.992 38.3723 14.5452 39.3404 15.6516C40.3431 16.7234 40.8444 18.6941 40.8444 21.5638V41.8936H36.851V22.2899C36.851 20.3883 36.73 19.109 36.488 18.4521C36.246 17.7606 35.6582 17.4149 34.7247 17.4149C32.9614 17.4149 31.371 18.504 29.9534 20.6822V41.8936H25.9082V22.2899C25.9082 20.3883 25.7872 19.109 25.5452 18.4521C25.3032 17.7606 24.7154 17.4149 23.7819 17.4149C22.0186 17.4149 20.4282 18.504 19.0106 20.6822V41.8936H15.0173V14.5625H18.3883L18.6995 17.7779C19.5292 16.5678 20.3936 15.6343 21.2925 14.9774C22.226 14.3205 23.3324 13.992 24.6117 13.992C27.1702 13.992 28.8125 15.2021 29.5386 17.6223C30.3683 16.4468 31.25 15.5479 32.1835 14.9255C33.117 14.3032 34.2407 13.992 35.5545 13.992Z" fill="#222"/>
+<path class="f" d="M99.376 35.9295C99.376 37.0013 99.5489 37.7965 99.8946 38.3152C100.24 38.7992 100.811 39.1622 101.606 39.4042L100.517 42.5159C97.8547 42.1702 96.1951 40.8737 95.5382 38.6263C94.5701 39.871 93.3428 40.8218 91.8561 41.4787C90.4039 42.1356 88.7789 42.4641 86.9811 42.4641C84.2497 42.4641 82.0888 41.7034 80.4983 40.1822C78.9425 38.6609 78.1646 36.621 78.1646 34.0625C78.1646 31.262 79.2537 29.1011 81.4319 27.5798C83.6446 26.0585 86.8082 25.2979 90.9225 25.2979H94.9678V23.0678C94.9678 21.1316 94.4146 19.7487 93.3082 18.9189C92.2018 18.0545 90.5941 17.6223 88.485 17.6223C86.4106 17.6223 84.0422 18.0891 81.38 19.0226L80.1872 15.7035C83.4026 14.5625 86.3933 13.992 89.1592 13.992C92.4784 13.992 95.0023 14.7699 96.7311 16.3258C98.4944 17.8816 99.376 20.0425 99.376 22.8085V35.9295ZM88.0701 39.1968C89.4186 39.1968 90.6978 38.8511 91.9079 38.1596C93.1526 37.4681 94.1725 36.5173 94.9678 35.3072V28.3058H91.0263C88.122 28.3058 86.0303 28.7899 84.751 29.758C83.4717 30.7261 82.8321 32.1436 82.8321 34.0106C82.8321 37.4681 84.5781 39.1968 88.0701 39.1968Z" fill="#222"/>
+<path class="f" d="M151.321 38.8856C153.396 38.8856 155.038 38.488 156.248 37.6928C157.458 36.8976 158.063 35.8431 158.063 34.5292C158.063 33.6303 157.908 32.9042 157.596 32.3511C157.285 31.7633 156.663 31.2447 155.729 30.7952C154.796 30.3112 153.378 29.8271 151.477 29.3431C148.296 28.5479 145.945 27.5971 144.424 26.4907C142.902 25.3497 142.142 23.6729 142.142 21.4601C142.142 19.1782 143.092 17.363 144.994 16.0146C146.896 14.6662 149.402 13.992 152.514 13.992C156.317 13.992 159.636 14.9947 162.471 17L160.501 20.008C159.36 19.2128 158.167 18.6077 156.922 18.1928C155.678 17.7433 154.243 17.5186 152.618 17.5186C148.676 17.5186 146.705 18.7114 146.705 21.0971C146.705 21.9269 146.913 22.6011 147.328 23.1197C147.777 23.6383 148.486 24.105 149.454 24.5199C150.457 24.9003 151.944 25.367 153.914 25.9202C156.888 26.7154 159.1 27.7354 160.553 28.98C162.039 30.1902 162.783 31.9707 162.783 34.3218C162.783 37.0532 161.676 39.0931 159.463 40.4415C157.251 41.7899 154.537 42.4641 151.321 42.4641C147.034 42.4641 143.473 41.2367 140.638 38.7819L143.075 35.9295C144.182 36.8284 145.444 37.5545 146.861 38.1077C148.279 38.6263 149.765 38.8856 151.321 38.8856Z" fill="#222"/>
+<path class="f" d="M208.867 41.8936H204.511V3.56781L208.867 3.04919V41.8936ZM214.831 26.9056L228.523 41.8936H222.766L209.334 26.9574L221.47 14.5625H227.071L214.831 26.9056Z" fill="#222"/>
+<path d="M264.242 40.3662L272.982 29.3375L272.786 28.9471L260.511 25.6287L262.18 20.456L274.16 25.4335L274.455 25.1407L273.768 11.5745H279.169L278.383 25.1407L278.776 25.4335L290.756 20.456L292.426 25.6287L280.052 28.9471L279.954 29.3375L288.694 40.3662L284.275 43.4894L276.812 31.8751H276.124L268.661 43.4894L264.242 40.3662Z" fill="white"/>
+</svg>