From b8cc3e139ccd7e5ff9dabdf25b191ed158696e62 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Fri, 23 Oct 2020 17:46:16 +0530
Subject: [PATCH 01/33] =?UTF-8?q?=F0=9F=93=A6=20python=20packages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 requirements.txt | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 requirements.txt

diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..4c7f1ea
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,2 @@
+clickgen==1.1.7
+Pillow==8.0.1

From 17d5f191aeb5a312333c1ea6124fa261cc364701 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sat, 24 Oct 2020 09:35:17 +0530
Subject: [PATCH 02/33] =?UTF-8?q?=F0=9F=93=83=20Scripts=20init?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/package.json b/package.json
index 14a33a3..a1e9bef 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,15 @@
   "author": "Kaiz Khatri",
   "license": "GPL-3.0",
   "private": true,
+  "scripts": {
+    "clean": "rm -rf bitmaps themes",
+    "dev": "nodemon src/index.ts",
+    "watch": "nodemon --inspect src/index.ts",
+    "py_install": "pip install -r requirements.txt",
+    "render": "npx ts-node src/index.ts",
+    "build": "python build.py",
+    "compile": "yarn clean && yarn render && yarn build"
+  },
   "devDependencies": {
     "@types/pixelmatch": "^5.2.2",
     "@types/pngjs": "^3.4.2",

From d2a0fccb1ea1ffe4db33ce94ea64c5e373b19ecc Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sat, 24 Oct 2020 09:38:28 +0530
Subject: [PATCH 03/33] =?UTF-8?q?=F0=9F=9A=80=20Renderer=20src=20init?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config.ts             |  31 ++++++++++
 src/index.ts              | 124 ++++++++++++++++++++++++++++++++++++++
 src/utils/getFrameName.ts |  14 +++++
 src/utils/htmlTemplate.ts |  19 ++++++
 src/utils/matchImages.ts  |  19 ++++++
 src/utils/saveFrames.ts   |  16 +++++
 6 files changed, 223 insertions(+)
 create mode 100644 src/config.ts
 create mode 100644 src/index.ts
 create mode 100644 src/utils/getFrameName.ts
 create mode 100644 src/utils/htmlTemplate.ts
 create mode 100644 src/utils/matchImages.ts
 create mode 100644 src/utils/saveFrames.ts

diff --git a/src/config.ts b/src/config.ts
new file mode 100644
index 0000000..843b7b5
--- /dev/null
+++ b/src/config.ts
@@ -0,0 +1,31 @@
+import { resolve } from "path";
+import { readdirSync, existsSync } from "fs";
+
+// Source Directory
+const svgsDir = resolve(__dirname, "svg");
+if (!existsSync(svgsDir)) {
+  console.log("Source .svg files not found");
+}
+
+const staticCursorsDir = resolve(svgsDir, "static");
+const animatedCursorsDir = resolve(svgsDir, "animated");
+
+// Out Directory
+const bitmapsDir = resolve(__dirname, "../", "bitmaps");
+
+//  Cursors
+const staticCursors = readdirSync(staticCursorsDir).map((f) =>
+  resolve(staticCursorsDir, f)
+);
+const animatedCursors = readdirSync(animatedCursorsDir).map((f) =>
+  resolve(animatedCursorsDir, f)
+);
+
+// Animated Config
+const animatedClip = {
+  x: 4,
+  y: 4,
+  width: 200,
+  height: 200,
+};
+export { staticCursors, animatedCursors, bitmapsDir, animatedClip };
diff --git a/src/index.ts b/src/index.ts
new file mode 100644
index 0000000..5007114
--- /dev/null
+++ b/src/index.ts
@@ -0,0 +1,124 @@
+import fs from "fs";
+import path from "path";
+import puppeteer from "puppeteer";
+
+import { generateRenderTemplate } from "./utils/htmlTemplate";
+import {
+  staticCursors,
+  bitmapsDir,
+  animatedCursors,
+  animatedClip,
+} from "./config";
+import { matchImages } from "./utils/matchImages";
+import { saveFrames, Frames } from "./utils/saveFrames";
+import { getFrameName } from "./utils/getFrameName";
+
+const main = async () => {
+  const browser = await puppeteer.launch({
+    ignoreDefaultArgs: [" --single-process ", "--no-sandbox"],
+    headless: true,
+  });
+
+  if (!fs.existsSync(bitmapsDir)) {
+    fs.mkdirSync(bitmapsDir);
+  }
+
+  try {
+    console.log("📸 Rendering Static Cursors...");
+
+    for (let svgPath of staticCursors) {
+      const buffer = fs.readFileSync(path.resolve(svgPath), "utf8");
+      if (!buffer) throw new Error(`${svgPath} File Read error`);
+
+      // Generating HTML Template
+      const data = buffer.toString();
+      const template = generateRenderTemplate(data);
+
+      // config
+      const bitmapName = `${path.basename(svgPath, ".svg")}.png`;
+      const out = path.resolve(bitmapsDir, bitmapName);
+
+      // Render
+      const page = await browser.newPage();
+      await page.setContent(template);
+
+      await page.waitForSelector("#container");
+      const svgElement = await page.$("#container svg");
+      if (!svgElement) throw new Error("svg element not found");
+      await svgElement.screenshot({ omitBackground: true, path: out });
+
+      await page.close();
+    }
+
+    console.log("🎥 Rendering Animated Cursors...");
+
+    for (let svgPath of animatedCursors) {
+      const buffer = fs.readFileSync(svgPath, "utf8");
+      if (!buffer) throw new Error(`${svgPath} File Read error`);
+
+      // Generating HTML Template
+      const data = buffer.toString();
+      const template = generateRenderTemplate(data);
+
+      const page = await browser.newPage();
+      await page.setContent(template, { waitUntil: "networkidle2" });
+
+      await page.waitForSelector("#container");
+      const svgElement = await page.$("#container svg");
+      if (!svgElement) throw new Error("svg element not found");
+
+      // Render Config
+      let index = 1;
+      let breakRendering = false;
+      const frames: Frames = {};
+      const firstKey = getFrameName(index, svgPath);
+
+      console.log("Rendering", path.basename(svgPath), "...");
+      console.log(firstKey);
+
+      // 1st Frame
+      frames[firstKey] = {
+        buffer: await svgElement.screenshot({
+          omitBackground: true,
+          clip: animatedClip,
+          encoding: "binary",
+        }),
+      };
+
+      //  Pushing frames until it match to 1st frame
+      index++;
+      while (!breakRendering) {
+        const newFrame = await svgElement.screenshot({
+          omitBackground: true,
+          clip: animatedClip,
+          encoding: "binary",
+        });
+        const key = getFrameName(index, svgPath);
+        console.log(key);
+        const diff = matchImages({
+          img1Buff: frames[firstKey].buffer,
+          img2Buff: newFrame,
+        });
+
+        if (!(diff < 700)) {
+          frames[key] = { buffer: newFrame };
+        } else {
+          breakRendering = true;
+        }
+        index++;
+      }
+
+      saveFrames(frames);
+
+      await page.close();
+    }
+
+    console.log(`\nBitmaps stored at ${bitmapsDir}\n\n🎉 Render Done.`);
+    process.exit(0);
+  } catch (error) {
+    console.error(error);
+    process.exit(1);
+  }
+};
+
+main();
diff --git a/src/utils/getFrameName.ts b/src/utils/getFrameName.ts
new file mode 100644
index 0000000..5b3dfff
--- /dev/null
+++ b/src/utils/getFrameName.ts
@@ -0,0 +1,14 @@
+import path from "path";
+
+export const frameNumber = (index: number, endIndex: number) => {
+  let result = "" + index;
+  while (result.length < endIndex) {
+    result = "0" + result;
+  }
+  return result;
+};
+
+export const getFrameName = (index: number, fileName: string) => {
+  const frame = frameNumber(index, 2);
+  return `${path.basename(fileName, ".svg")}-${frame}.png`;
+};
diff --git a/src/utils/htmlTemplate.ts b/src/utils/htmlTemplate.ts
new file mode 100644
index 0000000..05ea0cb
--- /dev/null
+++ b/src/utils/htmlTemplate.ts
@@ -0,0 +1,19 @@
+export const template = `
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Eggy Render Template</title>
+    </head>
+                
+    <body>
+        <div id="container">
+            <svginjection>
+        </div>
+    </body>
+</html>
+`;
+
+export const generateRenderTemplate = (svg: string) =>
+  template.replace("<svginjection>", svg);
diff --git a/src/utils/matchImages.ts b/src/utils/matchImages.ts
new file mode 100644
index 0000000..aceffa8
--- /dev/null
+++ b/src/utils/matchImages.ts
@@ -0,0 +1,19 @@
+import { PNG } from "pngjs";
+import pixelmatch from "pixelmatch";
+
+interface MatchImagesArgs {
+  img1Buff: Buffer;
+  img2Buff: Buffer;
+}
+
+export const matchImages = ({ img1Buff, img2Buff }: MatchImagesArgs) => {
+  const img1 = PNG.sync.read(img1Buff);
+  const img2 = PNG.sync.read(img2Buff);
+  const { width, height } = img1;
+
+  const diff = new PNG({ width, height });
+
+  return pixelmatch(img1.data, img2.data, diff.data, width, height, {
+    threshold: 0.25,
+  });
+};
diff --git a/src/utils/saveFrames.ts b/src/utils/saveFrames.ts
new file mode 100644
index 0000000..f3be527
--- /dev/null
+++ b/src/utils/saveFrames.ts
@@ -0,0 +1,16 @@
+import fs from "fs";
+import path from "path";
+import { bitmapsDir } from "../config";
+
+export interface Frames {
+  [fileName: string]: {
+    buffer: Buffer;
+  };
+}
+
+export const saveFrames = (frames: Frames) => {
+  for (let [fileName, { buffer }] of Object.entries(frames)) {
+    const out_path = path.resolve(bitmapsDir, fileName);
+    fs.writeFileSync(out_path, buffer, { encoding: "binary" });
+  }
+};

From 0787a536d44ad376cbe88c0dae7c5a7907fdd9ad Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sat, 24 Oct 2020 09:40:31 +0530
Subject: [PATCH 04/33] =?UTF-8?q?=F0=9F=94=A7=20Typescript=20config?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tsconfig.json | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 tsconfig.json

diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..a26a563
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "module": "commonjs",
+    "lib": ["es2015", "dom"],
+    "outDir": "dist",
+    "typeRoots": ["node_modules/@types"],
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "resolveJsonModule": true,
+    "noFallthroughCasesInSwitch": true,
+    "esModuleInterop": true
+  },
+  "include": ["src/**/*", "node_modules/@types/puppeteer/index.d.ts"],
+  "exclude": ["node_modules", "**/*.test.ts"]
+}

From 8a63ea74d332989f2472a6b353260f0287b7e3fe Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sat, 24 Oct 2020 09:40:47 +0530
Subject: [PATCH 05/33] =?UTF-8?q?=F0=9F=A7=91=E2=80=8D=F0=9F=92=BB=20Devel?=
 =?UTF-8?q?opment=20demon=20config?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nodemon.json | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 nodemon.json

diff --git a/nodemon.json b/nodemon.json
new file mode 100644
index 0000000..cde9605
--- /dev/null
+++ b/nodemon.json
@@ -0,0 +1,13 @@
+{
+  "restartable": "rs",
+  "ignore": [".git", "node_modules/**/node_modules"],
+  "verbose": true,
+  "execMap": {
+    "ts": "node --require ts-node/register"
+  },
+  "watch": ["src/"],
+  "env": {
+    "NODE_ENV": "development"
+  },
+  "ext": "js,json,ts"
+}

From 340bdff00425f1d1fca96fbddf6b277909751e94 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sun, 25 Oct 2020 09:59:48 +0530
Subject: [PATCH 06/33] =?UTF-8?q?=F0=9F=9A=80=20Init=20cursor=20builder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build.py         |  19 +++++++++
 config.py        |  46 +++++++++++++++++++++
 helper.py        |  61 ++++++++++++++++++++++++++++
 hotspots.json    | 102 +++++++++++++++++++++++++++++++++++++++++++++++
 log.py           |   6 +++
 requirements.txt |   2 +-
 6 files changed, 235 insertions(+), 1 deletion(-)
 create mode 100644 build.py
 create mode 100644 config.py
 create mode 100644 helper.py
 create mode 100644 hotspots.json
 create mode 100644 log.py

diff --git a/build.py b/build.py
new file mode 100644
index 0000000..7679079
--- /dev/null
+++ b/build.py
@@ -0,0 +1,19 @@
+import json
+import log
+from clickgen import build_cursor_theme
+
+from config import name, sizes, delay, bitmaps_dir, temp_folder
+from helper import init_build, pack_it
+
+
+def build() -> None:
+    init_build()
+    with open('./hotspots.json', 'r') as hotspot_file:
+        hotspots = json.loads(hotspot_file.read())
+        build_cursor_theme(name, image_dir=bitmaps_dir,
+                           cursor_sizes=sizes, out_path=temp_folder, hotspots=hotspots, archive=False, delay=delay)
+    pack_it()
+
+
+if __name__ == "__main__":
+    build()
diff --git a/config.py b/config.py
new file mode 100644
index 0000000..f237923
--- /dev/null
+++ b/config.py
@@ -0,0 +1,46 @@
+import tempfile
+import json
+
+# Build Config
+delay = 50
+name = "Google-Dot"
+sizes = [22, 24, 28, 32, 40, 48, 56, 64, 72, 80, 88, 96]
+
+bitmaps_dir = "./bitmaps"
+package_dir = "./themes"
+temp_folder = tempfile.mkdtemp()
+
+# Cleanup Configs
+x11_out = name
+win_out = name + "-Windows"
+
+# getting author name
+with open("./package.json") as f:
+    data = json.loads(f.read())
+    author = data["author"]
+
+# Windows Cursors Config
+windows_cursors = {
+    "left_ptr_watch.ani": "AppStarting.ani",
+    "left_ptr.cur": "Arrow.cur",
+    "crosshair.cur": "Cross.cur",
+    "hand2.cur": "Hand.cur",
+    "pencil.cur": "Handwriting.cur",
+    "dnd-ask.cur": "Help.cur",
+    "xterm.cur": "IBeam.cur",
+    "circle.cur": "NO.cur",
+    "all-scroll.cur": "SizeAll.cur",
+    "bd_double_arrow.cur": "SizeNWSE.cur",
+    "sb_v_double_arrow.cur": "SizeNS.cur",
+    "fd_double_arrow.cur": "SizeNESW.cur",
+    "sb_h_double_arrow.cur": "SizeWE.cur",
+    "sb_up_arrow.cur": "UpArrow.cur",
+    "wait.ani": "Wait.ani",
+}
+
+# Windows install.inf file content
+with open("./scripts/windows.inf") as f:
+    data = f.read()
+    window_install_inf_content = data.replace(
+        "<inject_theme_name>", name + " Cursors"
+    ).replace("<inject_author_name>", author)
diff --git a/helper.py b/helper.py
new file mode 100644
index 0000000..cdf4c20
--- /dev/null
+++ b/helper.py
@@ -0,0 +1,61 @@
+import shutil
+import json
+import sys
+
+from config import name, temp_folder, bitmaps_dir, win_out, x11_out, window_install_inf_content, windows_cursors, package_dir
+from os import path, listdir, rename, remove
+
+
+x11_out_dir = path.join(package_dir, x11_out)
+win_out_dir = path.join(package_dir, win_out)
+
+
+def window_bundle() -> None:
+    # Remove & Rename cursors
+    # If Key found => Rename else Remove
+    for cursor in listdir(win_out_dir):
+        old_path = path.join(win_out_dir, cursor)
+
+        try:
+            new_path = path.join(win_out_dir, windows_cursors[cursor])
+            rename(old_path, new_path)
+        except KeyError:
+            remove(old_path)
+
+    # creating install.inf file
+    install_inf_path = path.join(win_out_dir, "install.inf")
+    with open(install_inf_path, "w") as file:
+        file.write(window_install_inf_content)
+
+
+def init_build() -> None:
+    """
+        Print build version.
+        Remove previously built packages && Check Bitmaps.
+    """
+    with open("./package.json", "r") as package_file:
+        data = json.loads(package_file.read())
+        version = data['version']
+        print("⚡ Apple Cursor Version %s" % version)
+
+    # cleanup old packages
+    if path.exists(package_dir):
+        shutil.rmtree(package_dir)
+
+    # Checking Bitmaps directory
+    if not path.exists(bitmaps_dir):
+        print(
+            "⚠ BITMAPS NOT FOUND.\n\n`yarn install && yarn render` to Generates Bitmaps")
+        sys.exit(1)
+
+
+def pack_it() -> None:
+    """
+        Create Crisp 📦 Packages for Windows & X11 Cursor Theme.
+    """
+    # Rename directory
+    shutil.move(path.join(temp_folder, name, "x11"), x11_out_dir)
+    shutil.move(path.join(temp_folder, name, "win"), win_out_dir)
+
+    # create install.inf file in Windows Theme
+    window_bundle()
diff --git a/hotspots.json b/hotspots.json
new file mode 100644
index 0000000..adbba3b
--- /dev/null
+++ b/hotspots.json
@@ -0,0 +1,102 @@
+{
+  "all_scroll": { "xhot": 100, "yhot": 100 },
+
+  "bottom_left_corner": { "xhot": 100, "yhot": 100 },
+  "fd_double_arrow": { "xhot": 100, "yhot": 100 },
+  "top_right_corner": { "xhot": 100, "yhot": 100 },
+
+  "bottom_right_corner": { "xhot": 100, "yhot": 100 },
+  "bd_double_arrow": { "xhot": 100, "yhot": 100 },
+  "top_left_corner": { "xhot": 100, "yhot": 100 },
+
+  "bottom_tee": { "xhot": 141, "yhot": 99 },
+
+  "center_ptr": { "xhot": 61, "yhot": 100 },
+
+  "circle": { "xhot": 47, "yhot": 39 },
+  "crossed_circle": { "xhot": 47, "yhot": 39 },
+  "dnd_no_drop": { "xhot": 47, "yhot": 39 },
+
+  "context_menu": { "xhot": 61, "yhot": 58 },
+
+  "copy": { "xhot": 47, "yhot": 39 },
+  "dnd_copy": { "xhot": 47, "yhot": 39 },
+
+  "cross": { "xhot": 100, "yhot": 100 },
+  "tcross": { "xhot": 100, "yhot": 100 },
+
+  "crosshair": { "xhot": 100, "yhot": 100 },
+
+  "dotbox": { "xhot": 100, "yhot": 100 },
+
+  "hand1": { "xhot": 94, "yhot": 105 },
+
+  "hand2": { "xhot": 66, "yhot": 34 },
+
+  "left_ptr": { "xhot": 68, "yhot": 41 },
+
+  "left_side": { "xhot": 100, "yhot": 100 },
+  "right_side": { "xhot": 100, "yhot": 100 },
+
+  "left_tee": { "xhot": 100, "yhot": 58 },
+
+  "link": { "xhot": 61, "yhot": 105 },
+  "dnd_link": { "xhot": 61, "yhot": 105 },
+
+  "ll_angle": { "xhot": 141, "yhot": 58 },
+
+  "lr_angle": { "xhot": 141, "yhot": 138 },
+
+  "move": { "xhot": 80, "yhot": 106 },
+  "dnd_move": { "xhot": 80, "yhot": 106 },
+  "dnd_none": { "xhot": 80, "yhot": 106 },
+  "grabbing": { "xhot": 80, "yhot": 106 },
+  "pointer_move": { "xhot": 80, "yhot": 106 },
+
+  "pencil": { "xhot": 141, "yhot": 58 },
+
+  "plus": { "xhot": 100, "yhot": 100 },
+
+  "question_arrow": { "xhot": 105, "yhot": 105 },
+  "dnd_ask": { "xhot": 105, "yhot": 105 },
+
+  "right_ptr": { "xhot": 61, "yhot": 138 },
+
+  "right_tee": { "xhot": 100, "yhot": 138 },
+
+  "sb_down_arrow": { "xhot": 133, "yhot": 99 },
+
+  "sb_h_double_arrow": { "xhot": 100, "yhot": 100 },
+
+  "sb_left_arrow": { "xhot": 100, "yhot": 68 },
+
+  "sb_right_arrow": { "xhot": 100, "yhot": 138 },
+
+  "sb_up_arrow": { "xhot": 68, "yhot": 99 },
+
+  "sb_v_double_arrow": { "xhot": 100, "yhot": 100 },
+
+  "top_side": { "xhot": 100, "yhot": 100 },
+  "bottom_side": { "xhot": 100, "yhot": 100 },
+
+  "top_tee": { "xhot": 61, "yhot": 99 },
+
+  "ul_angle": { "xhot": 61, "yhot": 65 },
+
+  "ur_angle": { "xhot": 61, "yhot": 138 },
+
+  "vertical_text": { "xhot": 100, "yhot": 102 },
+
+  "wait": { "xhot": 104, "yhot": 105 },
+  "left_ptr_watch": { "xhot": 104, "yhot": 105 },
+
+  "wayland_cursor": { "xhot": 100, "yhot": 100 },
+
+  "x_cursor": { "xhot": 100, "yhot": 100 },
+
+  "xterm": { "xhot": 97, "yhot": 97 },
+
+  "zoom_in": { "xhot": 76, "yhot": 78 },
+
+  "zoom_out": { "xhot": 76, "yhot": 78 }
+}
diff --git a/log.py b/log.py
new file mode 100644
index 0000000..e59183c
--- /dev/null
+++ b/log.py
@@ -0,0 +1,6 @@
+#!/usr/bin/env python
+
+import logging
+
+logging.basicConfig(filename='build.log', filemode='w',
+                    format='%(name)s - %(levelname)s - %(message)s', level=logging.DEBUG)
diff --git a/requirements.txt b/requirements.txt
index 4c7f1ea..dbfa3c9 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,2 +1,2 @@
 clickgen==1.1.7
-Pillow==8.0.1
+Pillow<=8.0.1

From 7af8b820f42e8e600652b8fc1432d7fe6ce9471c Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sun, 25 Oct 2020 10:07:17 +0530
Subject: [PATCH 07/33] =?UTF-8?q?=F0=9F=93=A6=20Rename=20cursor=20theme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/config.py b/config.py
index f237923..fe475cb 100644
--- a/config.py
+++ b/config.py
@@ -3,7 +3,7 @@
 
 # Build Config
 delay = 50
-name = "Google-Dot"
+name = "GoogleDot"
 sizes = [22, 24, 28, 32, 40, 48, 56, 64, 72, 80, 88, 96]
 
 bitmaps_dir = "./bitmaps"

From be75d6d2198cb0de86f6c5431ae10cc366aa1b82 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sun, 25 Oct 2020 11:59:47 +0530
Subject: [PATCH 08/33] =?UTF-8?q?=F0=9F=94=A7=20Windows=20install=20script?=
 =?UTF-8?q?=20template=20init?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 scripts/windows.inf | 52 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 scripts/windows.inf

diff --git a/scripts/windows.inf b/scripts/windows.inf
new file mode 100644
index 0000000..0586241
--- /dev/null
+++ b/scripts/windows.inf
@@ -0,0 +1,52 @@
+[Version]
+signature="$CHICAGO$"
+<inject_theme_name> By Kaiz Khatri
+https://github.com/ful1e5/apple_cursor
+
+[DefaultInstall]
+CopyFiles = Scheme.Cur
+AddReg    = Scheme.Reg
+
+[DestinationDirs]
+Scheme.Cur = 10,"%CUR_DIR%"
+
+[Scheme.Reg]
+HKCU,"Control Panel\Cursors\Schemes","%SCHEME_NAME%",,"%10%\%CUR_DIR%\%pointer%,%10%\%CUR_DIR%\%help%,%10%\%CUR_DIR%\%work%,%10%\%CUR_DIR%\%busy%,%10%\%CUR_DIR%\%Cross%,%10%\%CUR_DIR%\%Text%,%10%\%CUR_DIR%\%Hand%,%10%\%CUR_DIR%\%Unavailiable%,%10%\%CUR_DIR%\%Vert%,%10%\%CUR_DIR%\%Horz%,%10%\%CUR_DIR%\%Dgn1%,%10%\%CUR_DIR%\%Dgn2%,%10%\%CUR_DIR%\%move%,%10%\%CUR_DIR%\%alternate%,%10%\%CUR_DIR%\%link%"
+
+; -- Installed files
+
+[Scheme.Cur]
+"Arrow.cur"
+"Help.cur"
+"AppStarting.ani"
+"Wait.ani"
+"Cross.cur"       
+"IBeam.cur"
+"Handwriting.cur"
+"NO.cur"
+"SizeNS.cur"
+"SizeWE.cur"
+"SizeNWSE.cur"
+"SizeNESW.cur"
+"SizeAll.cur"
+"UpArrow.cur"
+"Hand.cur"
+
+[Strings]
+CUR_DIR       = "Cursors\<inject_theme_name>"
+SCHEME_NAME   = "<inject_theme_name>"
+pointer       = "Arrow.cur"
+help		  = "Help.cur"
+work		  = "AppStarting.ani"
+busy		  = "Wait.ani"
+cross		  = "Cross.cur"
+text		  = "IBeam.cur"
+hand		  = "Handwriting.cur"
+unavailiable  = "NO.cur"
+vert		  = "SizeNS.cur"   
+horz		  = "SizeWE.cur"
+dgn1		  = "SizeNWSE.cur"
+dgn2		  = "SizeNESW.cur"
+move		  = "SizeAll.cur"
+alternate	  = "UpArrow.cur"
+link		  = "Hand.cur"
\ No newline at end of file

From 2edc27a3847797633495384a5f350604889bff07 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sun, 25 Oct 2020 12:01:24 +0530
Subject: [PATCH 09/33] =?UTF-8?q?=F0=9F=91=B7=20Builder=20info=20updated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 helper.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/helper.py b/helper.py
index cdf4c20..5259179 100644
--- a/helper.py
+++ b/helper.py
@@ -36,7 +36,7 @@ def init_build() -> None:
     with open("./package.json", "r") as package_file:
         data = json.loads(package_file.read())
         version = data['version']
-        print("⚡ Apple Cursor Version %s" % version)
+        print("⚡ GoogleDot Builder  %s" % version)
 
     # cleanup old packages
     if path.exists(package_dir):

From a99d6be3fd4980a415ebf35a11c43ccef3d95844 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sun, 25 Oct 2020 16:59:37 +0530
Subject: [PATCH 10/33] =?UTF-8?q?=E2=84=B9=EF=B8=8F=20Cursors=20info=20add?=
 =?UTF-8?q?ed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/svg/README.md | 52 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 src/svg/README.md

diff --git a/src/svg/README.md b/src/svg/README.md
new file mode 100644
index 0000000..e3d6153
--- /dev/null
+++ b/src/svg/README.md
@@ -0,0 +1,52 @@
+# Cursor Source Info
+
+## Symbolic Cursors
+
+|                          Preview                          |         Source          |                         Symbolic links                          |     Windows Cursor name      |
+| :-------------------------------------------------------: | :---------------------: | :-------------------------------------------------------------: | :--------------------------: |
+|     <img src="./static/all_scroll.svg" width="20%"/>      |     all_scroll.svg      |                             `None`                              |        `SizeAll.cur`         |
+| <img src="./static/bottom_left_corner.svg" width="20%"/>  | bottom_left_corner.svg  |          `fd_double_arrow.svg` `top_right_corner.svg`           |        `SizeNESW.cur`        |
+| <img src="./static/bottom_right_corner.svg" width="20%"/> | bottom_right_corner.svg |           `bd_double_arrow.svg` `top_left_corner.svg`           |        `SizeNWSE.cur`        |
+|     <img src="./static/bottom_tee.svg" width="20%"/>      |     bottom_tee.svg      |                             `None`                              |                              |
+|     <img src="./static/center_ptr.svg" width="20%"/>      |     center_ptr.svg      |                             `None`                              |                              |
+|       <img src="./static/circle.svg" width="20%"/>        |       circle.svg        |             `crossed_circle.svg` `dnd_no_drop.svg`              |           `NO.cur`           |
+|    <img src="./static/context_menu.svg" width="20%"/>     |    context_menu.svg     |                             `None`                              |                              |
+|        <img src="./static/copy.svg" width="20%"/>         |        copy.svg         |                         `dnd_copy.svg`                          |                              |
+|        <img src="./static/cross.svg" width="20%"/>        |        cross.svg        |                          `tcross.svg`                           |                              |
+|      <img src="./static/crosshair.svg" width="20%"/>      |      crosshair.svg      |                             `None`                              |         `Cross.cur`          |
+|       <img src="./static/dotbox.svg" width="20%"/>        |       dotbox.svg        |                             `None`                              |                              |
+|        <img src="./static/hand1.svg" width="20%"/>        |        hand1.svg        |                             `None`                              |                              |
+|        <img src="./static/hand2.svg" width="20%"/>        |        hand2.svg        |                             `None`                              |          `Hand.cur`          |
+|      <img src="./static/left_ptr.svg" width="20%"/>       |      left_ptr.svg       |                             `None`                              |         `Arrow.cur`          |
+|      <img src="./static/left_side.svg" width="20%"/>      |      left_side.svg      |                        `right_side.svg`                         |                              |
+|      <img src="./static/left_tee.svg" width="20%"/>       |      left_tee.svg       |                             `None`                              |                              |
+|        <img src="./static/link.svg" width="20%"/>         |        link.svg         |                         `dnd_link.svg`                          |                              |
+|      <img src="./static/ll_angle.svg" width="20%"/>       |      ll_angle.svg       |                             `None`                              |                              |
+|      <img src="./static/lr_angle.svg" width="20%"/>       |      lr_angle.svg       |                             `None`                              |                              |
+|        <img src="./static/move.svg" width="20%"/>         |        move.svg         | `dnd_move.svg` `dnd_none.svg` `grabbing.svg` `pointer_move.svg` |                              |
+|       <img src="./static/pencil.svg" width="20%"/>        |       pencil.svg        |                             `None`                              |      `Handwriting.cur`       |
+|        <img src="./static/plus.svg" width="20%"/>         |        plus.svg         |                             `None`                              |                              |
+|   <img src="./static/question_arrow.svg" width="20%"/>    |   question_arrow.svg    |                          `dnd_ask.svg`                          |          `Help.cur`          |
+|      <img src="./static/right_ptr.svg" width="20%"/>      |      right_ptr.svg      |                             `None`                              |                              |
+|      <img src="./static/right_tee.svg" width="20%"/>      |      right_tee.svg      |                             `None`                              |                              |
+|    <img src="./static/sb_down_arrow.svg" width="20%"/>    |    sb_down_arrow.svg    |                             `None`                              |                              |
+|  <img src="./static/sb_h_double_arrow.svg" width="20%"/>  |  sb_h_double_arrow.svg  |                             `None`                              |         `SizeWE.cur`         |
+|    <img src="./static/sb_left_arrow.svg" width="20%"/>    |    sb_left_arrow.svg    |                             `None`                              |                              |
+|   <img src="./static/sb_right_arrow.svg" width="20%"/>    |   sb_right_arrow.svg    |                             `None`                              |                              |
+|     <img src="./static/sb_up_arrow.svg" width="20%"/>     |     sb_up_arrow.svg     |                             `None`                              |        `UpArrow.cur`         |
+|  <img src="./static/sb_v_double_arrow.svg" width="20%"/>  |  sb_v_double_arrow.svg  |                             `None`                              |         `SizeNS.cur`         |
+|      <img src="./static/top_side.svg" width="20%"/>       |      top_side.svg       |                        `bottom_side.svg`                        |                              |
+|       <img src="./static/top_tee.svg" width="20%"/>       |       top_tee.svg       |                             `None`                              |                              |
+|      <img src="./static/ul_angle.svg" width="20%"/>       |      ul_angle.svg       |                             `None`                              |                              |
+|      <img src="./static/ur_angle.svg" width="20%"/>       |      ur_angle.svg       |                             `None`                              |                              |
+|    <img src="./static/vertical_text.svg" width="20%"/>    |    vertical_text.svg    |                             `None`                              |                              |
+|       <img src="./animated/wait.svg" width="20%"/>        |        wait.svg         |                      `left_ptr_watch.svg`                       | `AppStarting.ani` `Wait.ani` |
+|   <img src="./static/wayland_cursor.svg" width="20%"/>    |   wayland_cursor.svg    |                             `None`                              |                              |
+|      <img src="./static/x_cursor.svg" width="20%"/>       |      x_cursor.svg       |                             `None`                              |                              |
+|        <img src="./static/xterm.svg" width="20%"/>        |        xterm.svg        |                             `None`                              |         `IBeam.cur`          |
+|       <img src="./static/zoom_in.svg" width="20%"/>       |       zoom_in.svg       |                             `None`                              |                              |
+|      <img src="./static/zoom_out.svg" width="20%"/>       |      zoom_out.svg       |                             `None`                              |                              |
+
+<!-- ## Figma File -->
+
+<!-- [![Figma File](https://i.imgur.com/88WNsyi.png)](https://www.figma.com/file/OZw8Ylb9xPFw9h1uZYSMFa/Mac-Cursor?node-id=0%3A1) -->

From 963d61bcfb47ce66097035e1d017c474e9102c9f Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sun, 25 Oct 2020 17:00:02 +0530
Subject: [PATCH 11/33] =?UTF-8?q?=E2=9C=A8=20Import=20svg=20cursors=20from?=
 =?UTF-8?q?=20macOSBigSur?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/svg/animated/left_ptr_watch.svg    |  1 +
 src/svg/animated/wait.svg              | 78 ++++++++++++++++++++++++++
 src/svg/static/all_scroll.svg          |  1 +
 src/svg/static/bd_double_arrow.svg     |  1 +
 src/svg/static/bottom_left_corner.svg  | 11 ++++
 src/svg/static/bottom_right_corner.svg | 11 ++++
 src/svg/static/bottom_side.svg         |  1 +
 src/svg/static/bottom_tee.svg          | 11 ++++
 src/svg/static/center_ptr.svg          | 14 +++++
 src/svg/static/circle.svg              | 21 +++++++
 src/svg/static/context_menu.svg        | 17 ++++++
 src/svg/static/copy.svg                | 32 +++++++++++
 src/svg/static/cross.svg               |  9 +++
 src/svg/static/crossed_circle.svg      | 22 ++++++++
 src/svg/static/crosshair.svg           | 15 +++++
 src/svg/static/dnd_ask.svg             |  1 +
 src/svg/static/dnd_copy.svg            |  1 +
 src/svg/static/dnd_link.svg            |  1 +
 src/svg/static/dnd_move.svg            |  1 +
 src/svg/static/dnd_no_drop.svg         | 20 +++++++
 src/svg/static/dnd_none.svg            |  1 +
 src/svg/static/dotbox.svg              | 11 ++++
 src/svg/static/fd_double_arrow.svg     |  1 +
 src/svg/static/grabbing.svg            |  1 +
 src/svg/static/hand1.svg               | 21 +++++++
 src/svg/static/hand2.svg               | 21 +++++++
 src/svg/static/left_ptr.svg            | 21 +++++++
 src/svg/static/left_side.svg           | 11 ++++
 src/svg/static/left_tee.svg            | 11 ++++
 src/svg/static/link.svg                | 11 ++++
 src/svg/static/ll_angle.svg            | 11 ++++
 src/svg/static/lr_angle.svg            | 11 ++++
 src/svg/static/move.svg                | 21 +++++++
 src/svg/static/pencil.svg              | 11 ++++
 src/svg/static/plus.svg                |  9 +++
 src/svg/static/pointer_move.svg        |  1 +
 src/svg/static/question_arrow.svg      | 13 +++++
 src/svg/static/right_ptr.svg           | 13 +++++
 src/svg/static/right_side.svg          |  1 +
 src/svg/static/right_tee.svg           | 11 ++++
 src/svg/static/sb_down_arrow.svg       |  9 +++
 src/svg/static/sb_h_double_arrow.svg   | 11 ++++
 src/svg/static/sb_left_arrow.svg       |  9 +++
 src/svg/static/sb_right_arrow.svg      |  9 +++
 src/svg/static/sb_up_arrow.svg         |  9 +++
 src/svg/static/sb_v_double_arrow.svg   | 11 ++++
 src/svg/static/tcross.svg              |  1 +
 src/svg/static/top_left_corner.svg     |  1 +
 src/svg/static/top_right_corner.svg    |  1 +
 src/svg/static/top_side.svg            | 11 ++++
 src/svg/static/top_tee.svg             | 11 ++++
 src/svg/static/ul_angle.svg            | 11 ++++
 src/svg/static/ur_angle.svg            | 11 ++++
 src/svg/static/vertical_text.svg       |  7 +++
 src/svg/static/wayland_cursor.svg      | 11 ++++
 src/svg/static/x_cursor.svg            |  8 +++
 src/svg/static/xterm.svg               |  7 +++
 src/svg/static/zoom_in.svg             | 15 +++++
 src/svg/static/zoom_out.svg            | 14 +++++
 59 files changed, 648 insertions(+)
 create mode 120000 src/svg/animated/left_ptr_watch.svg
 create mode 100644 src/svg/animated/wait.svg
 create mode 120000 src/svg/static/all_scroll.svg
 create mode 120000 src/svg/static/bd_double_arrow.svg
 create mode 100644 src/svg/static/bottom_left_corner.svg
 create mode 100644 src/svg/static/bottom_right_corner.svg
 create mode 120000 src/svg/static/bottom_side.svg
 create mode 100644 src/svg/static/bottom_tee.svg
 create mode 100644 src/svg/static/center_ptr.svg
 create mode 100644 src/svg/static/circle.svg
 create mode 100644 src/svg/static/context_menu.svg
 create mode 100644 src/svg/static/copy.svg
 create mode 100644 src/svg/static/cross.svg
 create mode 100644 src/svg/static/crossed_circle.svg
 create mode 100644 src/svg/static/crosshair.svg
 create mode 120000 src/svg/static/dnd_ask.svg
 create mode 120000 src/svg/static/dnd_copy.svg
 create mode 120000 src/svg/static/dnd_link.svg
 create mode 120000 src/svg/static/dnd_move.svg
 create mode 100644 src/svg/static/dnd_no_drop.svg
 create mode 120000 src/svg/static/dnd_none.svg
 create mode 100644 src/svg/static/dotbox.svg
 create mode 120000 src/svg/static/fd_double_arrow.svg
 create mode 120000 src/svg/static/grabbing.svg
 create mode 100644 src/svg/static/hand1.svg
 create mode 100644 src/svg/static/hand2.svg
 create mode 100644 src/svg/static/left_ptr.svg
 create mode 100644 src/svg/static/left_side.svg
 create mode 100644 src/svg/static/left_tee.svg
 create mode 100644 src/svg/static/link.svg
 create mode 100644 src/svg/static/ll_angle.svg
 create mode 100644 src/svg/static/lr_angle.svg
 create mode 100644 src/svg/static/move.svg
 create mode 100644 src/svg/static/pencil.svg
 create mode 100644 src/svg/static/plus.svg
 create mode 120000 src/svg/static/pointer_move.svg
 create mode 100644 src/svg/static/question_arrow.svg
 create mode 100644 src/svg/static/right_ptr.svg
 create mode 120000 src/svg/static/right_side.svg
 create mode 100644 src/svg/static/right_tee.svg
 create mode 100644 src/svg/static/sb_down_arrow.svg
 create mode 100644 src/svg/static/sb_h_double_arrow.svg
 create mode 100644 src/svg/static/sb_left_arrow.svg
 create mode 100644 src/svg/static/sb_right_arrow.svg
 create mode 100644 src/svg/static/sb_up_arrow.svg
 create mode 100644 src/svg/static/sb_v_double_arrow.svg
 create mode 120000 src/svg/static/tcross.svg
 create mode 120000 src/svg/static/top_left_corner.svg
 create mode 120000 src/svg/static/top_right_corner.svg
 create mode 100644 src/svg/static/top_side.svg
 create mode 100644 src/svg/static/top_tee.svg
 create mode 100644 src/svg/static/ul_angle.svg
 create mode 100644 src/svg/static/ur_angle.svg
 create mode 100644 src/svg/static/vertical_text.svg
 create mode 100644 src/svg/static/wayland_cursor.svg
 create mode 100644 src/svg/static/x_cursor.svg
 create mode 100644 src/svg/static/xterm.svg
 create mode 100644 src/svg/static/zoom_in.svg
 create mode 100644 src/svg/static/zoom_out.svg

diff --git a/src/svg/animated/left_ptr_watch.svg b/src/svg/animated/left_ptr_watch.svg
new file mode 120000
index 0000000..89f76d4
--- /dev/null
+++ b/src/svg/animated/left_ptr_watch.svg
@@ -0,0 +1 @@
+wait.svg
\ No newline at end of file
diff --git a/src/svg/animated/wait.svg b/src/svg/animated/wait.svg
new file mode 100644
index 0000000..4c2f3ba
--- /dev/null
+++ b/src/svg/animated/wait.svg
@@ -0,0 +1,78 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0)">
+        <g opacity="0.01">
+            <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+        </g>
+        <g filter="url(#filter0_d)">
+            <circle cx="99.5" cy="100.5" r="85.5" fill="black" fill-opacity="0.46" />
+        </g>
+
+        <g>
+            <animateTransform attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" additive="sum"
+                begin="0s" dur="1.2s" repeatCount="indefinite" />
+            <path
+                d="M38 161.5C22.3037 145.897 13 123.866 13 100.088C13 92.2728 14.0484 84.7003 16.0132 77.5012C16.0214 77.4964 16.0296 77.4916 16.0378 77.4868C45.244 60.3581 83.1377 70.3323 100 100C66.6763 100 38.6522 127.79 38 161.5Z"
+                fill="url(#paint0_linear)" />
+            <path
+                d="M38 161.366C38 161.356 38 161.345 38 161.335C38 127.461 66.3932 100 99.7784 100C83.0856 129.336 91.6623 166.848 120.574 183.785C120.716 183.868 120.858 184.418 121 184.5C113.898 186.435 106.43 187 98.7238 187C74.9731 187 53.4858 177.195 38 161.366Z"
+                fill="url(#paint1_linear)" />
+            <path
+                d="M121 184.5C92.3135 167.276 82.7818 129.33 99.5002 100C116.338 129.54 153.726 139.661 182.89 122.606C182.927 122.584 183.327 122.627 183.364 122.606C175.457 152.635 151.089 176.695 121 184.5Z"
+                fill="url(#paint2_linear)" />
+            <path
+                d="M183.074 123.7C184.982 116.464 186 108.856 186 101.005C186 76.7491 176.285 54.8061 160.607 39C160.199 73.254 132.75 100 99.5 100C116.255 129.991 153.8 141.168 182.82 123.853C182.905 123.802 182.99 123.752 183.074 123.7Z"
+                fill="url(#paint3_linear)" />
+            <path
+                d="M161 39.6587C160.781 73.0214 132.844 100 99.5 100C116.239 70.9465 107.189 33.7959 78.1967 17.0217C78.1312 16.9838 78.0656 16.5376 78 16.5C85.0529 14.6028 92.4636 14 100.108 14C123.924 14 145.471 23.8149 161 39.6587Z"
+                fill="url(#paint4_linear)" />
+            <path
+                d="M16 77.9762C24.1078 48.1524 47.9003 24.2337 78 16.5C106.732 33.5633 116.59 71.0269 99.8376 100C83.0212 70.3405 45.1228 60.8287 16.0244 77.9618C16.0163 77.9666 16.0081 77.9714 16 77.9762Z"
+                fill="url(#paint5_linear)" />
+        </g>
+    </g>
+    <defs>
+        <filter id="filter0_d" x="0" y="6" width="199" height="199" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="5" />
+            <feGaussianBlur stdDeviation="6.5" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <linearGradient id="paint0_linear" x1="48.566" y1="69.1662" x2="48.566" y2="186.344"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#52CF30" />
+            <stop offset="1" stop-color="#3BBD1C" />
+        </linearGradient>
+        <linearGradient id="paint1_linear" x1="90.6631" y1="100" x2="90.6631" y2="202.225"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#14ADF6" />
+            <stop offset="1" stop-color="#1191F4" />
+        </linearGradient>
+        <linearGradient id="paint2_linear" x1="146.222" y1="100" x2="146.222" y2="192.183"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#CA70E1" />
+            <stop offset="1" stop-color="#B452CB" />
+        </linearGradient>
+        <linearGradient id="paint3_linear" x1="150.499" y1="13.8093" x2="150.499" y2="132.264"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF645D" />
+            <stop offset="1" stop-color="#FF4332" />
+        </linearGradient>
+        <linearGradient id="paint4_linear" x1="108.191" y1="-1.2405" x2="108.191" y2="100"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FBB114" />
+            <stop offset="1" stop-color="#FF9508" />
+        </linearGradient>
+        <linearGradient id="paint5_linear" x1="52.8082" y1="8.83735" x2="52.8082" y2="100.035"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FFD305" />
+            <stop offset="1" stop-color="#FDCF01" />
+        </linearGradient>
+        <clipPath id="clip0">
+            <rect width="200" height="200" fill="white" />
+        </clipPath>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/all_scroll.svg b/src/svg/static/all_scroll.svg
new file mode 120000
index 0000000..37362fe
--- /dev/null
+++ b/src/svg/static/all_scroll.svg
@@ -0,0 +1 @@
+move.svg
\ No newline at end of file
diff --git a/src/svg/static/bd_double_arrow.svg b/src/svg/static/bd_double_arrow.svg
new file mode 120000
index 0000000..a3a3e2d
--- /dev/null
+++ b/src/svg/static/bd_double_arrow.svg
@@ -0,0 +1 @@
+bottom_right_corner.svg
\ No newline at end of file
diff --git a/src/svg/static/bottom_left_corner.svg b/src/svg/static/bottom_left_corner.svg
new file mode 100644
index 0000000..1079273
--- /dev/null
+++ b/src/svg/static/bottom_left_corner.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M122.166 100.748L87.776 135.701L111.668 160L40.1098 159.888L40 87.1116L63.9936 111.531L98.4088 76.5774L110.351 64.4193L86.3318 40H158V112.897L134.099 88.6066L122.166 100.748Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M113.333 97.7204L75.6191 135.422L91.1922 151L48.1193 150.864L48 107.793L63.6923 123.482L101.415 85.7981L122.492 64.7061L106.782 49H150V92.2151L134.41 76.6369L113.333 97.7204Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/bottom_right_corner.svg b/src/svg/static/bottom_right_corner.svg
new file mode 100644
index 0000000..61cf654
--- /dev/null
+++ b/src/svg/static/bottom_right_corner.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M88.776 56.299L112.668 32L41.1098 32.1117L41 104.888L64.9936 80.4691L99.4088 115.423L111.351 127.581L87.3318 152H159V79.103L135.099 103.393L88.776 56.299Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M76.6191 56.5782L92.1922 41L49.1193 41.1363L49 84.2066L64.6923 68.5176L123.492 127.294L107.782 143H151V99.7849L135.41 115.363L76.6191 56.5782Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/bottom_side.svg b/src/svg/static/bottom_side.svg
new file mode 120000
index 0000000..9c7bb92
--- /dev/null
+++ b/src/svg/static/bottom_side.svg
@@ -0,0 +1 @@
+top_side.svg
\ No newline at end of file
diff --git a/src/svg/static/bottom_tee.svg b/src/svg/static/bottom_tee.svg
new file mode 100644
index 0000000..306233b
--- /dev/null
+++ b/src/svg/static/bottom_tee.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M44.27 107.157H79.05V117.832H19V158H179V117.832H118.94V107.157H153.61L98.88 47L44.27 107.157Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M169 128.201H108.914V97.5192H131.346L98.7897 64L66.5136 97.5192H89.0858V128.201H29V148H169V128.201Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/center_ptr.svg b/src/svg/static/center_ptr.svg
new file mode 100644
index 0000000..304f6ef
--- /dev/null
+++ b/src/svg/static/center_ptr.svg
@@ -0,0 +1,14 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M49 143.925L98.8211 20.5781L151.986 146.114L99.7374 125.026L96.1848 124.703L49 143.925Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M115.578 178.968L83.5 178.774L84.6148 78.3152L117.36 78.64L115.578 178.968Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M108.554 165.415L91.8101 165.277L92.1466 100L108.871 100.121L108.554 165.415Z" fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M99.2443 41.6052L64.5459 128.454L96.2142 115.502L99.9291 115.763L136.512 130.69L99.2443 41.6052Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/circle.svg b/src/svg/static/circle.svg
new file mode 100644
index 0000000..903dc11
--- /dev/null
+++ b/src/svg/static/circle.svg
@@ -0,0 +1,21 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M46 133.5C46 158.626 66.3739 179 91.5 179C116.626 179 137 158.626 137 133.5C137 108.369 116.626 88 91.5 88C66.3739 88 46 108.369 46 133.5Z"
+        fill="url(#paint0_linear)" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M41 100V20L100 78.0406H64.1602L63.3916 78.66L41 100Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M98.7029 133.5L109.506 122.697C111.498 120.705 111.498 117.481 109.506 115.49C107.52 113.503 104.296 113.503 102.304 115.49L91.5006 126.298L80.6921 115.49C78.7056 113.503 75.4814 113.503 73.4899 115.49C71.5034 117.481 71.5034 120.705 73.4899 122.697L84.2984 133.5L73.4899 144.303C71.5034 146.295 71.5034 149.519 73.4899 151.51C75.4814 153.497 78.7056 153.497 80.6921 151.51L91.5006 140.702L102.304 151.51C104.296 153.497 107.52 153.497 109.506 151.51C111.498 149.519 111.498 146.295 109.506 144.303L98.7029 133.5Z"
+        fill="#5A5A5A" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M46 32V88L60.9086 73.6546L61.7121 72.9589H87L46 32Z"
+        fill="black" />
+    <defs>
+        <linearGradient id="paint0_linear" x1="91.5" y1="88" x2="91.5" y2="179" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F0F0F0" />
+            <stop offset="1" stop-color="#D5D5D5" />
+        </linearGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/context_menu.svg b/src/svg/static/context_menu.svg
new file mode 100644
index 0000000..e326ad2
--- /dev/null
+++ b/src/svg/static/context_menu.svg
@@ -0,0 +1,17 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M96 169.389V174H173V87H96V90.7149V169.389Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M105 165.765L74.1137 179L34 83.3901L65.5803 70L105 165.765Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M27 160V22L127 122.12H68.4977L64.9519 123.189L27 160Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M156.286 122.875H112.714V114.25H156.286V122.875ZM156.286 140.125H112.714V131.5H156.286V140.125ZM156.286 157.375H112.714V148.75H156.286V157.375ZM104 166H165V97H104V166Z"
+        fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M93 160.351L77.3349 167L51 103.657L66.6396 97L93 160.351Z"
+        fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M35 44V139L60.4538 114.664L64.1231 113.484H105L35 44Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/copy.svg b/src/svg/static/copy.svg
new file mode 100644
index 0000000..5390c7d
--- /dev/null
+++ b/src/svg/static/copy.svg
@@ -0,0 +1,32 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M46 133.5C46 158.626 66.3739 179 91.5 179C116.626 179 137 158.626 137 133.5C137 108.369 116.626 88 91.5 88C66.3739 88 46 108.369 46 133.5Z"
+        fill="url(#paint0_linear)" />
+    <g filter="url(#filter0_d)">
+        <path d="M113 129H72V139H113V129Z" fill="white" />
+        <path d="M97.625 114H87.375V154H97.625V114Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M41 100V20L100 78.0406H64.1602L63.3916 78.66L41 100Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M46 32V88L60.9086 73.6546L61.7121 72.9589H87L46 32Z"
+        fill="black" />
+    <defs>
+        <filter id="filter0_d" x="68" y="114" width="49" height="48" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4" />
+            <feGaussianBlur stdDeviation="2" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <linearGradient id="paint0_linear" x1="91.5" y1="88" x2="91.5" y2="179" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#1A331A" />
+            <stop offset="1" stop-color="#85C340" />
+        </linearGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/cross.svg b/src/svg/static/cross.svg
new file mode 100644
index 0000000..d894d8d
--- /dev/null
+++ b/src/svg/static/cross.svg
@@ -0,0 +1,9 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M180 84H115.893V20H84.1067V84H20V116H84.1067V180H115.893V116H180V84Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M170 94.7231H105.285V30H94.715V94.7231H30V105.277H94.715V170H105.285V105.277H170V94.7231Z" fill="#231F1F" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/crossed_circle.svg b/src/svg/static/crossed_circle.svg
new file mode 100644
index 0000000..8535691
--- /dev/null
+++ b/src/svg/static/crossed_circle.svg
@@ -0,0 +1,22 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M51.4285 137.143C51.4285 165.543 74.457 188.571 102.857 188.571C131.257 188.571 154.286 165.543 154.286 137.143C154.286 108.737 131.257 85.7143 102.857 85.7143C74.457 85.7143 51.4285 108.737 51.4285 137.143Z"
+        fill="url(#paint0_linear)" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M45.7144 99.5537V8.03943L111.949 74.4337H71.7144L70.8515 75.1423L45.7144 99.5537Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M110.938 137.143L123.058 125.023C125.293 122.789 125.293 119.171 123.058 116.937C120.83 114.709 117.213 114.709 114.978 116.937L102.858 129.063L90.7326 116.937C88.5041 114.709 84.8869 114.709 82.6526 116.937C80.4241 119.171 80.4241 122.789 82.6526 125.023L94.7783 137.143L82.6526 149.263C80.4241 151.497 80.4241 155.114 82.6526 157.349C84.8869 159.577 88.5041 159.577 90.7326 157.349L102.858 145.223L114.978 157.349C117.213 159.577 120.83 159.577 123.058 157.349C125.293 155.114 125.293 151.497 123.058 149.263L110.938 137.143Z"
+        fill="#5A5A5A" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M51.4285 21.7943V85.7257L68.3942 69.3486L69.3085 68.5543H98.0856L51.4285 21.7943Z" fill="black" />
+    <defs>
+        <linearGradient id="paint0_linear" x1="102.857" y1="85.7143" x2="102.857" y2="188.571"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F0F0F0" />
+            <stop offset="1" stop-color="#D5D5D5" />
+        </linearGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/crosshair.svg b/src/svg/static/crosshair.svg
new file mode 100644
index 0000000..09f696f
--- /dev/null
+++ b/src/svg/static/crosshair.svg
@@ -0,0 +1,15 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd"
+        d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z"
+        fill="#231F1F" />
+    <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd"
+        d="M137 100C137 120.983 119.983 138 99 138C78.0102 138 61 120.983 61 100C61 79.0102 78.0102 62 99 62C119.983 62 137 79.0102 137 100Z"
+        stroke="#231F1F" />
+    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M19 104H96V97H19V104Z" fill="#231F1F" />
+    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M103 104H179V97H103V104Z" fill="#231F1F" />
+    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M96 97H103V20H96V97Z" fill="#231F1F" />
+    <path opacity="0.85" fill-rule="evenodd" clip-rule="evenodd" d="M96 180H103V104H96V180Z" fill="#231F1F" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/dnd_ask.svg b/src/svg/static/dnd_ask.svg
new file mode 120000
index 0000000..14c57d2
--- /dev/null
+++ b/src/svg/static/dnd_ask.svg
@@ -0,0 +1 @@
+question_arrow.svg
\ No newline at end of file
diff --git a/src/svg/static/dnd_copy.svg b/src/svg/static/dnd_copy.svg
new file mode 120000
index 0000000..4b1d7e7
--- /dev/null
+++ b/src/svg/static/dnd_copy.svg
@@ -0,0 +1 @@
+copy.svg
\ No newline at end of file
diff --git a/src/svg/static/dnd_link.svg b/src/svg/static/dnd_link.svg
new file mode 120000
index 0000000..4abb12d
--- /dev/null
+++ b/src/svg/static/dnd_link.svg
@@ -0,0 +1 @@
+link.svg
\ No newline at end of file
diff --git a/src/svg/static/dnd_move.svg b/src/svg/static/dnd_move.svg
new file mode 120000
index 0000000..37362fe
--- /dev/null
+++ b/src/svg/static/dnd_move.svg
@@ -0,0 +1 @@
+move.svg
\ No newline at end of file
diff --git a/src/svg/static/dnd_no_drop.svg b/src/svg/static/dnd_no_drop.svg
new file mode 100644
index 0000000..e22810c
--- /dev/null
+++ b/src/svg/static/dnd_no_drop.svg
@@ -0,0 +1,20 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.7144 99.5537V8.03943L111.949 74.4337H71.7144L70.8515 75.1423L45.7144 99.5537Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M51.4287 21.7943V85.7257L68.3944 69.3486L69.3087 68.5543H98.0859L51.4287 21.7943Z" fill="black"/>
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M102.857 174.286C82.3772 174.286 65.7144 157.623 65.7144 137.143C65.7144 130.171 67.6401 123.48 71.3144 117.594L122.406 168.686C116.52 172.36 109.829 174.286 102.857 174.286ZM83.4687 105.503C89.3144 101.891 95.9544 100 102.857 100C123.337 100 140 116.663 140 137.143C140 144.046 138.109 150.686 134.497 156.531L83.4687 105.503ZM102.857 82.8571C72.9258 82.8571 48.5715 107.211 48.5715 137.143C48.5715 167.074 72.9258 191.429 102.857 191.429C132.789 191.429 157.143 167.074 157.143 137.143C157.143 107.211 132.789 82.8571 102.857 82.8571Z" fill="white"/>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="51" y="85" width="104" height="104">
+<path d="M51.4285 137.143C51.4285 165.543 74.457 188.571 102.857 188.571C131.257 188.571 154.286 165.543 154.286 137.143C154.286 108.737 131.257 85.7143 102.857 85.7143C74.457 85.7143 51.4285 108.737 51.4285 137.143ZM79.0056 105.086C85.6742 100.12 93.9085 97.1429 102.857 97.1429C124.948 97.1429 142.857 115.051 142.857 137.143C142.857 146.097 139.886 154.331 134.914 160.994L79.0056 105.086ZM62.857 137.143C62.857 128.126 65.8799 119.834 70.9085 113.149L126.851 169.091C120.16 174.126 111.868 177.143 102.857 177.143C80.7656 177.143 62.857 159.234 62.857 137.143Z" fill="white"/>
+</mask>
+<g mask="url(#mask0)">
+<path d="M51.4285 137.143C51.4285 165.543 74.457 188.571 102.857 188.571C131.257 188.571 154.286 165.543 154.286 137.143C154.286 108.737 131.257 85.7143 102.857 85.7143C74.457 85.7143 51.4285 108.737 51.4285 137.143ZM79.0056 105.086C85.6742 100.12 93.9085 97.1429 102.857 97.1429C124.948 97.1429 142.857 115.051 142.857 137.143C142.857 146.097 139.886 154.331 134.914 160.994L79.0056 105.086ZM62.857 137.143C62.857 128.126 65.8799 119.834 70.9085 113.149L126.851 169.091C120.16 174.126 111.868 177.143 102.857 177.143C80.7656 177.143 62.857 159.234 62.857 137.143Z" fill="url(#paint0_linear)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="102.857" y1="85.7143" x2="102.857" y2="188.571" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F0F0F0"/>
+<stop offset="1" stop-color="#D5D5D5"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/svg/static/dnd_none.svg b/src/svg/static/dnd_none.svg
new file mode 120000
index 0000000..37362fe
--- /dev/null
+++ b/src/svg/static/dnd_none.svg
@@ -0,0 +1 @@
+move.svg
\ No newline at end of file
diff --git a/src/svg/static/dotbox.svg b/src/svg/static/dotbox.svg
new file mode 100644
index 0000000..7bd24db
--- /dev/null
+++ b/src/svg/static/dotbox.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path
+        d="M33 167H167V33H33V167ZM40.8824 40.8824H96.5515V56.4007H104.434V40.8824H159.118V96.3052H144.338V104.188H159.118V159.118H104.434V144.092H96.5515V159.118H40.8824V104.188H56.6471V96.3052H40.8824V40.8824Z"
+        fill="black" stroke="black" stroke-width="25" />
+    <path
+        d="M32 167V168H33H167H168V167V33V32H167H33H32V33V167ZM56.6471 95.3052H41.8824V41.8824H95.5515V56.4007V57.4007H96.5515H104.434H105.434V56.4007V41.8824H158.118V95.3052H144.338H143.338V96.3052V104.188V105.188H144.338H158.118V158.118H105.434V144.092V143.092H104.434H96.5515H95.5515V144.092V158.118H41.8824V105.188H56.6471H57.6471V104.188V96.3052V95.3052H56.6471Z"
+        fill="white" stroke="white" stroke-width="2" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/fd_double_arrow.svg b/src/svg/static/fd_double_arrow.svg
new file mode 120000
index 0000000..acc15d0
--- /dev/null
+++ b/src/svg/static/fd_double_arrow.svg
@@ -0,0 +1 @@
+bottom_left_corner.svg
\ No newline at end of file
diff --git a/src/svg/static/grabbing.svg b/src/svg/static/grabbing.svg
new file mode 120000
index 0000000..37362fe
--- /dev/null
+++ b/src/svg/static/grabbing.svg
@@ -0,0 +1 @@
+move.svg
\ No newline at end of file
diff --git a/src/svg/static/hand1.svg b/src/svg/static/hand1.svg
new file mode 100644
index 0000000..20540a7
--- /dev/null
+++ b/src/svg/static/hand1.svg
@@ -0,0 +1,21 @@
+<svg width="201" height="200" viewBox="0 0 201 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.01">
+<path opacity="0.01" d="M172.875 29H22.125V179H172.875V29Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<rect x="25" y="29" width="151" height="143" rx="39" fill="white"/>
+</g>
+<rect x="49" y="52" width="103" height="97" rx="20" fill="#00D763"/>
+<defs>
+<filter id="filter0_d" x="13" y="19" width="175" height="167" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/hand2.svg b/src/svg/static/hand2.svg
new file mode 100644
index 0000000..06f5882
--- /dev/null
+++ b/src/svg/static/hand2.svg
@@ -0,0 +1,21 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.01">
+<path opacity="0.01" d="M175 25H25V175H175V25Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<rect x="50" y="52" width="101" height="97" rx="25" fill="white"/>
+</g>
+<rect x="71" y="72" width="59" height="57" rx="28.5" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="38" y="42" width="125" height="121" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/left_ptr.svg b/src/svg/static/left_ptr.svg
new file mode 100644
index 0000000..bf8f500
--- /dev/null
+++ b/src/svg/static/left_ptr.svg
@@ -0,0 +1,21 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<circle cx="100" cy="100" r="75" fill="white"/>
+</g>
+<circle cx="100" cy="100" r="52" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/left_side.svg b/src/svg/static/left_side.svg
new file mode 100644
index 0000000..0982847
--- /dev/null
+++ b/src/svg/static/left_side.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M19 100.985V101.035L78.9812 160.99L78.9913 121.003H98.985H119.189V161L179 100.995L119.189 41.01L119.199 81.1966L98.985 81.2167H78.9812L78.9913 41L19 100.985ZM33.1126 101.015L68.9894 65.138L68.9794 91.0058H103.986H129.201V65.158L164.857 101.015L129.211 136.862L129.201 111.014H103.986L68.9894 111.004L68.9794 136.862L33.1126 101.015Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M104.011 111.043H129.274V137L165 101.005L129.274 65.0201V91.1681H104.011H68.9362V65L33 101.005L68.9362 137V111.033L104.011 111.043Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/left_tee.svg b/src/svg/static/left_tee.svg
new file mode 100644
index 0000000..f704d0e
--- /dev/null
+++ b/src/svg/static/left_tee.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M85.3435 157.23V122.45H74.6683V182.5H34.5V22.5H74.6683V82.56H85.3435V47.89L145.5 102.62L85.3435 157.23Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M64.7985 29V89.0858H95.4808V66.6538L129 99.2103L95.4808 131.486V108.914H64.7985V169H45V29H64.7985Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/link.svg b/src/svg/static/link.svg
new file mode 100644
index 0000000..60efe5a
--- /dev/null
+++ b/src/svg/static/link.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M153 23L46 23.8102L82.474 56.2187C79.4571 59.4596 76.9726 62.1499 76.5028 62.7628C74.8743 64.8714 68.35 74.4485 66.3874 78.51C64.4353 82.5611 60.5207 92.9484 59.3724 99.6067C58.3285 105.725 58.3911 116.808 58.5581 121.514C58.7147 125.907 60.2284 134.581 61.6585 138.559C63.9447 144.885 65.2496 148.303 68.1829 152.842C71.4817 157.952 74.3733 160.809 78.9456 165.182C83.0272 169.077 101.786 178 101.786 178C98.8423 174.271 93.2992 163.551 91.9943 159.822C91.3054 157.849 89.4994 148.282 89.061 143.919C88.5703 139.047 88.2467 132.233 88.4033 127.362C88.5495 123.113 89.4681 118.958 90.5329 115.188C91.6707 111.126 95.0008 105.766 97.7045 102.037C99.8236 99.1185 102.381 96.0958 106.024 92.6264C108.676 90.0919 111.776 87.4016 114.939 85.0748L152.676 118.595L153 23Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M142 97.3531L141.958 33L77.8812 33.0416L96.5812 51.7939C95.1459 53.3133 93.1907 55.3841 92.0362 56.8306C89.1553 60.4416 87.4288 62.4189 85.6919 64.4481C84.4647 65.8842 82.967 67.7469 81.7709 69.3807C80.1173 71.6389 78.8588 73.8555 78.0164 75.3644C76.8619 77.4041 75.6659 80.1513 74.1994 83.1692C72.1609 87.3734 71.4745 90.9324 70.8817 93.3883C70.476 95.0533 69.5296 99.3303 69.1552 103.306C68.864 106.323 69.072 109.799 69.072 111.204C69.072 113.66 68.8224 116.615 69.3528 121.402C69.8416 125.783 72.4313 135.461 74.3658 139.322C75.9883 142.579 79.1708 149 79.1708 149C79.1708 149 77.4027 133.203 77.9644 125.221C78.2972 120.663 80.4085 112.911 83.0918 107.239C83.5598 106.271 83.643 105.054 85.0263 102.848C86.0975 101.162 87.5224 98.8308 88.7184 96.9368C90.9441 93.4299 95.5203 87.8313 96.6124 86.3744C98.3701 84.0329 103.477 79.3813 106.368 76.8317C107.845 75.5309 111.495 72.4714 114.616 69.8802L142 97.3531Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/ll_angle.svg b/src/svg/static/ll_angle.svg
new file mode 100644
index 0000000..2d35f1b
--- /dev/null
+++ b/src/svg/static/ll_angle.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M65.7399 95.5193L26.014 55.7719L26 174.986L145.192 175L105.48 135.267L175 65.7052L135.302 26L65.7399 95.5193Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M155 65.8242L85.5255 135.321L111.187 161L40 160.986V89.7901L65.6757 115.469L135.178 46L155 65.8242Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/lr_angle.svg b/src/svg/static/lr_angle.svg
new file mode 100644
index 0000000..dd90a0c
--- /dev/null
+++ b/src/svg/static/lr_angle.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M134.26 95.5193L173.986 55.7719L174 174.986L54.8084 175L94.5202 135.267L25 65.7052L64.6978 26L134.26 95.5193Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M45 65.8242L114.474 135.321L88.8129 161L160 160.986V89.7901L134.324 115.469L64.8218 46L45 65.8242Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/move.svg b/src/svg/static/move.svg
new file mode 100644
index 0000000..ef8628b
--- /dev/null
+++ b/src/svg/static/move.svg
@@ -0,0 +1,21 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.01">
+<path opacity="0.01" d="M180.005 16.6926H13.5V183.197H180.005V16.6926Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<rect x="13.7776" y="100.222" width="121.269" height="121.269" rx="30" transform="rotate(-45 13.7776 100.222)" fill="white"/>
+</g>
+<circle cx="98" cy="101" r="40" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="1.77759" y="4.47246" width="195.5" height="195.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/pencil.svg b/src/svg/static/pencil.svg
new file mode 100644
index 0000000..a235e3b
--- /dev/null
+++ b/src/svg/static/pencil.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path
+        d="M139.472 21L129.714 30.9195L46.5478 115.253L45.7391 116.511L45.6849 116.584C44.8413 117.932 42.8714 121.305 39.8625 127.42C36.8295 133.585 33.0882 141.992 30.0327 151.626L22 177L47.3741 168.967C57.0176 165.911 65.4184 162.169 71.5801 159.138C77.6929 156.131 81.04 154.179 82.4161 153.315L82.4879 153.26L83.7458 152.451L178 59.5282L139.472 21Z"
+        fill="white" />
+    <path
+        d="M138.342 37L135.185 40.2087L55.1074 121.42L54.8457 121.821C54.2939 122.703 52.4335 125.839 49.6315 131.535C46.8295 137.23 43.3808 145.013 40.5984 153.786L38 162L46.2136 159.402C54.9939 156.619 62.7704 153.17 68.4653 150.368C74.1602 147.567 77.2779 145.719 78.1786 145.154L78.5795 144.893L163 61.6582L138.342 37ZM63.8091 125.309L74.6909 136.191L73.1039 137.76C73.1664 137.716 69.7241 139.789 64.5241 142.347C62.6116 143.287 59.7431 144.334 57.0778 145.364L54.6364 142.922C55.6661 140.257 56.7122 137.389 57.6533 135.476C60.2122 130.275 62.274 126.852 62.2397 126.896L63.8091 125.309Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/plus.svg b/src/svg/static/plus.svg
new file mode 100644
index 0000000..47940d4
--- /dev/null
+++ b/src/svg/static/plus.svg
@@ -0,0 +1,9 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M122 180H76V20H122V180Z" fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M19 77H179V123H19V77Z" fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M110 168H88V32H110V168Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M31 89H167V111H31V89Z" fill="white" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/pointer_move.svg b/src/svg/static/pointer_move.svg
new file mode 120000
index 0000000..37362fe
--- /dev/null
+++ b/src/svg/static/pointer_move.svg
@@ -0,0 +1 @@
+move.svg
\ No newline at end of file
diff --git a/src/svg/static/question_arrow.svg b/src/svg/static/question_arrow.svg
new file mode 100644
index 0000000..1cc74ef
--- /dev/null
+++ b/src/svg/static/question_arrow.svg
@@ -0,0 +1,13 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M68.717 39.2312C75.829 33.5648 89.0203 29.0712 100.24 29.0015C118.008 28.897 127.362 34.2963 135.753 42.3664C143.828 50.1345 147.536 58.0651 146.938 70.234C146.456 80.1387 143.804 85.8864 139.849 91.2625C137.525 94.5254 133.077 98.7055 126.493 103.78L120.238 108.773C116.365 112.488 114.675 114.149 113.197 118.294C112.093 121.383 111.835 124.17 111.776 129H88.5744C88.5391 117.203 88.3514 113.034 89.6306 107.948C90.8864 103.002 95.5221 99.4254 102.106 94.3512L108.772 89.1724C110.978 87.5468 114.57 84.3653 115.908 82.4261C118.349 79.1052 119.827 74.5071 120.027 70.5243C120.215 66.7738 119.076 62.4079 115.99 58.5993C112.328 54.0708 107.739 51.1911 98.7964 51.5859C91.7431 51.8994 86.3445 55.4526 83.0467 58.8083C79.1738 62.7562 77.4838 69.3051 77.2021 74.4839H54C54.7276 57.2523 58.1546 47.638 68.717 39.2312Z"
+        stroke="white" stroke-width="15" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M85 144H115V171H85V144Z" stroke="white" stroke-width="7" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M70.8907 38.4415C79.1216 33.1024 86.7385 29 99.5395 29C118.635 29 122.957 31.8776 132.746 39.7495C141.603 46.8722 147 56.1115 147 69.2392C147 77.2894 142.702 85.9818 138.71 91.4873C136.384 94.8287 133.29 98.1463 126.665 103.355L119.438 108.943C115.895 111.726 112.376 115.935 111.207 119.645C110.475 122 110.522 127.053 110.475 132H88.5098C88.8759 121.536 88.9113 112.915 90.5055 108.92C92.0997 104.924 96.2093 100.322 102.834 95.126L109.294 89.8225C111.502 88.1578 114.903 85.6131 116.249 83.6273C118.706 80.2265 120.843 75.2917 120.843 71.2012C120.843 66.4924 121.103 63.1629 118.375 59.2864C115.186 54.7916 112.281 49.845 98.5593 49.6071C87.8721 49.4169 83.3138 54.9224 80.3497 59.6788C77.3739 64.459 76.3583 69.8813 76.3583 75.0182H53C53.744 57.372 59.3887 45.8139 70.8907 38.4415Z"
+        fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M89 146H111V168H89V146Z" fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/right_ptr.svg b/src/svg/static/right_ptr.svg
new file mode 100644
index 0000000..8dcbe1e
--- /dev/null
+++ b/src/svg/static/right_ptr.svg
@@ -0,0 +1,13 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M156 160V20L55 121.571H114.087L117.669 122.655L156 160Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M77 165.644L108.321 179L149 82.5129L116.975 69L77 165.644Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M88 159.256L104.411 166L132 101.752L115.616 95L88 159.256Z"
+        fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M147 41V138L121.183 113.152L117.461 111.947H76L147 41Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/right_side.svg b/src/svg/static/right_side.svg
new file mode 120000
index 0000000..36e195a
--- /dev/null
+++ b/src/svg/static/right_side.svg
@@ -0,0 +1 @@
+left_side.svg
\ No newline at end of file
diff --git a/src/svg/static/right_tee.svg b/src/svg/static/right_tee.svg
new file mode 100644
index 0000000..02be6ac
--- /dev/null
+++ b/src/svg/static/right_tee.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M109.657 157.23V122.45H120.332V182.5H160.5V22.5H120.332L120.332 82.56H109.657V47.89L49.5 102.62L109.657 157.23Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M130.201 30V90.0858H99.5192V67.6538L66 100.21L99.5192 132.486V109.914H130.201V170H150V30H130.201Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/sb_down_arrow.svg b/src/svg/static/sb_down_arrow.svg
new file mode 100644
index 0000000..52825d2
--- /dev/null
+++ b/src/svg/static/sb_down_arrow.svg
@@ -0,0 +1,9 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M74.3454 21L74.3333 105.526H26L98.4879 178L171 105.526H122.667V21H74.3454Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M110.631 33V117.64H142L98.5 161L55 117.64H86.3695L86.3816 33H110.631Z" fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/sb_h_double_arrow.svg b/src/svg/static/sb_h_double_arrow.svg
new file mode 100644
index 0000000..bc17a5b
--- /dev/null
+++ b/src/svg/static/sb_h_double_arrow.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M82.2222 30V82.9279H73.1467V52.3837L20 100.606L73.1467 148.731V118.081H82.2222V171H82.4H117.609V118.072H127.013V148.625L180 100.394L127.013 52.2692V82.9191H117.609V30H82.2222Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M165 100.307L135.599 71.4087V91.6188H108.856V38.1793H108.687V38H91.4986V91.7982H64.4006V71.3549L35 100.504L64.4006 129.412V109.202H91.4986V163H91.6757H108.687H108.856V109.202H135.599V129.457L165 100.307Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/sb_left_arrow.svg b/src/svg/static/sb_left_arrow.svg
new file mode 100644
index 0000000..f960fc4
--- /dev/null
+++ b/src/svg/static/sb_left_arrow.svg
@@ -0,0 +1,9 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M177 75.3454L92.4736 75.3333V27L20 99.4879L92.4736 172V123.667H177V75.3454Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M167.5 110.131H82.8599V141.5L39.5 98L82.8599 54.5V85.8695L167.5 85.8816V110.131Z" fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/sb_right_arrow.svg b/src/svg/static/sb_right_arrow.svg
new file mode 100644
index 0000000..4cb4e58
--- /dev/null
+++ b/src/svg/static/sb_right_arrow.svg
@@ -0,0 +1,9 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M20 75.3454L104.526 75.3333V27L177 99.4879L104.526 172V123.667H20V75.3454Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M29.5 110.131H114.14V141.5L157.5 98L114.14 54.5V85.8695L29.5 85.8816V110.131Z" fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/sb_up_arrow.svg b/src/svg/static/sb_up_arrow.svg
new file mode 100644
index 0000000..05c2594
--- /dev/null
+++ b/src/svg/static/sb_up_arrow.svg
@@ -0,0 +1,9 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M74.3454 178L74.3333 93.4736H26L98.4879 21L171 93.4736H122.667V178H74.3454Z" fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M110.631 170V85.3599H142L98.5 42L55 85.3599H86.3695L86.3816 170H110.631Z" fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/sb_v_double_arrow.svg b/src/svg/static/sb_v_double_arrow.svg
new file mode 100644
index 0000000..68e65e2
--- /dev/null
+++ b/src/svg/static/sb_v_double_arrow.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M29.5 118.278H82.4279V127.353H51.8837L100.106 180.5L148.231 127.353H117.581V118.278H170.5V82.8911H117.572V73.4867H148.125L99.8943 20.5L51.7692 73.4867H82.4191V82.8911H29.5V118.278Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M99.8072 35.5L70.9087 64.9005H91.1188V91.6444H37.6793V91.8127H37.5V109.001H91.2982V136.099H70.8549L100.004 165.5L128.912 136.099H108.702V109.001H162.5V91.6444H108.702V64.9005H128.957L99.8072 35.5Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/tcross.svg b/src/svg/static/tcross.svg
new file mode 120000
index 0000000..e0b26b0
--- /dev/null
+++ b/src/svg/static/tcross.svg
@@ -0,0 +1 @@
+cross.svg
\ No newline at end of file
diff --git a/src/svg/static/top_left_corner.svg b/src/svg/static/top_left_corner.svg
new file mode 120000
index 0000000..a3a3e2d
--- /dev/null
+++ b/src/svg/static/top_left_corner.svg
@@ -0,0 +1 @@
+bottom_right_corner.svg
\ No newline at end of file
diff --git a/src/svg/static/top_right_corner.svg b/src/svg/static/top_right_corner.svg
new file mode 120000
index 0000000..acc15d0
--- /dev/null
+++ b/src/svg/static/top_right_corner.svg
@@ -0,0 +1 @@
+bottom_left_corner.svg
\ No newline at end of file
diff --git a/src/svg/static/top_side.svg b/src/svg/static/top_side.svg
new file mode 100644
index 0000000..b8666bc
--- /dev/null
+++ b/src/svg/static/top_side.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M98.985 181H99.035L158.99 121.019L119.003 121.009V80.8112H159L98.995 21L39.01 80.8112L79.1966 80.8012L79.2167 121.019L39 121.009L98.985 181ZM99.015 166.887L63.138 131.011L89.0058 131.021V70.7993H63.158L99.015 35.1426L134.862 70.7893L109.014 70.7993L109.004 131.011L134.862 131.021L99.015 166.887Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M109.043 70.7258H135L99.005 35L63.0201 70.7258H89.1681V131.064H63L99.005 167L135 131.064H109.033L109.043 70.7258Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/top_tee.svg b/src/svg/static/top_tee.svg
new file mode 100644
index 0000000..7c4d899
--- /dev/null
+++ b/src/svg/static/top_tee.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M44.27 90.8435H79.05V80.1683H19V40H179V80.1683H118.94V90.8435H153.61L98.88 151L44.27 90.8435Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M169 69.7985H108.914V100.481H131.346L98.7897 134L66.5136 100.481H89.0858V69.7985H29V50H169V69.7985Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/ul_angle.svg b/src/svg/static/ul_angle.svg
new file mode 100644
index 0000000..9d531e2
--- /dev/null
+++ b/src/svg/static/ul_angle.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M64.7399 105.481L25.014 145.228L25 26.014L144.192 26L104.48 65.7333L174 135.295L134.302 175L64.7399 105.481Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M156 136.176L86.5255 66.6788L112.187 41L41 41.0141V112.21L66.6757 86.5311L136.178 156L156 136.176Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/ur_angle.svg b/src/svg/static/ur_angle.svg
new file mode 100644
index 0000000..622007d
--- /dev/null
+++ b/src/svg/static/ur_angle.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M134.26 105.481L173.986 145.228L174 26.014L54.8084 26L94.5202 65.7333L25 135.295L64.6978 175L134.26 105.481Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M43 136.176L112.474 66.6788L86.8129 41L158 41.0141V112.21L132.324 86.5311L62.8218 156L43 136.176Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/vertical_text.svg b/src/svg/static/vertical_text.svg
new file mode 100644
index 0000000..f6cbc71
--- /dev/null
+++ b/src/svg/static/vertical_text.svg
@@ -0,0 +1,7 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<path d="M32.5 112.5C29.7386 112.5 27.5 110.261 27.5 107.5V91.5C27.5 88.7386 29.7386 86.5 32.5 86.5H169.5C172.261 86.5 174.5 88.7386 174.5 91.5V107.5C174.5 110.261 172.261 112.5 169.5 112.5H32.5Z" fill="white"/>
+<path d="M39 107C36.2386 107 34 104.761 34 102V99C34 96.2386 36.2386 94 39 94H164C166.761 94 169 96.2386 169 99V102C169 104.761 166.761 107 164 107H39Z" fill="#4285F4"/>
+</svg>
diff --git a/src/svg/static/wayland_cursor.svg b/src/svg/static/wayland_cursor.svg
new file mode 100644
index 0000000..8be0097
--- /dev/null
+++ b/src/svg/static/wayland_cursor.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path
+        d="M175.736 100C175.736 140.884 142.619 174 101.736 174C60.8522 174 27.7358 140.884 27.7358 100C27.7358 59.1164 60.8522 26 101.736 26C142.619 26 175.736 59.1766 175.736 100Z"
+        fill="black" />
+    <path
+        d="M141.007 27.3281H142.271L141.447 28.3103H140.952V27.3281H141.007ZM45.9199 29.6853V30.7985L42.8419 35.251H42.3472L41.8526 31.7806C43.7213 30.4056 45.0405 29.6853 45.9199 29.6853ZM157.222 31.2568C159.86 31.2568 161.344 33.2866 161.674 37.2808L159.42 56.1385H160.245L162.003 54.7634H162.498V55.1563C160.08 56.9242 157.716 61.7696 155.463 69.6924C154.583 76.5021 153.154 82.788 151.121 88.5501C149.307 94.5086 148.427 100.009 148.427 105.051L145.02 115.003C145.02 115.854 146.284 116.706 148.867 117.491C148.372 119.456 147.713 120.438 146.778 120.438V121.027H147.603V121.42C147.603 122.468 146.284 122.926 143.591 122.926L144.085 123.515V125.48H143.261C143.81 127.444 144.965 128.426 146.778 128.426V129.408H143.261V129.998C144.415 129.998 145.02 130.849 145.02 132.486L140.073 134.45L140.568 135.039V135.432C140.568 136.087 139.963 136.415 138.809 136.415V137.004C140.293 137.004 141.062 137.331 141.062 137.986C138.974 138.837 136.17 142.962 132.708 150.427C129.19 157.04 126.112 160.379 123.529 160.379H122.594C120.616 158.873 119.022 153.963 117.758 145.581C112.756 132.813 110.228 125.283 110.228 123.057C110.228 117.295 108.634 111.14 105.391 104.592C104.511 101.711 103.962 98.0444 103.632 93.6574L101.543 93.0681C96.2118 102.693 93.4636 110.158 93.1888 115.593C91.7047 118.735 90.5505 122.599 89.6711 127.051C92.859 128.099 94.5079 129.081 94.5079 129.998V130.587C91.9795 130.194 90.2207 129.539 89.2314 128.492C88.1321 130.98 86.703 137.986 84.8892 149.445C83.4602 154.748 81.7013 157.433 79.6127 157.433C73.6766 155.076 68.6749 151.278 64.7175 145.974C64.1129 145.974 63.0686 143.29 61.6395 137.986C60.7601 137.986 60.2105 135.301 59.8807 129.998C56.9127 122.468 54.879 113.825 53.7797 104.134V89.5977H53.285L51.1964 90.187V89.5977C51.1964 88.9429 51.9109 88.6156 53.285 88.6156L52.7904 80.2344V73.6866L49.3826 52.7336V43.7631C50.8666 38.1975 53.4499 35.3819 57.1325 35.3819H81.8112V36.3641C79.8325 36.4296 78.5134 36.9534 77.7989 37.8701C76.3149 36.8224 74.8858 36.3641 73.4568 36.3641H68.6199L65.9267 36.757L65.432 36.3641H65.1023L61.5846 36.757L59.8257 36.3641L58.5616 36.757L57.1325 36.3641C62.8487 43.8286 66.2015 50.1145 67.2458 55.2218H71.2582V56.2039H68.1802V57.3171C69.3345 61.6386 70.2139 63.7339 70.7635 63.7339H71.6979L73.7865 63.1446L74.2812 63.7339L74.7759 63.1446L75.2706 63.7339V64.1268C73.7316 65.2399 72.6323 66.8114 72.0827 68.7102H71.7529V69.6924H72.5773C73.6766 85.2762 75.7103 97.0622 78.6783 105.051L80.4371 106.426H81.3715C82.5258 106.426 84.9991 100.991 88.7916 90.0561C91.2101 85.1452 92.9689 80.7582 94.0682 77.026L93.5735 75.5199C95.9919 71.8532 98.5202 70.0853 101.104 70.0853H101.928C103.577 70.0853 104.731 71.1329 105.446 73.1628C107.644 76.2402 109.403 80.8237 110.722 86.9786L117.318 101.515C118.197 102.562 118.582 103.675 118.582 104.985C121 110.485 123.199 114.152 125.178 115.92H126.607C128.256 115.92 130.454 109.11 133.202 95.4907C133.697 95.4907 134.961 91.824 137.05 84.5559V83.9666L129.63 82.9845L127.871 83.5738H125.617V82.4606L130.069 82.0677H138.754C142.107 70.0198 145.184 60.7219 148.043 54.1086C148.977 40.4892 150.296 33.6795 151.89 33.6795L157.222 31.2568ZM132.213 32.7628C131.718 34.0724 130.729 34.7271 129.135 34.7271V33.745L132.213 32.7628ZM87.9122 35.3164H99.7844V36.2986L97.0912 36.6915L94.5079 36.2986L92.2544 37.2808L91.4299 36.2986H87.9122V35.3164ZM26.1879 37.2153H27.4521L28.2765 38.1975V38.7868L25.6932 41.7333V44.2215H24.7588V42.7155L25.2535 42.3226V41.7333L23 39.2451C23.5496 37.8701 24.594 37.2153 26.1879 37.2153ZM112.481 43.2393H113.745V43.6322C113.745 44.2869 113.306 44.6143 112.481 44.6143L111.986 45.2036V45.7929L110.722 45.2036V44.2215L112.481 43.2393ZM105.885 48.7394V49.3287C105.885 50.049 104.017 50.8347 100.224 51.6859V50.7038L102.807 49.3287L103.302 49.7216H103.632L105.885 48.7394ZM29.2109 53.7812V54.1741L28.2765 55.1563L27.9467 54.7634V54.1741L28.2765 53.7812H29.2109ZM93.1888 53.7812V54.1741C91.5398 55.6801 88.9016 56.9897 85.219 58.2337V57.2516C85.8236 57.2516 86.1534 56.7278 86.1534 55.7456L93.1888 53.7812ZM115.504 58.6266L115.999 59.2159V59.6088L115.174 60.7219H114.68L113.745 59.6088V59.2159L115.504 58.6266ZM131.718 59.2159H132.213V59.6088L131.389 60.7219H130.894V60.1326L131.718 59.2159ZM124.298 66.2221L126.057 67.5971C125.727 68.6448 124.903 69.1031 123.474 69.1031L122.539 67.5971C122.539 67.1388 123.144 66.6804 124.298 66.2221ZM134.906 72.6389L135.236 73.2282V73.6211L134.906 74.2104H133.972V73.6211L134.906 72.6389ZM118.197 77.6807V78.0736L115.944 80.1689H114.68V79.5796C114.68 78.7939 115.889 78.1391 118.197 77.6807ZM45.4252 97.1277H45.9199V97.5206C44.7657 100.598 43.7213 102.431 42.8419 103.086H41.9075V100.991L45.4252 97.1277ZM102.862 120.438H103.357V121.42L99.8394 123.515L99.3447 122.926V121.944L102.862 120.438ZM54.6042 127.051H55.4286L56.8577 132.486H55.9233L54.6591 127.444L54.6042 127.051ZM101.543 133.468H101.873L103.302 134.974L102.807 135.367H102.313L101.488 133.992L101.543 133.468Z"
+        fill="white" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/x_cursor.svg b/src/svg/static/x_cursor.svg
new file mode 100644
index 0000000..c92c5ab
--- /dev/null
+++ b/src/svg/static/x_cursor.svg
@@ -0,0 +1,8 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path
+        d="M36.6456 76.0589L61.166 100.641L36.6658 124.924L36.6557 124.934L36.6456 124.945C30.4514 131.154 30.4516 141.143 36.6456 147.352L36.6631 147.37L36.6807 147.387L52.9283 163.357C59.1306 169.554 69.1016 169.548 75.2962 163.337L99.5202 139.052L124.023 163.337C124.027 163.341 124.03 163.345 124.034 163.349C130.236 169.554 140.213 169.55 146.41 163.337L162.355 147.352C168.549 141.143 168.548 131.154 162.355 124.945L162.355 124.945L138.113 100.641L162.355 76.0588C162.358 76.0549 162.362 76.051 162.366 76.0471C168.548 69.8367 168.545 59.8569 162.355 53.651L146.41 37.666C140.212 31.4527 130.235 31.4493 124.033 37.6555C124.03 37.659 124.026 37.6625 124.023 37.666L99.5202 61.9513L75.2962 37.666C72.2114 34.5733 68.1694 33 64.1027 33C60.0445 33 56.0106 34.5668 52.9283 37.6469L36.6807 53.6162L36.6631 53.6335L36.6456 53.651C30.4515 59.8608 30.4515 69.8491 36.6456 76.0589Z"
+        fill="black" stroke="white" stroke-width="10" stroke-miterlimit="10" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/xterm.svg b/src/svg/static/xterm.svg
new file mode 100644
index 0000000..70c397a
--- /dev/null
+++ b/src/svg/static/xterm.svg
@@ -0,0 +1,7 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<rect x="86" y="25" width="26" height="147" rx="5" fill="white"/>
+<path d="M93 37C93 34.2386 95.2386 32 98 32H101C103.761 32 106 34.2386 106 37V162C106 164.761 103.761 167 101 167H98C95.2386 167 93 164.761 93 162V37Z" fill="#4285F4"/>
+</svg>
diff --git a/src/svg/static/zoom_in.svg b/src/svg/static/zoom_in.svg
new file mode 100644
index 0000000..82e9d83
--- /dev/null
+++ b/src/svg/static/zoom_in.svg
@@ -0,0 +1,15 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z"
+        stroke="black" stroke-width="7" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M108 67H88V48H68V67H48V85.81H68V105H88V85.81H108V67Z"
+        fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M162.196 171L176 157.814L122.804 107L109 120.186L162.196 171Z"
+        fill="black" />
+</svg>
\ No newline at end of file
diff --git a/src/svg/static/zoom_out.svg b/src/svg/static/zoom_out.svg
new file mode 100644
index 0000000..6f62b66
--- /dev/null
+++ b/src/svg/static/zoom_out.svg
@@ -0,0 +1,14 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.01">
+        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
+    </g>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z"
+        fill="white" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z"
+        stroke="black" stroke-width="7" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M108 86H48V68H108V86Z" fill="black" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M164.784 176L179 162.196L124.216 109L110 122.804L164.784 176Z"
+        fill="black" />
+</svg>
\ No newline at end of file

From 78f5e0e45e3ab7625de3eb93b67bb29856d21b58 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sun, 25 Oct 2020 19:09:44 +0530
Subject: [PATCH 12/33] =?UTF-8?q?=F0=9F=92=85=F0=9F=8F=BB=20New=20static?=
 =?UTF-8?q?=20cursors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/svg/static/bottom_left_corner.svg  | 32 +++++++++----
 src/svg/static/bottom_right_corner.svg | 32 +++++++++----
 src/svg/static/bottom_tee.svg          | 31 ++++++++----
 src/svg/static/circle.svg              | 43 +++++++++--------
 src/svg/static/context_menu.svg        | 39 +++++++++-------
 src/svg/static/copy.svg                | 65 ++++++++++++++------------
 src/svg/static/dnd_no_drop.svg         | 26 ++++++-----
 src/svg/static/hand1.svg               |  6 +--
 src/svg/static/hand2.svg               |  6 +--
 src/svg/static/left_tee.svg            | 31 ++++++++----
 src/svg/static/link.svg                | 32 +++++++++----
 src/svg/static/ll_angle.svg            | 30 ++++++++----
 src/svg/static/lr_angle.svg            | 30 ++++++++----
 src/svg/static/pencil.svg              | 30 ++++++++----
 src/svg/static/right_tee.svg           | 36 ++++++++++----
 src/svg/static/sb_down_arrow.svg       | 33 +++++++++----
 src/svg/static/sb_h_double_arrow.svg   | 32 +++++++++----
 src/svg/static/sb_left_arrow.svg       | 33 +++++++++----
 src/svg/static/sb_right_arrow.svg      | 33 +++++++++----
 src/svg/static/sb_up_arrow.svg         | 33 +++++++++----
 src/svg/static/sb_v_double_arrow.svg   | 32 +++++++++----
 src/svg/static/top_tee.svg             | 31 ++++++++----
 src/svg/static/ul_angle.svg            | 30 ++++++++----
 src/svg/static/ur_angle.svg            | 30 ++++++++----
 src/svg/static/vertical_text.svg       |  4 +-
 src/svg/static/wayland_cursor.svg      | 16 +++----
 src/svg/static/x_cursor.svg            | 12 ++---
 src/svg/static/xterm.svg               |  4 +-
 src/svg/static/zoom_in.svg             | 35 ++++++++------
 src/svg/static/zoom_out.svg            | 34 ++++++++------
 30 files changed, 556 insertions(+), 305 deletions(-)

diff --git a/src/svg/static/bottom_left_corner.svg b/src/svg/static/bottom_left_corner.svg
index 1079273..ecc4ea4 100644
--- a/src/svg/static/bottom_left_corner.svg
+++ b/src/svg/static/bottom_left_corner.svg
@@ -1,11 +1,23 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M122.166 100.748L87.776 135.701L111.668 160L40.1098 159.888L40 87.1116L63.9936 111.531L98.4088 76.5774L110.351 64.4193L86.3318 40H158V112.897L134.099 88.6066L122.166 100.748Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M113.333 97.7204L75.6191 135.422L91.1922 151L48.1193 150.864L48 107.793L63.6923 123.482L101.415 85.7981L122.492 64.7061L106.782 49H150V92.2151L134.41 76.6369L113.333 97.7204Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M51.2829 157.048C47.1164 157.054 43.7436 153.681 43.7495 149.515L43.822 98.2155C43.8227 97.776 43.8608 97.3452 43.9336 96.9262C45.8087 67.3302 70.4236 43.8612 100.479 43.8187C131.727 43.7746 157.023 69.0705 156.979 100.319C156.936 130.374 133.467 154.989 103.871 156.864C103.452 156.937 103.022 156.975 102.582 156.975L51.2829 157.048Z" fill="white"/>
+<path d="M149.515 43.7495C153.681 43.7436 157.054 47.1164 157.048 51.2828L156.976 102.582C156.975 103.021 156.937 103.452 156.864 103.871C154.989 133.467 130.374 156.936 100.319 156.979C69.0705 157.023 43.7746 131.727 43.8188 100.479C43.8613 70.4235 67.3303 45.8086 96.9263 43.9335C97.3453 43.8608 97.7761 43.8226 98.2156 43.822L149.515 43.7495Z" fill="white"/>
+</g>
+<path d="M68.6493 137.515C65.9372 137.539 63.7584 135.36 63.7827 132.648L64.0819 99.2556C64.0845 98.9695 64.1115 98.6889 64.1609 98.4158C65.5268 79.1417 81.6648 63.744 101.229 63.5687C121.569 63.3864 137.911 79.728 137.729 100.069C137.553 119.633 122.156 135.771 102.882 137.137C102.609 137.186 102.328 137.213 102.042 137.216L68.6493 137.515Z" fill="#4285F4"/>
+<path d="M133.148 63.2827C135.86 63.2584 138.039 65.4372 138.015 68.1493L137.716 101.542C137.713 101.828 137.686 102.109 137.637 102.382C136.271 121.656 120.133 137.053 100.569 137.229C80.228 137.411 63.8864 121.069 64.0687 100.729C64.244 81.1648 79.6417 65.0268 98.9158 63.6608C99.1889 63.6115 99.4695 63.5845 99.7556 63.5819L133.148 63.2827Z" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="31.7495" y="33.7495" width="137.299" height="137.299" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/bottom_right_corner.svg b/src/svg/static/bottom_right_corner.svg
index 61cf654..cecac38 100644
--- a/src/svg/static/bottom_right_corner.svg
+++ b/src/svg/static/bottom_right_corner.svg
@@ -1,11 +1,23 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M88.776 56.299L112.668 32L41.1098 32.1117L41 104.888L64.9936 80.4691L99.4088 115.423L111.351 127.581L87.3318 152H159V79.103L135.099 103.393L88.776 56.299Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M76.6191 56.5782L92.1922 41L49.1193 41.1363L49 84.2066L64.6923 68.5176L123.492 127.294L107.782 143H151V99.7849L135.41 115.363L76.6191 56.5782Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M156.299 148.765C156.304 152.932 152.932 156.304 148.765 156.299L97.466 156.226C97.0265 156.225 96.5958 156.187 96.1768 156.115C66.5808 154.239 43.1118 129.624 43.0693 99.5693C43.0251 68.321 68.321 43.0251 99.5693 43.0693C129.624 43.1118 154.239 66.5808 156.115 96.1768C156.187 96.5958 156.225 97.0265 156.226 97.466L156.299 148.765Z" fill="white"/>
+<path d="M43 50.5333C42.9941 46.3669 46.3669 42.9941 50.5333 43L101.833 43.0725C102.272 43.0731 102.703 43.1113 103.122 43.184C132.718 45.0592 156.187 69.6741 156.229 99.7293C156.273 130.978 130.978 156.273 99.7293 156.229C69.6741 156.187 45.0592 132.718 43.184 103.122C43.1113 102.703 43.0731 102.272 43.0725 101.833L43 50.5333Z" fill="white"/>
+</g>
+<path d="M137.265 131.899C137.29 134.611 135.111 136.79 132.399 136.765L99.0061 136.466C98.7201 136.464 98.4395 136.437 98.1664 136.387C78.8922 135.021 63.4946 118.883 63.3192 99.3192C63.137 78.9785 79.4786 62.6369 99.8192 62.8192C119.383 62.9945 135.521 78.3922 136.887 97.6664C136.937 97.9395 136.964 98.22 136.966 98.5061L137.265 131.899Z" fill="#4285F4"/>
+<path d="M63.0332 67.3999C63.0089 64.6878 65.1878 62.5089 67.8999 62.5332L101.292 62.8325C101.579 62.835 101.859 62.862 102.132 62.9114C121.406 64.2774 136.804 80.4153 136.979 99.9794C137.162 120.32 120.82 136.662 100.479 136.479C80.9153 136.304 64.7774 120.906 63.4114 101.632C63.362 101.359 63.335 101.079 63.3325 100.792L63.0332 67.3999Z" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="31" y="33" width="137.299" height="137.299" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/bottom_tee.svg b/src/svg/static/bottom_tee.svg
index 306233b..f6dc412 100644
--- a/src/svg/static/bottom_tee.svg
+++ b/src/svg/static/bottom_tee.svg
@@ -1,11 +1,22 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M44.27 107.157H79.05V117.832H19V158H179V117.832H118.94V107.157H153.61L98.88 47L44.27 107.157Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M169 128.201H108.914V97.5192H131.346L98.7897 64L66.5136 97.5192H89.0858V128.201H29V148H169V128.201Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M33 101.715C33 92.5288 40.4992 85.0822 49.75 85.0822H150.25C159.501 85.0822 167 92.5288 167 101.715V108.368C167 117.553 159.501 125 150.25 125H49.75C40.4992 125 33 117.553 33 108.368V101.715Z" fill="#4285F4"/>
+<path d="M90.52 63.4944C94.6869 56.1685 105.313 56.1685 109.48 63.4944L123.465 88.0817C127.564 95.2886 122.321 104.209 113.985 104.209H86.0149C77.6795 104.209 72.4358 95.2886 76.535 88.0817L90.52 63.4944Z" fill="#4285F4"/>
+<path d="M72.4246 75.0822H49.75C35.0429 75.0822 23 86.9396 23 101.715V108.368C23 123.143 35.0429 135 49.75 135H150.25C164.957 135 177 123.143 177 108.368V101.715C177 86.9396 164.957 75.0822 150.25 75.0822H127.575L118.172 58.5503C110.171 44.4832 89.829 44.4832 81.8278 58.5503L72.4246 75.0822Z" stroke="white" stroke-width="20"/>
+</g>
+<defs>
+<filter id="filter0_d" x="1" y="28" width="198" height="131" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/circle.svg b/src/svg/static/circle.svg
index 903dc11..9392cf4 100644
--- a/src/svg/static/circle.svg
+++ b/src/svg/static/circle.svg
@@ -1,21 +1,24 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M46 133.5C46 158.626 66.3739 179 91.5 179C116.626 179 137 158.626 137 133.5C137 108.369 116.626 88 91.5 88C66.3739 88 46 108.369 46 133.5Z"
-        fill="url(#paint0_linear)" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M41 100V20L100 78.0406H64.1602L63.3916 78.66L41 100Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M98.7029 133.5L109.506 122.697C111.498 120.705 111.498 117.481 109.506 115.49C107.52 113.503 104.296 113.503 102.304 115.49L91.5006 126.298L80.6921 115.49C78.7056 113.503 75.4814 113.503 73.4899 115.49C71.5034 117.481 71.5034 120.705 73.4899 122.697L84.2984 133.5L73.4899 144.303C71.5034 146.295 71.5034 149.519 73.4899 151.51C75.4814 153.497 78.7056 153.497 80.6921 151.51L91.5006 140.702L102.304 151.51C104.296 153.497 107.52 153.497 109.506 151.51C111.498 149.519 111.498 146.295 109.506 144.303L98.7029 133.5Z"
-        fill="#5A5A5A" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M46 32V88L60.9086 73.6546L61.7121 72.9589H87L46 32Z"
-        fill="black" />
-    <defs>
-        <linearGradient id="paint0_linear" x1="91.5" y1="88" x2="91.5" y2="179" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#F0F0F0" />
-            <stop offset="1" stop-color="#D5D5D5" />
-        </linearGradient>
-    </defs>
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<circle cx="100" cy="100" r="75" fill="white"/>
+</g>
+<circle cx="100" cy="100" r="52" fill="#FC3C36"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M78 91.6087C78 86.406 82.2782 82.1884 87.5556 82.1884H111.444C116.722 82.1884 121 86.406 121 91.6087V124.58C121 129.782 116.722 134 111.444 134H87.5556C82.2782 134 78 129.782 78 124.58V91.6087ZM87.5556 91.6087H94.2444V123.638H87.5556V91.6087ZM112.4 91.6087H105.711V123.638H112.4V91.6087Z" fill="white"/>
+<path d="M78 76.5362C78 74.4552 79.7113 72.7681 81.8222 72.7681H117.178C119.289 72.7681 121 74.4552 121 76.5362C121 78.6173 119.289 80.3043 117.178 80.3043H81.8222C79.7113 80.3043 78 78.6173 78 76.5362Z" fill="white"/>
+<path d="M89.4667 72.7681C89.4667 70.687 91.1779 69 93.2889 69H105.711C107.822 69 109.533 70.687 109.533 72.7681C109.533 74.8492 107.822 76.5362 105.711 76.5362H93.2889C91.1779 76.5362 89.4667 74.8492 89.4667 72.7681Z" fill="white"/>
+<defs>
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/context_menu.svg b/src/svg/static/context_menu.svg
index e326ad2..43e14f9 100644
--- a/src/svg/static/context_menu.svg
+++ b/src/svg/static/context_menu.svg
@@ -1,17 +1,24 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M96 169.389V174H173V87H96V90.7149V169.389Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M105 165.765L74.1137 179L34 83.3901L65.5803 70L105 165.765Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M27 160V22L127 122.12H68.4977L64.9519 123.189L27 160Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M156.286 122.875H112.714V114.25H156.286V122.875ZM156.286 140.125H112.714V131.5H156.286V140.125ZM156.286 157.375H112.714V148.75H156.286V157.375ZM104 166H165V97H104V166Z"
-        fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M93 160.351L77.3349 167L51 103.657L66.6396 97L93 160.351Z"
-        fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M35 44V139L60.4538 114.664L64.1231 113.484H105L35 44Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<circle cx="96" cy="100" r="75" fill="white"/>
+</g>
+<circle cx="96" cy="100" r="52" fill="#4285F4"/>
+<rect x="60" y="91" width="18" height="18" rx="9" fill="white"/>
+<rect x="87" y="91" width="18" height="18" rx="9" fill="white"/>
+<rect x="114" y="91" width="18" height="18" rx="9" fill="white"/>
+<defs>
+<filter id="filter0_d" x="9" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/copy.svg b/src/svg/static/copy.svg
index 5390c7d..1387ec4 100644
--- a/src/svg/static/copy.svg
+++ b/src/svg/static/copy.svg
@@ -1,32 +1,35 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M46 133.5C46 158.626 66.3739 179 91.5 179C116.626 179 137 158.626 137 133.5C137 108.369 116.626 88 91.5 88C66.3739 88 46 108.369 46 133.5Z"
-        fill="url(#paint0_linear)" />
-    <g filter="url(#filter0_d)">
-        <path d="M113 129H72V139H113V129Z" fill="white" />
-        <path d="M97.625 114H87.375V154H97.625V114Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M41 100V20L100 78.0406H64.1602L63.3916 78.66L41 100Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M46 32V88L60.9086 73.6546L61.7121 72.9589H87L46 32Z"
-        fill="black" />
-    <defs>
-        <filter id="filter0_d" x="68" y="114" width="49" height="48" filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
-            <feOffset dy="4" />
-            <feGaussianBlur stdDeviation="2" />
-            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" />
-            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
-            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
-        </filter>
-        <linearGradient id="paint0_linear" x1="91.5" y1="88" x2="91.5" y2="179" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#1A331A" />
-            <stop offset="1" stop-color="#85C340" />
-        </linearGradient>
-    </defs>
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<circle cx="93" cy="104" r="75" fill="white"/>
+</g>
+<circle cx="93" cy="104" r="52" fill="#4285F4"/>
+<path d="M94.5234 77.9289C92.648 76.0536 90.1045 75 87.4523 75H77C71.4772 75 67 79.4772 67 85V118C67 123.523 71.4772 128 77 128H100C105.523 128 110 123.523 110 118V97.5477C110 94.8955 108.946 92.352 107.071 90.4766L94.5234 77.9289Z" fill="white" fill-opacity="0.5"/>
+<g filter="url(#filter1_d)">
+<path d="M102.523 83.9289C100.648 82.0536 98.1045 81 95.4523 81H85C79.4772 81 75 85.4772 75 91V124C75 129.523 79.4772 134 85 134H108C113.523 134 118 129.523 118 124V103.548C118 100.896 116.946 98.352 115.071 96.4766L102.523 83.9289Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d" x="6" y="19" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<filter id="filter1_d" x="63" y="71" width="67" height="77" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/dnd_no_drop.svg b/src/svg/static/dnd_no_drop.svg
index e22810c..f636fbe 100644
--- a/src/svg/static/dnd_no_drop.svg
+++ b/src/svg/static/dnd_no_drop.svg
@@ -1,20 +1,22 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M45.7144 99.5537V8.03943L111.949 74.4337H71.7144L70.8515 75.1423L45.7144 99.5537Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M51.4287 21.7943V85.7257L68.3944 69.3486L69.3087 68.5543H98.0859L51.4287 21.7943Z" fill="black"/>
 <g opacity="0.01">
 <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
 </g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M102.857 174.286C82.3772 174.286 65.7144 157.623 65.7144 137.143C65.7144 130.171 67.6401 123.48 71.3144 117.594L122.406 168.686C116.52 172.36 109.829 174.286 102.857 174.286ZM83.4687 105.503C89.3144 101.891 95.9544 100 102.857 100C123.337 100 140 116.663 140 137.143C140 144.046 138.109 150.686 134.497 156.531L83.4687 105.503ZM102.857 82.8571C72.9258 82.8571 48.5715 107.211 48.5715 137.143C48.5715 167.074 72.9258 191.429 102.857 191.429C132.789 191.429 157.143 167.074 157.143 137.143C157.143 107.211 132.789 82.8571 102.857 82.8571Z" fill="white"/>
-<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="51" y="85" width="104" height="104">
-<path d="M51.4285 137.143C51.4285 165.543 74.457 188.571 102.857 188.571C131.257 188.571 154.286 165.543 154.286 137.143C154.286 108.737 131.257 85.7143 102.857 85.7143C74.457 85.7143 51.4285 108.737 51.4285 137.143ZM79.0056 105.086C85.6742 100.12 93.9085 97.1429 102.857 97.1429C124.948 97.1429 142.857 115.051 142.857 137.143C142.857 146.097 139.886 154.331 134.914 160.994L79.0056 105.086ZM62.857 137.143C62.857 128.126 65.8799 119.834 70.9085 113.149L126.851 169.091C120.16 174.126 111.868 177.143 102.857 177.143C80.7656 177.143 62.857 159.234 62.857 137.143Z" fill="white"/>
-</mask>
-<g mask="url(#mask0)">
-<path d="M51.4285 137.143C51.4285 165.543 74.457 188.571 102.857 188.571C131.257 188.571 154.286 165.543 154.286 137.143C154.286 108.737 131.257 85.7143 102.857 85.7143C74.457 85.7143 51.4285 108.737 51.4285 137.143ZM79.0056 105.086C85.6742 100.12 93.9085 97.1429 102.857 97.1429C124.948 97.1429 142.857 115.051 142.857 137.143C142.857 146.097 139.886 154.331 134.914 160.994L79.0056 105.086ZM62.857 137.143C62.857 128.126 65.8799 119.834 70.9085 113.149L126.851 169.091C120.16 174.126 111.868 177.143 102.857 177.143C80.7656 177.143 62.857 159.234 62.857 137.143Z" fill="url(#paint0_linear)"/>
+<g filter="url(#filter0_d)">
+<circle cx="100" cy="100" r="75" fill="white"/>
 </g>
+<circle cx="100" cy="100" r="52" fill="#4285F4"/>
+<path d="M109.546 75.3977C113.842 71.102 120.807 71.102 125.102 75.3977C129.398 79.6935 129.398 86.6583 125.102 90.9541L90.4541 125.602C86.1583 129.898 79.1935 129.898 74.8977 125.602C70.602 121.307 70.602 114.342 74.8977 110.046L109.546 75.3977Z" fill="white"/>
 <defs>
-<linearGradient id="paint0_linear" x1="102.857" y1="85.7143" x2="102.857" y2="188.571" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F0F0F0"/>
-<stop offset="1" stop-color="#D5D5D5"/>
-</linearGradient>
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
 </defs>
 </svg>
diff --git a/src/svg/static/hand1.svg b/src/svg/static/hand1.svg
index 20540a7..1b65ca7 100644
--- a/src/svg/static/hand1.svg
+++ b/src/svg/static/hand1.svg
@@ -3,11 +3,11 @@
 <path opacity="0.01" d="M172.875 29H22.125V179H172.875V29Z" fill="white"/>
 </g>
 <g filter="url(#filter0_d)">
-<rect x="25" y="29" width="151" height="143" rx="39" fill="white"/>
+<rect x="22" y="28" width="151" height="145" rx="30" fill="#4285F4"/>
 </g>
-<rect x="49" y="52" width="103" height="97" rx="20" fill="#00D763"/>
+<rect x="53" y="58" width="89" height="85" rx="39" fill="white"/>
 <defs>
-<filter id="filter0_d" x="13" y="19" width="175" height="167" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_d" x="10" y="18" width="175" height="169" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
 <feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
diff --git a/src/svg/static/hand2.svg b/src/svg/static/hand2.svg
index 06f5882..172f354 100644
--- a/src/svg/static/hand2.svg
+++ b/src/svg/static/hand2.svg
@@ -3,11 +3,11 @@
 <path opacity="0.01" d="M175 25H25V175H175V25Z" fill="white"/>
 </g>
 <g filter="url(#filter0_d)">
-<rect x="50" y="52" width="101" height="97" rx="25" fill="white"/>
+<circle cx="100" cy="100" r="75" fill="#4285F4"/>
 </g>
-<rect x="71" y="72" width="59" height="57" rx="28.5" fill="#4285F4"/>
+<circle cx="100" cy="100" r="39" fill="white"/>
 <defs>
-<filter id="filter0_d" x="38" y="42" width="125" height="121" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
 <feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
diff --git a/src/svg/static/left_tee.svg b/src/svg/static/left_tee.svg
index f704d0e..c14a78d 100644
--- a/src/svg/static/left_tee.svg
+++ b/src/svg/static/left_tee.svg
@@ -1,11 +1,22 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M85.3435 157.23V122.45H74.6683V182.5H34.5V22.5H74.6683V82.56H85.3435V47.89L145.5 102.62L85.3435 157.23Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M64.7985 29V89.0858H95.4808V66.6538L129 99.2103L95.4808 131.486V108.914H64.7985V169H45V29H64.7985Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M103.285 32C112.471 32 119.918 39.4992 119.918 48.75V149.25C119.918 158.501 112.471 166 103.285 166H96.6324C87.4466 166 80 158.501 80 149.25V48.75C80 39.4992 87.4466 32 96.6324 32H103.285Z" fill="#4285F4"/>
+<path d="M141.506 89.5201C148.831 93.6869 148.831 104.313 141.506 108.48L116.918 122.465C109.711 126.564 100.791 121.321 100.791 112.985V85.0149C100.791 76.6795 109.711 71.4358 116.918 75.535L141.506 89.5201Z" fill="#4285F4"/>
+<path d="M129.918 71.4246V48.75C129.918 34.0429 118.06 22 103.285 22H96.6324C81.8575 22 70 34.0429 70 48.75V149.25C70 163.957 81.8575 176 96.6324 176H103.285C118.06 176 129.918 163.957 129.918 149.25V126.575L146.45 117.172C160.517 109.171 160.517 88.829 146.45 80.8278L129.918 71.4246Z" stroke="white" stroke-width="20"/>
+</g>
+<defs>
+<filter id="filter0_d" x="48" y="2" width="131" height="198" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/link.svg b/src/svg/static/link.svg
index 60efe5a..cb2e097 100644
--- a/src/svg/static/link.svg
+++ b/src/svg/static/link.svg
@@ -1,11 +1,23 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M153 23L46 23.8102L82.474 56.2187C79.4571 59.4596 76.9726 62.1499 76.5028 62.7628C74.8743 64.8714 68.35 74.4485 66.3874 78.51C64.4353 82.5611 60.5207 92.9484 59.3724 99.6067C58.3285 105.725 58.3911 116.808 58.5581 121.514C58.7147 125.907 60.2284 134.581 61.6585 138.559C63.9447 144.885 65.2496 148.303 68.1829 152.842C71.4817 157.952 74.3733 160.809 78.9456 165.182C83.0272 169.077 101.786 178 101.786 178C98.8423 174.271 93.2992 163.551 91.9943 159.822C91.3054 157.849 89.4994 148.282 89.061 143.919C88.5703 139.047 88.2467 132.233 88.4033 127.362C88.5495 123.113 89.4681 118.958 90.5329 115.188C91.6707 111.126 95.0008 105.766 97.7045 102.037C99.8236 99.1185 102.381 96.0958 106.024 92.6264C108.676 90.0919 111.776 87.4016 114.939 85.0748L152.676 118.595L153 23Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M142 97.3531L141.958 33L77.8812 33.0416L96.5812 51.7939C95.1459 53.3133 93.1907 55.3841 92.0362 56.8306C89.1553 60.4416 87.4288 62.4189 85.6919 64.4481C84.4647 65.8842 82.967 67.7469 81.7709 69.3807C80.1173 71.6389 78.8588 73.8555 78.0164 75.3644C76.8619 77.4041 75.6659 80.1513 74.1994 83.1692C72.1609 87.3734 71.4745 90.9324 70.8817 93.3883C70.476 95.0533 69.5296 99.3303 69.1552 103.306C68.864 106.323 69.072 109.799 69.072 111.204C69.072 113.66 68.8224 116.615 69.3528 121.402C69.8416 125.783 72.4313 135.461 74.3658 139.322C75.9883 142.579 79.1708 149 79.1708 149C79.1708 149 77.4027 133.203 77.9644 125.221C78.2972 120.663 80.4085 112.911 83.0918 107.239C83.5598 106.271 83.643 105.054 85.0263 102.848C86.0975 101.162 87.5224 98.8308 88.7184 96.9368C90.9441 93.4299 95.5203 87.8313 96.6124 86.3744C98.3701 84.0329 103.477 79.3813 106.368 76.8317C107.845 75.5309 111.495 72.4714 114.616 69.8802L142 97.3531Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<circle cx="106" cy="98" r="75" fill="white"/>
+</g>
+<circle cx="106" cy="98" r="52" fill="#4285F4"/>
+<path d="M103.885 81.3515C104.998 79.7718 107.186 79.386 108.773 80.4897L121.268 89.184C122.854 90.2877 123.238 92.4631 122.125 94.0427L100.558 124.651C99.4444 126.23 97.2562 126.616 95.6699 125.512L83.1746 116.818C81.5883 115.714 81.2048 113.539 82.3179 111.959L103.885 81.3515Z" fill="white"/>
+<path d="M124.179 67.7521C126.44 66.9678 128.805 68.6136 128.837 70.9931L129.252 102.105C129.29 104.951 126.07 106.649 123.728 105.019L93.7504 84.1605C91.4078 82.5306 91.9125 78.9437 94.6163 78.0059L124.179 67.7521Z" fill="white"/>
+<defs>
+<filter id="filter0_d" x="19" y="13" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/ll_angle.svg b/src/svg/static/ll_angle.svg
index 2d35f1b..78fc6a3 100644
--- a/src/svg/static/ll_angle.svg
+++ b/src/svg/static/ll_angle.svg
@@ -1,11 +1,21 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M65.7399 95.5193L26.014 55.7719L26 174.986L145.192 175L105.48 135.267L175 65.7052L135.302 26L65.7399 95.5193Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M155 65.8242L85.5255 135.321L111.187 161L40 160.986V89.7901L65.6757 115.469L135.178 46L155 65.8242Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M35 175C29.4772 175 25 170.523 25 165V97C25 96.4174 25.0498 95.8465 25.1454 95.2912C27.5755 56.0635 60.1601 25 100 25C141.421 25 175 58.5786 175 100C175 139.84 143.937 172.424 104.709 174.855C104.153 174.95 103.583 175 103 175H35Z" fill="white"/>
+</g>
+<path d="M54.9333 152C51.1042 152 48 148.896 48 145.067V97.92C48 97.5161 48.0345 97.1202 48.1008 96.7353C49.7857 69.5373 72.3777 48 100 48C128.719 48 152 71.2812 152 100C152 127.622 130.463 150.214 103.265 151.899C102.88 151.965 102.484 152 102.08 152H54.9333Z" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/lr_angle.svg b/src/svg/static/lr_angle.svg
index dd90a0c..7184991 100644
--- a/src/svg/static/lr_angle.svg
+++ b/src/svg/static/lr_angle.svg
@@ -1,11 +1,21 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M134.26 95.5193L173.986 55.7719L174 174.986L54.8084 175L94.5202 135.267L25 65.7052L64.6978 26L134.26 95.5193Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M45 65.8242L114.474 135.321L88.8129 161L160 160.986V89.7901L134.324 115.469L64.8218 46L45 65.8242Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M165 175C170.523 175 175 170.523 175 165V97C175 96.4174 174.95 95.8465 174.855 95.2912C172.424 56.0635 139.84 25 100 25C58.5786 25 25 58.5786 25 100C25 139.84 56.0635 172.424 95.2912 174.855C95.8465 174.95 96.4174 175 97 175H165Z" fill="white"/>
+</g>
+<path d="M145.067 152C148.896 152 152 148.896 152 145.067V97.92C152 97.5161 151.965 97.1202 151.899 96.7353C150.214 69.5373 127.622 48 100 48C71.2812 48 48 71.2812 48 100C48 127.622 69.5373 150.214 96.7353 151.899C97.1202 151.965 97.5161 152 97.92 152H145.067Z" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/pencil.svg b/src/svg/static/pencil.svg
index a235e3b..baa6c99 100644
--- a/src/svg/static/pencil.svg
+++ b/src/svg/static/pencil.svg
@@ -1,11 +1,21 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path
-        d="M139.472 21L129.714 30.9195L46.5478 115.253L45.7391 116.511L45.6849 116.584C44.8413 117.932 42.8714 121.305 39.8625 127.42C36.8295 133.585 33.0882 141.992 30.0327 151.626L22 177L47.3741 168.967C57.0176 165.911 65.4184 162.169 71.5801 159.138C77.6929 156.131 81.04 154.179 82.4161 153.315L82.4879 153.26L83.7458 152.451L178 59.5282L139.472 21Z"
-        fill="white" />
-    <path
-        d="M138.342 37L135.185 40.2087L55.1074 121.42L54.8457 121.821C54.2939 122.703 52.4335 125.839 49.6315 131.535C46.8295 137.23 43.3808 145.013 40.5984 153.786L38 162L46.2136 159.402C54.9939 156.619 62.7704 153.17 68.4653 150.368C74.1602 147.567 77.2779 145.719 78.1786 145.154L78.5795 144.893L163 61.6582L138.342 37ZM63.8091 125.309L74.6909 136.191L73.1039 137.76C73.1664 137.716 69.7241 139.789 64.5241 142.347C62.6116 143.287 59.7431 144.334 57.0778 145.364L54.6364 142.922C55.6661 140.257 56.7122 137.389 57.6533 135.476C60.2122 130.275 62.274 126.852 62.2397 126.896L63.8091 125.309Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<rect x="52" y="53" width="97" height="95" rx="30" fill="#414141"/>
+</g>
+<rect x="72" y="72" width="57" height="57" rx="28.5" fill="white"/>
+<defs>
+<filter id="filter0_d" x="40" y="43" width="121" height="119" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/right_tee.svg b/src/svg/static/right_tee.svg
index 02be6ac..8ba22f7 100644
--- a/src/svg/static/right_tee.svg
+++ b/src/svg/static/right_tee.svg
@@ -1,11 +1,27 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M109.657 157.23V122.45H120.332V182.5H160.5V22.5H120.332L120.332 82.56H109.657V47.89L49.5 102.62L109.657 157.23Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M130.201 30V90.0858H99.5192V67.6538L66 100.21L99.5192 132.486V109.914H130.201V170H150V30H130.201Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g clip-path="url(#clip0)">
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M96.7146 170C87.5288 170 80.0822 162.501 80.0822 153.25V52.75C80.0822 43.4992 87.5288 36 96.7146 36H103.368C112.553 36 120 43.4992 120 52.75V153.25C120 162.501 112.553 170 103.368 170H96.7146Z" fill="#4285F4"/>
+<path d="M58.4944 112.48C51.1685 108.313 51.1685 97.6869 58.4944 93.52L83.0817 79.535C90.2886 75.4358 99.2095 80.6795 99.2095 89.015V116.985C99.2095 125.321 90.2886 130.564 83.0817 126.465L58.4944 112.48Z" fill="#4285F4"/>
+<path d="M70.0822 130.575V153.25C70.0822 167.957 81.9396 180 96.7146 180H103.368C118.143 180 130 167.957 130 153.25V52.75C130 38.0429 118.143 26 103.368 26H96.7146C81.9396 26 70.0822 38.0429 70.0822 52.75V75.4246L53.5503 84.8278C39.4832 92.829 39.4832 113.171 53.5503 121.172L70.0822 130.575Z" stroke="white" stroke-width="20"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d" x="21" y="6" width="131" height="198" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<clipPath id="clip0">
+<rect width="200" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/svg/static/sb_down_arrow.svg b/src/svg/static/sb_down_arrow.svg
index 52825d2..8f96717 100644
--- a/src/svg/static/sb_down_arrow.svg
+++ b/src/svg/static/sb_down_arrow.svg
@@ -1,9 +1,26 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M74.3454 21L74.3333 105.526H26L98.4879 178L171 105.526H122.667V21H74.3454Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M110.631 33V117.64H142L98.5 161L55 117.64H86.3695L86.3816 33H110.631Z" fill="black" />
-</svg>
\ No newline at end of file
+<g clip-path="url(#clip0)">
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M92.9289 185.995C96.8342 189.9 103.166 189.9 107.071 185.995L155.154 137.912C155.566 137.5 155.935 137.061 156.26 136.601C182.28 107.144 181.204 62.138 153.033 33.967C123.744 4.67767 76.2563 4.67767 46.967 33.967C18.796 62.138 17.7204 107.144 43.7402 136.601C44.0653 137.061 44.4337 137.5 44.8457 137.912L92.9289 185.995Z" fill="white"/>
+</g>
+<path d="M95.0974 155.637C97.805 158.344 102.195 158.344 104.903 155.637L138.24 122.299C138.526 122.013 138.781 121.709 139.007 121.39C157.047 100.967 156.301 69.7624 136.77 50.2304C116.462 29.9232 83.5377 29.9232 63.2305 50.2304C43.6985 69.7624 42.9528 100.967 60.9932 121.39C61.2186 121.709 61.4741 122.013 61.7597 122.299L95.0974 155.637Z" fill="#4285F4"/>
+</g>
+<defs>
+<filter id="filter0_d" x="13" y="2" width="174" height="200.924" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<clipPath id="clip0">
+<rect width="200" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/svg/static/sb_h_double_arrow.svg b/src/svg/static/sb_h_double_arrow.svg
index bc17a5b..1a2f351 100644
--- a/src/svg/static/sb_h_double_arrow.svg
+++ b/src/svg/static/sb_h_double_arrow.svg
@@ -1,11 +1,23 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M82.2222 30V82.9279H73.1467V52.3837L20 100.606L73.1467 148.731V118.081H82.2222V171H82.4H117.609V118.072H127.013V148.625L180 100.394L127.013 52.2692V82.9191H117.609V30H82.2222Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M165 100.307L135.599 71.4087V91.6188H108.856V38.1793H108.687V38H91.4986V91.7982H64.4006V71.3549L35 100.504L64.4006 129.412V109.202H91.4986V163H91.6757H108.687H108.856V109.202H135.599V129.457L165 100.307Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M25.2127 105.827C22.2624 102.885 22.2624 98.1151 25.2127 95.1731L61.538 58.9504C61.8492 58.6401 62.1808 58.3625 62.5285 58.1176C84.7819 38.516 118.782 39.3263 140.065 60.5485C162.192 82.6131 162.192 118.387 140.065 140.452C118.782 161.674 84.7819 162.484 62.5285 142.882C62.1808 142.638 61.8492 142.36 61.538 142.05L25.2127 105.827Z" fill="white"/>
+<path d="M174.787 95.1731C177.738 98.1151 177.738 102.885 174.787 105.827L138.462 142.05C138.151 142.36 137.819 142.638 137.472 142.882C115.218 162.484 81.2176 161.674 59.9353 140.452C37.8083 118.387 37.8083 82.6131 59.9353 60.5485C81.2176 39.3263 115.218 38.516 137.472 58.1176C137.819 58.3625 138.151 58.6401 138.462 58.9504L174.787 95.1731Z" fill="white"/>
+</g>
+<path d="M51.4512 103.941C49.5163 102.041 49.5163 98.9593 51.4512 97.0588L75.2749 73.6582C75.479 73.4578 75.6965 73.2784 75.9245 73.1203C90.5193 60.4573 112.818 60.9807 126.776 74.6906C141.288 88.9447 141.288 112.055 126.776 126.309C112.818 140.019 90.5193 140.543 75.9245 127.88C75.6965 127.722 75.479 127.542 75.2749 127.342L51.4512 103.941Z" fill="#4285F4"/>
+<path d="M149.549 97.0587C151.484 98.9593 151.484 102.041 149.549 103.941L125.725 127.342C125.521 127.542 125.304 127.722 125.075 127.88C110.481 140.543 88.1817 140.019 74.2238 126.309C59.7119 112.055 59.7119 88.9447 74.2238 74.6906C88.1817 60.9807 110.481 60.4572 125.075 73.1202C125.304 73.2784 125.521 73.4578 125.725 73.6582L149.549 97.0587Z" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="11" y="34" width="178" height="137" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/sb_left_arrow.svg b/src/svg/static/sb_left_arrow.svg
index f960fc4..6491106 100644
--- a/src/svg/static/sb_left_arrow.svg
+++ b/src/svg/static/sb_left_arrow.svg
@@ -1,9 +1,26 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M177 75.3454L92.4736 75.3333V27L20 99.4879L92.4736 172V123.667H177V75.3454Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M167.5 110.131H82.8599V141.5L39.5 98L82.8599 54.5V85.8695L167.5 85.8816V110.131Z" fill="black" />
-</svg>
\ No newline at end of file
+<g clip-path="url(#clip0)">
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M14.9289 92.9289C11.0237 96.8342 11.0237 103.166 14.9289 107.071L63.0122 155.154C63.4241 155.566 63.8631 155.935 64.3233 156.26C93.7799 182.28 138.786 181.204 166.957 153.033C196.246 123.744 196.246 76.2563 166.957 46.967C138.786 18.796 93.7799 17.7204 64.3233 43.7402C63.8631 44.0653 63.4241 44.4337 63.0122 44.8457L14.9289 92.9289Z" fill="white"/>
+</g>
+<path d="M45.2874 95.0974C42.5798 97.805 42.5798 102.195 45.2874 104.903L78.6252 138.24C78.9108 138.526 79.2151 138.781 79.5342 139.007C99.9574 157.047 131.162 156.301 150.693 136.77C171.001 116.462 171.001 83.5377 150.693 63.2304C131.162 43.6985 99.9574 42.9528 79.5342 60.9932C79.2151 61.2186 78.9108 61.4741 78.6252 61.7597L45.2874 95.0974Z" fill="#4285F4"/>
+</g>
+<defs>
+<filter id="filter0_d" x="0" y="15" width="200.924" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<clipPath id="clip0">
+<rect width="200" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/svg/static/sb_right_arrow.svg b/src/svg/static/sb_right_arrow.svg
index 4cb4e58..47f3f56 100644
--- a/src/svg/static/sb_right_arrow.svg
+++ b/src/svg/static/sb_right_arrow.svg
@@ -1,9 +1,26 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M20 75.3454L104.526 75.3333V27L177 99.4879L104.526 172V123.667H20V75.3454Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M29.5 110.131H114.14V141.5L157.5 98L114.14 54.5V85.8695L29.5 85.8816V110.131Z" fill="black" />
-</svg>
\ No newline at end of file
+<g clip-path="url(#clip0)">
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M185.995 107.071C189.9 103.166 189.9 96.8342 185.995 92.9289L137.912 44.8457C137.5 44.4337 137.061 44.0653 136.601 43.7402C107.144 17.7204 62.138 18.796 33.967 46.967C4.67767 76.2563 4.67767 123.744 33.967 153.033C62.138 181.204 107.144 182.28 136.601 156.26C137.061 155.935 137.5 155.566 137.912 155.154L185.995 107.071Z" fill="white"/>
+</g>
+<path d="M155.636 104.903C158.344 102.195 158.344 97.805 155.636 95.0974L122.299 61.7597C122.013 61.4741 121.709 61.2186 121.39 60.9932C100.967 42.9528 69.7624 43.6985 50.2304 63.2304C29.9232 83.5377 29.9232 116.462 50.2304 136.77C69.7624 156.301 100.967 157.047 121.39 139.007C121.709 138.781 122.013 138.526 122.299 138.24L155.636 104.903Z" fill="#4285F4"/>
+</g>
+<defs>
+<filter id="filter0_d" x="0" y="15" width="200.924" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<clipPath id="clip0">
+<rect width="200" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/svg/static/sb_up_arrow.svg b/src/svg/static/sb_up_arrow.svg
index 05c2594..627e252 100644
--- a/src/svg/static/sb_up_arrow.svg
+++ b/src/svg/static/sb_up_arrow.svg
@@ -1,9 +1,26 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M74.3454 178L74.3333 93.4736H26L98.4879 21L171 93.4736H122.667V178H74.3454Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M110.631 170V85.3599H142L98.5 42L55 85.3599H86.3695L86.3816 170H110.631Z" fill="black" />
-</svg>
\ No newline at end of file
+<g clip-path="url(#clip0)">
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M107.071 14.9289C103.166 11.0237 96.8342 11.0237 92.9289 14.9289L44.8457 63.0122C44.4337 63.4241 44.0653 63.8631 43.7402 64.3233C17.7204 93.7799 18.796 138.786 46.967 166.957C76.2563 196.246 123.744 196.246 153.033 166.957C181.204 138.786 182.28 93.7799 156.26 64.3233C155.935 63.8631 155.566 63.4241 155.154 63.0122L107.071 14.9289Z" fill="white"/>
+</g>
+<path d="M104.903 45.2874C102.195 42.5798 97.805 42.5798 95.0974 45.2874L61.7597 78.6251C61.4741 78.9107 61.2186 79.2151 60.9932 79.5341C42.9528 99.9574 43.6985 131.162 63.2304 150.693C83.5377 171.001 116.462 171.001 136.77 150.693C156.301 131.162 157.047 99.9574 139.007 79.5341C138.781 79.2151 138.526 78.9107 138.24 78.6251L104.903 45.2874Z" fill="#4285F4"/>
+</g>
+<defs>
+<filter id="filter0_d" x="13" y="2" width="174" height="200.924" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<clipPath id="clip0">
+<rect width="200" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/svg/static/sb_v_double_arrow.svg b/src/svg/static/sb_v_double_arrow.svg
index 68e65e2..0b3757f 100644
--- a/src/svg/static/sb_v_double_arrow.svg
+++ b/src/svg/static/sb_v_double_arrow.svg
@@ -1,11 +1,23 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M29.5 118.278H82.4279V127.353H51.8837L100.106 180.5L148.231 127.353H117.581V118.278H170.5V82.8911H117.572V73.4867H148.125L99.8943 20.5L51.7692 73.4867H82.4191V82.8911H29.5V118.278Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M99.8072 35.5L70.9087 64.9005H91.1188V91.6444H37.6793V91.8127H37.5V109.001H91.2982V136.099H70.8549L100.004 165.5L128.912 136.099H108.702V109.001H162.5V91.6444H108.702V64.9005H128.957L99.8072 35.5Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M98.3269 174.287C95.3849 177.238 90.6151 177.238 87.6731 174.287L51.4504 137.962C51.1401 137.651 50.8625 137.319 50.6176 136.972C31.016 114.718 31.8263 80.7176 53.0485 59.4353C75.1131 37.3083 110.887 37.3083 132.952 59.4353C154.174 80.7176 154.984 114.718 135.382 136.972C135.138 137.319 134.86 137.651 134.55 137.962L98.3269 174.287Z" fill="white"/>
+<path d="M87.6731 24.7127C90.6151 21.7624 95.3849 21.7624 98.3269 24.7127L134.55 61.038C134.86 61.3492 135.138 61.6808 135.382 62.0285C154.984 84.2819 154.174 118.282 132.952 139.565C110.887 161.692 75.1131 161.692 53.0485 139.565C31.8263 118.282 31.016 84.2819 50.6176 62.0285C50.8625 61.6808 51.1401 61.3492 51.4504 61.038L87.6731 24.7127Z" fill="white"/>
+</g>
+<path d="M96.9413 148.549C95.0407 150.484 91.9593 150.484 90.0588 148.549L66.6582 124.725C66.4578 124.521 66.2784 124.304 66.1203 124.075C53.4573 109.481 53.9807 87.1817 67.6906 73.2238C81.9447 58.7119 105.055 58.7119 119.309 73.2238C133.019 87.1817 133.543 109.481 120.88 124.075C120.722 124.304 120.542 124.521 120.342 124.725L96.9413 148.549Z" fill="#4285F4"/>
+<path d="M90.0587 50.4512C91.9593 48.5163 95.0407 48.5163 96.9412 50.4512L120.342 74.2749C120.542 74.479 120.722 74.6965 120.88 74.9245C133.543 89.5193 133.019 111.818 119.309 125.776C105.055 140.288 81.9447 140.288 67.6906 125.776C53.9807 111.818 53.4572 89.5193 66.1202 74.9245C66.2784 74.6965 66.4578 74.479 66.6582 74.2749L90.0587 50.4512Z" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="24.5" y="12.5" width="137" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/top_tee.svg b/src/svg/static/top_tee.svg
index 7c4d899..ffd9248 100644
--- a/src/svg/static/top_tee.svg
+++ b/src/svg/static/top_tee.svg
@@ -1,11 +1,22 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M44.27 90.8435H79.05V80.1683H19V40H179V80.1683H118.94V90.8435H153.61L98.88 151L44.27 90.8435Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M169 69.7985H108.914V100.481H131.346L98.7897 134L66.5136 100.481H89.0858V69.7985H29V50H169V69.7985Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M167 96.2854C167 105.471 159.501 112.918 150.25 112.918H49.75C40.4992 112.918 33 105.471 33 96.2854V89.6324C33 80.4466 40.4992 73 49.75 73H150.25C159.501 73 167 80.4466 167 89.6324V96.2854Z" fill="#4285F4"/>
+<path d="M109.48 134.506C105.313 141.831 94.6869 141.831 90.52 134.506L76.535 109.918C72.4358 102.711 77.6795 93.7905 86.015 93.7905H113.985C122.321 93.7905 127.564 102.711 123.465 109.918L109.48 134.506Z" fill="#4285F4"/>
+<path d="M127.575 122.918H150.25C164.957 122.918 177 111.06 177 96.2854V89.6324C177 74.8575 164.957 63 150.25 63H49.75C35.0429 63 23 74.8575 23 89.6324V96.2854C23 111.06 35.0429 122.918 49.75 122.918H72.4246L81.8278 139.45C89.829 153.517 110.171 153.517 118.172 139.45L127.575 122.918Z" stroke="white" stroke-width="20"/>
+</g>
+<defs>
+<filter id="filter0_d" x="1" y="43" width="198" height="131" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/ul_angle.svg b/src/svg/static/ul_angle.svg
index 9d531e2..60b1912 100644
--- a/src/svg/static/ul_angle.svg
+++ b/src/svg/static/ul_angle.svg
@@ -1,11 +1,21 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M64.7399 105.481L25.014 145.228L25 26.014L144.192 26L104.48 65.7333L174 135.295L134.302 175L64.7399 105.481Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M156 136.176L86.5255 66.6788L112.187 41L41 41.0141V112.21L66.6757 86.5311L136.178 156L156 136.176Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M34 24C28.4772 24 24 28.4772 24 34V102C24 102.583 24.0498 103.153 24.1454 103.709C26.5755 142.937 59.1601 174 99 174C140.421 174 174 140.421 174 99C174 59.1601 142.937 26.5755 103.709 24.1454C103.153 24.0498 102.583 24 102 24H34Z" fill="white"/>
+</g>
+<path d="M53.9333 47C50.1042 47 47 50.1042 47 53.9333V101.08C47 101.484 47.0345 101.88 47.1008 102.265C48.7857 129.463 71.3777 151 99 151C127.719 151 151 127.719 151 99C151 71.3777 129.463 48.7857 102.265 47.1008C101.88 47.0345 101.484 47 101.08 47H53.9333Z" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="12" y="14" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/ur_angle.svg b/src/svg/static/ur_angle.svg
index 622007d..fdb9b82 100644
--- a/src/svg/static/ur_angle.svg
+++ b/src/svg/static/ur_angle.svg
@@ -1,11 +1,21 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M134.26 105.481L173.986 145.228L174 26.014L54.8084 26L94.5202 65.7333L25 135.295L64.6978 175L134.26 105.481Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M43 136.176L112.474 66.6788L86.8129 41L158 41.0141V112.21L132.324 86.5311L62.8218 156L43 136.176Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<path d="M165 25C170.523 25 175 29.4772 175 35V103C175 103.583 174.95 104.153 174.855 104.709C172.424 143.937 139.84 175 100 175C58.5786 175 25 141.421 25 100C25 60.1601 56.0635 27.5755 95.2912 25.1454C95.8465 25.0498 96.4174 25 97 25H165Z" fill="white"/>
+</g>
+<path d="M145.067 48C148.896 48 152 51.1042 152 54.9333V102.08C152 102.484 151.965 102.88 151.899 103.265C150.214 130.463 127.622 152 100 152C71.2812 152 48 128.719 48 100C48 72.3777 69.5373 49.7857 96.7353 48.1008C97.1202 48.0345 97.5161 48 97.92 48H145.067Z" fill="#4285F4"/>
+<defs>
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/vertical_text.svg b/src/svg/static/vertical_text.svg
index f6cbc71..afc487f 100644
--- a/src/svg/static/vertical_text.svg
+++ b/src/svg/static/vertical_text.svg
@@ -2,6 +2,6 @@
 <g opacity="0.01">
 <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
 </g>
-<path d="M32.5 112.5C29.7386 112.5 27.5 110.261 27.5 107.5V91.5C27.5 88.7386 29.7386 86.5 32.5 86.5H169.5C172.261 86.5 174.5 88.7386 174.5 91.5V107.5C174.5 110.261 172.261 112.5 169.5 112.5H32.5Z" fill="white"/>
-<path d="M39 107C36.2386 107 34 104.761 34 102V99C34 96.2386 36.2386 94 39 94H164C166.761 94 169 96.2386 169 99V102C169 104.761 166.761 107 164 107H39Z" fill="#4285F4"/>
+<path d="M24.5 123.5C21.7386 123.5 19.5 121.261 19.5 118.5V80.5C19.5 77.7386 21.7386 75.5 24.5 75.5H175.5C178.261 75.5 180.5 77.7386 180.5 80.5V118.5C180.5 121.261 178.261 123.5 175.5 123.5H24.5Z" fill="white"/>
+<path d="M38 106C35.2386 106 33 103.761 33 101V98C33 95.2386 35.2386 93 38 93H163C165.761 93 168 95.2386 168 98V101C168 103.761 165.761 106 163 106H38Z" fill="#4285F4"/>
 </svg>
diff --git a/src/svg/static/wayland_cursor.svg b/src/svg/static/wayland_cursor.svg
index 8be0097..3114d5d 100644
--- a/src/svg/static/wayland_cursor.svg
+++ b/src/svg/static/wayland_cursor.svg
@@ -1,11 +1,7 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path
-        d="M175.736 100C175.736 140.884 142.619 174 101.736 174C60.8522 174 27.7358 140.884 27.7358 100C27.7358 59.1164 60.8522 26 101.736 26C142.619 26 175.736 59.1766 175.736 100Z"
-        fill="black" />
-    <path
-        d="M141.007 27.3281H142.271L141.447 28.3103H140.952V27.3281H141.007ZM45.9199 29.6853V30.7985L42.8419 35.251H42.3472L41.8526 31.7806C43.7213 30.4056 45.0405 29.6853 45.9199 29.6853ZM157.222 31.2568C159.86 31.2568 161.344 33.2866 161.674 37.2808L159.42 56.1385H160.245L162.003 54.7634H162.498V55.1563C160.08 56.9242 157.716 61.7696 155.463 69.6924C154.583 76.5021 153.154 82.788 151.121 88.5501C149.307 94.5086 148.427 100.009 148.427 105.051L145.02 115.003C145.02 115.854 146.284 116.706 148.867 117.491C148.372 119.456 147.713 120.438 146.778 120.438V121.027H147.603V121.42C147.603 122.468 146.284 122.926 143.591 122.926L144.085 123.515V125.48H143.261C143.81 127.444 144.965 128.426 146.778 128.426V129.408H143.261V129.998C144.415 129.998 145.02 130.849 145.02 132.486L140.073 134.45L140.568 135.039V135.432C140.568 136.087 139.963 136.415 138.809 136.415V137.004C140.293 137.004 141.062 137.331 141.062 137.986C138.974 138.837 136.17 142.962 132.708 150.427C129.19 157.04 126.112 160.379 123.529 160.379H122.594C120.616 158.873 119.022 153.963 117.758 145.581C112.756 132.813 110.228 125.283 110.228 123.057C110.228 117.295 108.634 111.14 105.391 104.592C104.511 101.711 103.962 98.0444 103.632 93.6574L101.543 93.0681C96.2118 102.693 93.4636 110.158 93.1888 115.593C91.7047 118.735 90.5505 122.599 89.6711 127.051C92.859 128.099 94.5079 129.081 94.5079 129.998V130.587C91.9795 130.194 90.2207 129.539 89.2314 128.492C88.1321 130.98 86.703 137.986 84.8892 149.445C83.4602 154.748 81.7013 157.433 79.6127 157.433C73.6766 155.076 68.6749 151.278 64.7175 145.974C64.1129 145.974 63.0686 143.29 61.6395 137.986C60.7601 137.986 60.2105 135.301 59.8807 129.998C56.9127 122.468 54.879 113.825 53.7797 104.134V89.5977H53.285L51.1964 90.187V89.5977C51.1964 88.9429 51.9109 88.6156 53.285 88.6156L52.7904 80.2344V73.6866L49.3826 52.7336V43.7631C50.8666 38.1975 53.4499 35.3819 57.1325 35.3819H81.8112V36.3641C79.8325 36.4296 78.5134 36.9534 77.7989 37.8701C76.3149 36.8224 74.8858 36.3641 73.4568 36.3641H68.6199L65.9267 36.757L65.432 36.3641H65.1023L61.5846 36.757L59.8257 36.3641L58.5616 36.757L57.1325 36.3641C62.8487 43.8286 66.2015 50.1145 67.2458 55.2218H71.2582V56.2039H68.1802V57.3171C69.3345 61.6386 70.2139 63.7339 70.7635 63.7339H71.6979L73.7865 63.1446L74.2812 63.7339L74.7759 63.1446L75.2706 63.7339V64.1268C73.7316 65.2399 72.6323 66.8114 72.0827 68.7102H71.7529V69.6924H72.5773C73.6766 85.2762 75.7103 97.0622 78.6783 105.051L80.4371 106.426H81.3715C82.5258 106.426 84.9991 100.991 88.7916 90.0561C91.2101 85.1452 92.9689 80.7582 94.0682 77.026L93.5735 75.5199C95.9919 71.8532 98.5202 70.0853 101.104 70.0853H101.928C103.577 70.0853 104.731 71.1329 105.446 73.1628C107.644 76.2402 109.403 80.8237 110.722 86.9786L117.318 101.515C118.197 102.562 118.582 103.675 118.582 104.985C121 110.485 123.199 114.152 125.178 115.92H126.607C128.256 115.92 130.454 109.11 133.202 95.4907C133.697 95.4907 134.961 91.824 137.05 84.5559V83.9666L129.63 82.9845L127.871 83.5738H125.617V82.4606L130.069 82.0677H138.754C142.107 70.0198 145.184 60.7219 148.043 54.1086C148.977 40.4892 150.296 33.6795 151.89 33.6795L157.222 31.2568ZM132.213 32.7628C131.718 34.0724 130.729 34.7271 129.135 34.7271V33.745L132.213 32.7628ZM87.9122 35.3164H99.7844V36.2986L97.0912 36.6915L94.5079 36.2986L92.2544 37.2808L91.4299 36.2986H87.9122V35.3164ZM26.1879 37.2153H27.4521L28.2765 38.1975V38.7868L25.6932 41.7333V44.2215H24.7588V42.7155L25.2535 42.3226V41.7333L23 39.2451C23.5496 37.8701 24.594 37.2153 26.1879 37.2153ZM112.481 43.2393H113.745V43.6322C113.745 44.2869 113.306 44.6143 112.481 44.6143L111.986 45.2036V45.7929L110.722 45.2036V44.2215L112.481 43.2393ZM105.885 48.7394V49.3287C105.885 50.049 104.017 50.8347 100.224 51.6859V50.7038L102.807 49.3287L103.302 49.7216H103.632L105.885 48.7394ZM29.2109 53.7812V54.1741L28.2765 55.1563L27.9467 54.7634V54.1741L28.2765 53.7812H29.2109ZM93.1888 53.7812V54.1741C91.5398 55.6801 88.9016 56.9897 85.219 58.2337V57.2516C85.8236 57.2516 86.1534 56.7278 86.1534 55.7456L93.1888 53.7812ZM115.504 58.6266L115.999 59.2159V59.6088L115.174 60.7219H114.68L113.745 59.6088V59.2159L115.504 58.6266ZM131.718 59.2159H132.213V59.6088L131.389 60.7219H130.894V60.1326L131.718 59.2159ZM124.298 66.2221L126.057 67.5971C125.727 68.6448 124.903 69.1031 123.474 69.1031L122.539 67.5971C122.539 67.1388 123.144 66.6804 124.298 66.2221ZM134.906 72.6389L135.236 73.2282V73.6211L134.906 74.2104H133.972V73.6211L134.906 72.6389ZM118.197 77.6807V78.0736L115.944 80.1689H114.68V79.5796C114.68 78.7939 115.889 78.1391 118.197 77.6807ZM45.4252 97.1277H45.9199V97.5206C44.7657 100.598 43.7213 102.431 42.8419 103.086H41.9075V100.991L45.4252 97.1277ZM102.862 120.438H103.357V121.42L99.8394 123.515L99.3447 122.926V121.944L102.862 120.438ZM54.6042 127.051H55.4286L56.8577 132.486H55.9233L54.6591 127.444L54.6042 127.051ZM101.543 133.468H101.873L103.302 134.974L102.807 135.367H102.313L101.488 133.992L101.543 133.468Z"
-        fill="white" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<path d="M187 100C187 146.961 148.737 185 101.5 185C54.2628 185 16 146.961 16 100C16 53.0391 54.2628 15 101.5 15C148.737 15 187 53.1082 187 100Z" fill="white"/>
+<path d="M144.893 31.2643H146.193L145.345 32.2747H144.836V31.2643H144.893ZM47.079 33.6891V34.8342L43.9128 39.4144H43.4039L42.8951 35.8445C44.8174 34.43 46.1744 33.6891 47.079 33.6891ZM161.572 35.3057C164.286 35.3057 165.813 37.3937 166.152 41.5024L163.834 60.9008H164.682L166.491 59.4863H167V59.8905C164.512 61.7091 162.081 66.6934 159.763 74.8434C158.858 81.8484 157.388 88.3145 155.296 94.2418C153.43 100.371 152.526 106.029 152.526 111.215L149.02 121.453C149.02 122.329 150.321 123.205 152.978 124.013C152.469 126.034 151.791 127.044 150.83 127.044V127.65H151.678V128.054C151.678 129.132 150.321 129.603 147.55 129.603L148.059 130.21V132.23H147.211C147.776 134.251 148.964 135.261 150.83 135.261V136.272H147.211V136.878C148.398 136.878 149.02 137.753 149.02 139.437L143.932 141.458L144.441 142.064V142.468C144.441 143.142 143.819 143.479 142.631 143.479V144.085C144.158 144.085 144.949 144.422 144.949 145.095C142.801 145.971 139.917 150.214 136.355 157.893C132.737 164.696 129.571 168.131 126.913 168.131H125.952C123.917 166.582 122.277 161.53 120.977 152.908C115.831 139.774 113.231 132.028 113.231 129.738C113.231 123.811 111.591 117.479 108.255 110.744C107.35 107.78 106.785 104.008 106.446 99.4955L104.297 98.8893C98.813 108.791 95.986 116.469 95.7033 122.06C94.1767 125.293 92.9893 129.267 92.0847 133.847C95.364 134.925 97.0602 135.935 97.0602 136.878V137.484C94.4594 137.08 92.6501 136.406 91.6324 135.329C90.5016 137.888 89.0316 145.095 87.1657 156.882C85.6957 162.338 83.8864 165.1 81.7379 165.1C75.6316 162.675 70.4865 158.768 66.4156 153.313C65.7937 153.313 64.7194 150.551 63.2494 145.095C62.3448 145.095 61.7794 142.334 61.4401 136.878C58.387 129.132 56.295 120.241 55.1642 110.272V95.3195H54.6553L52.5068 95.9257V95.3195C52.5068 94.6459 53.2418 94.3091 54.6553 94.3091L54.1465 85.6876V78.9521L50.641 57.3983V48.1706C52.1676 42.4454 54.825 39.5491 58.6131 39.5491H83.9995V40.5594C81.9641 40.6268 80.6071 41.1656 79.8721 42.1086C78.3455 41.0309 76.8755 40.5594 75.4055 40.5594H70.4299L67.6595 40.9635L67.1506 40.5594H66.8114L63.1929 40.9635L61.3836 40.5594L60.0832 40.9635L58.6131 40.5594C64.4933 48.2379 67.9422 54.7041 69.0164 59.9578H73.1439V60.9681H69.9776V62.1132C71.165 66.5587 72.0696 68.714 72.635 68.714H73.5962L75.7447 68.1078L76.2536 68.714L76.7624 68.1078L77.2713 68.714V69.1182C75.6882 70.2632 74.5574 71.8797 73.992 73.833H73.6527V74.8434H74.5008C75.6316 90.874 77.7236 102.998 80.7767 111.215L82.586 112.63H83.5472C84.7345 112.63 87.2788 107.039 91.1801 95.791C93.6678 90.7393 95.4771 86.2265 96.6079 82.3872L96.099 80.838C98.5868 77.0661 101.188 75.2475 103.845 75.2475H104.693C106.389 75.2475 107.577 76.3252 108.312 78.4132C110.573 81.579 112.383 86.2938 113.739 92.6252L120.524 107.578C121.429 108.656 121.825 109.801 121.825 111.148C124.312 116.806 126.574 120.578 128.609 122.396H130.079C131.776 122.396 134.037 115.391 136.864 101.381C137.373 101.381 138.674 97.6096 140.822 90.1331V89.5269L133.189 88.5166L131.38 89.1228H129.062V87.9777L133.641 87.5736H142.575C146.024 75.1802 149.19 65.6157 152.13 58.8128C153.091 44.8028 154.448 37.7978 156.088 37.7978L161.572 35.3057V35.3057ZM135.847 36.8548C135.338 38.202 134.32 38.8755 132.68 38.8755V37.8652L135.847 36.8548V36.8548ZM90.2754 39.4817H102.488V40.492L99.7176 40.8962L97.0602 40.492L94.7421 41.5024L93.894 40.492H90.2754V39.4817V39.4817ZM26.7812 41.435H28.0816L28.9297 42.4454V43.0516L26.2723 46.0826V48.6421H25.3112V47.0929L25.82 46.6888V46.0826L23.5019 43.523C24.0673 42.1086 25.1415 41.435 26.7812 41.435V41.435ZM115.549 47.6317H116.849V48.0359C116.849 48.7094 116.397 49.0462 115.549 49.0462L115.04 49.6524V50.2586L113.739 49.6524V48.6421L115.549 47.6317V47.6317ZM108.764 53.2896V53.8958C108.764 54.6367 106.842 55.445 102.94 56.3206V55.3103L105.598 53.8958L106.107 54.2999H106.446L108.764 53.2896ZM29.8909 58.476V58.8801L28.9297 59.8905L28.5905 59.4863V58.8801L28.9297 58.476H29.8909ZM95.7033 58.476V58.8801C94.0071 60.4293 91.2932 61.7764 87.505 63.0562V62.0458C88.1269 62.0458 88.4662 61.507 88.4662 60.4967L95.7033 58.476ZM118.658 63.4603L119.167 64.0665V64.4706L118.319 65.6157H117.81L116.849 64.4706V64.0665L118.658 63.4603ZM135.338 64.0665H135.847V64.4706L134.998 65.6157H134.49V65.0095L135.338 64.0665V64.0665ZM127.705 71.2735L129.514 72.688C129.175 73.7657 128.327 74.2372 126.857 74.2372L125.896 72.688C125.896 72.2165 126.517 71.745 127.705 71.2735ZM138.617 77.8744L138.956 78.4806V78.8847L138.617 79.4909H137.656V78.8847L138.617 77.8744ZM121.429 83.0608V83.4649L119.111 85.6203H117.81V85.0141C117.81 84.2058 119.054 83.5323 121.429 83.0608V83.0608ZM46.5701 103.065H47.079V103.469C45.8917 106.635 44.8174 108.521 43.9128 109.195H42.9516V107.039L46.5701 103.065V103.065ZM105.654 127.044H106.163V128.054L102.545 130.21L102.036 129.603V128.593L105.654 127.044ZM56.0123 133.847H56.8604L58.3304 139.437H57.3693L56.0688 134.251L56.0123 133.847ZM104.297 140.448H104.637L106.107 141.997L105.598 142.401H105.089L104.241 140.987L104.297 140.448" fill="#4285F4"/>
+</svg>
diff --git a/src/svg/static/x_cursor.svg b/src/svg/static/x_cursor.svg
index c92c5ab..45fa0a6 100644
--- a/src/svg/static/x_cursor.svg
+++ b/src/svg/static/x_cursor.svg
@@ -1,8 +1,6 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path
-        d="M36.6456 76.0589L61.166 100.641L36.6658 124.924L36.6557 124.934L36.6456 124.945C30.4514 131.154 30.4516 141.143 36.6456 147.352L36.6631 147.37L36.6807 147.387L52.9283 163.357C59.1306 169.554 69.1016 169.548 75.2962 163.337L99.5202 139.052L124.023 163.337C124.027 163.341 124.03 163.345 124.034 163.349C130.236 169.554 140.213 169.55 146.41 163.337L162.355 147.352C168.549 141.143 168.548 131.154 162.355 124.945L162.355 124.945L138.113 100.641L162.355 76.0588C162.358 76.0549 162.362 76.051 162.366 76.0471C168.548 69.8367 168.545 59.8569 162.355 53.651L146.41 37.666C140.212 31.4527 130.235 31.4493 124.033 37.6555C124.03 37.659 124.026 37.6625 124.023 37.666L99.5202 61.9513L75.2962 37.666C72.2114 34.5733 68.1694 33 64.1027 33C60.0445 33 56.0106 34.5668 52.9283 37.6469L36.6807 53.6162L36.6631 53.6335L36.6456 53.651C30.4515 59.8608 30.4515 69.8491 36.6456 76.0589Z"
-        fill="black" stroke="white" stroke-width="10" stroke-miterlimit="10" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<path d="M34.1676 78.5306L56.2084 100.627L34.202 122.439L34.1848 122.456L34.1676 122.473C26.6106 130.049 26.611 142.248 34.1676 149.824L34.1973 149.854L34.2273 149.883L50.4648 165.843C58.0358 173.397 70.2169 173.386 77.7742 165.809L99.5343 143.994L121.565 165.829C129.135 173.397 141.326 173.39 148.888 165.809L164.833 149.824C172.389 142.248 172.389 130.049 164.833 122.473L164.833 122.473L143.042 100.627L164.852 78.5114C172.389 70.9343 172.383 58.7488 164.833 51.1793L148.888 35.1942C141.326 27.613 129.134 27.6065 121.564 35.1747L99.5343 57.0094L77.7742 35.1942C74.0166 31.4271 69.0761 29.5 64.1027 29.5C59.1444 29.5 54.2184 31.4155 50.465 35.1604L34.2273 51.12L34.1973 51.1495L34.1676 51.1793C26.6109 58.7551 26.6109 70.9548 34.1676 78.5306Z" fill="#4285F4" stroke="white" stroke-width="17" stroke-miterlimit="10"/>
+</svg>
diff --git a/src/svg/static/xterm.svg b/src/svg/static/xterm.svg
index 70c397a..73d7b47 100644
--- a/src/svg/static/xterm.svg
+++ b/src/svg/static/xterm.svg
@@ -2,6 +2,6 @@
 <g opacity="0.01">
 <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
 </g>
-<rect x="86" y="25" width="26" height="147" rx="5" fill="white"/>
-<path d="M93 37C93 34.2386 95.2386 32 98 32H101C103.761 32 106 34.2386 106 37V162C106 164.761 103.761 167 101 167H98C95.2386 167 93 164.761 93 162V37Z" fill="#4285F4"/>
+<path d="M76 24C76 21.2386 78.2386 19 81 19H119C121.761 19 124 21.2386 124 24V175C124 177.761 121.761 180 119 180H81C78.2386 180 76 177.761 76 175V24Z" fill="white"/>
+<path d="M94 37C94 34.2386 96.2386 32 99 32H102C104.761 32 107 34.2386 107 37V162C107 164.761 104.761 167 102 167H99C96.2386 167 94 164.761 94 162V37Z" fill="#4285F4"/>
 </svg>
diff --git a/src/svg/static/zoom_in.svg b/src/svg/static/zoom_in.svg
index 82e9d83..6a37c6d 100644
--- a/src/svg/static/zoom_in.svg
+++ b/src/svg/static/zoom_in.svg
@@ -1,15 +1,22 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M132 76.5C132 104.947 107.828 128 78 128C48.1724 128 24 104.947 24 76.5C24 48.0533 48.1724 25 78 25C107.828 25 132 48.0533 132 76.5Z"
-        stroke="black" stroke-width="7" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M108 67H88V48H68V67H48V85.81H68V105H88V85.81H108V67Z"
-        fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M162.196 171L176 157.814L122.804 107L109 120.186L162.196 171Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<circle cx="100" cy="100" r="75" fill="white"/>
+</g>
+<circle cx="100" cy="100" r="52" fill="#00D161"/>
+<path d="M111.359 80.9219C111.359 86.4447 115.837 90.9219 121.359 90.9219H125.336C130.859 90.9219 135.336 95.399 135.336 100.922V101.242C135.336 106.765 130.859 111.242 125.336 111.242H121.359C115.837 111.242 111.359 115.719 111.359 121.242V128.734C111.359 134.257 106.882 138.734 101.359 138.734H99.2109C93.6881 138.734 89.2109 134.257 89.2109 128.734V121.242C89.2109 115.719 84.7338 111.242 79.2109 111.242H75.1641C69.6412 111.242 65.1641 106.765 65.1641 101.242V100.922C65.1641 95.399 69.6412 90.9219 75.1641 90.9219H79.2109C84.7338 90.9219 89.2109 86.4447 89.2109 80.9219V74.2031C89.2109 68.6803 93.6881 64.2031 99.2109 64.2031H101.359C106.882 64.2031 111.359 68.6803 111.359 74.2031V80.9219Z" fill="white"/>
+<defs>
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/zoom_out.svg b/src/svg/static/zoom_out.svg
index 6f62b66..da679da 100644
--- a/src/svg/static/zoom_out.svg
+++ b/src/svg/static/zoom_out.svg
@@ -1,14 +1,22 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z"
-        fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M134 78.4998C134 108.051 108.932 132 77.9998 132C47.0675 132 22 108.051 22 78.4998C22 48.9484 47.0675 25 77.9998 25C108.932 25 134 48.9484 134 78.4998Z"
-        stroke="black" stroke-width="7" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M108 86H48V68H108V86Z" fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M164.784 176L179 162.196L124.216 109L110 122.804L164.784 176Z"
-        fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<circle cx="104" cy="100" r="75" fill="white"/>
+</g>
+<circle cx="104" cy="100" r="52" fill="#FC3C36"/>
+<path d="M125.258 100.176C125.258 105.243 121.15 109.352 116.082 109.352H92.1758C87.1081 109.352 83 105.243 83 100.176V100.176C83 95.1081 87.1081 91 92.1758 91H116.082C121.15 91 125.258 95.1081 125.258 100.176V100.176Z" fill="white"/>
+<defs>
+<filter id="filter0_d" x="17" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>

From 7202164e835ec1f0cbd2245da6e1a8449533e0c7 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sun, 25 Oct 2020 19:28:59 +0530
Subject: [PATCH 13/33] =?UTF-8?q?=E2=9C=A8=20Redesign=20missing=20cursors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/svg/static/bottom_right_corner.svg |  4 +--
 src/svg/static/dotbox.svg              | 34 ++++++++++++++++++--------
 src/svg/static/move.svg                |  2 +-
 src/svg/static/plus.svg                | 29 ++++++++++++++++------
 src/svg/static/question_arrow.svg      | 33 ++++++++++++++++---------
 5 files changed, 69 insertions(+), 33 deletions(-)

diff --git a/src/svg/static/bottom_right_corner.svg b/src/svg/static/bottom_right_corner.svg
index cecac38..47603fa 100644
--- a/src/svg/static/bottom_right_corner.svg
+++ b/src/svg/static/bottom_right_corner.svg
@@ -6,8 +6,8 @@
 <path d="M156.299 148.765C156.304 152.932 152.932 156.304 148.765 156.299L97.466 156.226C97.0265 156.225 96.5958 156.187 96.1768 156.115C66.5808 154.239 43.1118 129.624 43.0693 99.5693C43.0251 68.321 68.321 43.0251 99.5693 43.0693C129.624 43.1118 154.239 66.5808 156.115 96.1768C156.187 96.5958 156.225 97.0265 156.226 97.466L156.299 148.765Z" fill="white"/>
 <path d="M43 50.5333C42.9941 46.3669 46.3669 42.9941 50.5333 43L101.833 43.0725C102.272 43.0731 102.703 43.1113 103.122 43.184C132.718 45.0592 156.187 69.6741 156.229 99.7293C156.273 130.978 130.978 156.273 99.7293 156.229C69.6741 156.187 45.0592 132.718 43.184 103.122C43.1113 102.703 43.0731 102.272 43.0725 101.833L43 50.5333Z" fill="white"/>
 </g>
-<path d="M137.265 131.899C137.29 134.611 135.111 136.79 132.399 136.765L99.0061 136.466C98.7201 136.464 98.4395 136.437 98.1664 136.387C78.8922 135.021 63.4946 118.883 63.3192 99.3192C63.137 78.9785 79.4786 62.6369 99.8192 62.8192C119.383 62.9945 135.521 78.3922 136.887 97.6664C136.937 97.9395 136.964 98.22 136.966 98.5061L137.265 131.899Z" fill="#4285F4"/>
-<path d="M63.0332 67.3999C63.0089 64.6878 65.1878 62.5089 67.8999 62.5332L101.292 62.8325C101.579 62.835 101.859 62.862 102.132 62.9114C121.406 64.2774 136.804 80.4153 136.979 99.9794C137.162 120.32 120.82 136.662 100.479 136.479C80.9153 136.304 64.7774 120.906 63.4114 101.632C63.362 101.359 63.335 101.079 63.3325 100.792L63.0332 67.3999Z" fill="#4285F4"/>
+<path d="M137.265 131.899C137.29 134.611 135.111 136.79 132.399 136.765L99.0061 136.466C98.72 136.464 98.4394 136.437 98.1663 136.387C78.8922 135.021 63.4945 118.883 63.3192 99.3192C63.1369 78.9785 79.4785 62.6369 99.8192 62.8192C119.383 62.9945 135.521 78.3922 136.887 97.6664C136.937 97.9395 136.964 98.22 136.966 98.5061L137.265 131.899Z" fill="#4285F4"/>
+<path d="M63.0332 67.3999C63.0089 64.6878 65.1877 62.5089 67.8998 62.5332L101.292 62.8325C101.578 62.835 101.859 62.862 102.132 62.9114C121.406 64.2774 136.804 80.4153 136.979 99.9794C137.162 120.32 120.82 136.662 100.479 136.479C80.9153 136.304 64.7773 120.906 63.4113 101.632C63.3619 101.359 63.335 101.079 63.3324 100.792L63.0332 67.3999Z" fill="#4285F4"/>
 <defs>
 <filter id="filter0_d" x="31" y="33" width="137.299" height="137.299" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
diff --git a/src/svg/static/dotbox.svg b/src/svg/static/dotbox.svg
index 7bd24db..32e58c9 100644
--- a/src/svg/static/dotbox.svg
+++ b/src/svg/static/dotbox.svg
@@ -1,11 +1,25 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path
-        d="M33 167H167V33H33V167ZM40.8824 40.8824H96.5515V56.4007H104.434V40.8824H159.118V96.3052H144.338V104.188H159.118V159.118H104.434V144.092H96.5515V159.118H40.8824V104.188H56.6471V96.3052H40.8824V40.8824Z"
-        fill="black" stroke="black" stroke-width="25" />
-    <path
-        d="M32 167V168H33H167H168V167V33V32H167H33H32V33V167ZM56.6471 95.3052H41.8824V41.8824H95.5515V56.4007V57.4007H96.5515H104.434H105.434V56.4007V41.8824H158.118V95.3052H144.338H143.338V96.3052V104.188V105.188H144.338H158.118V158.118H105.434V144.092V143.092H104.434H96.5515H95.5515V144.092V158.118H41.8824V105.188H56.6471H57.6471V104.188V96.3052V95.3052H56.6471Z"
-        fill="white" stroke="white" stroke-width="2" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<circle cx="100" cy="100" r="75" fill="white"/>
+</g>
+<circle cx="100" cy="100" r="52" fill="#4285F4"/>
+<rect x="76" y="108" width="17" height="17" rx="5" fill="white"/>
+<rect x="108" y="76" width="17" height="17" rx="5" fill="white"/>
+<rect x="108" y="108" width="17" height="17" rx="5" fill="white"/>
+<rect x="76" y="76" width="17" height="17" rx="5" fill="white"/>
+<defs>
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/move.svg b/src/svg/static/move.svg
index ef8628b..2cff4c2 100644
--- a/src/svg/static/move.svg
+++ b/src/svg/static/move.svg
@@ -7,7 +7,7 @@
 </g>
 <circle cx="98" cy="101" r="40" fill="#4285F4"/>
 <defs>
-<filter id="filter0_d" x="1.77759" y="4.47246" width="195.5" height="195.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_d" x="1.77759" y="4.47247" width="195.5" height="195.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
 <feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
diff --git a/src/svg/static/plus.svg b/src/svg/static/plus.svg
index 47940d4..10d4426 100644
--- a/src/svg/static/plus.svg
+++ b/src/svg/static/plus.svg
@@ -1,9 +1,22 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M122 180H76V20H122V180Z" fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M19 77H179V123H19V77Z" fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M110 168H88V32H110V168Z" fill="white" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M31 89H167V111H31V89Z" fill="white" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<circle cx="100" cy="100" r="75" fill="white"/>
+</g>
+<circle cx="100" cy="100" r="52" fill="#4285F4"/>
+<path d="M109.499 89.5849C109.499 91.2418 110.842 92.5849 112.499 92.5849H127C128.657 92.5849 130 93.9281 130 95.5849V106.761C130 108.418 128.657 109.761 127 109.761H112.499C110.842 109.761 109.499 111.104 109.499 112.761V130C109.499 131.657 108.156 133 106.499 133H93.5611C91.9043 133 90.5611 131.657 90.5611 130V112.761C90.5611 111.104 89.218 109.761 87.5611 109.761H73C71.3431 109.761 70 108.418 70 106.761V95.5849C70 93.9281 71.3431 92.5849 73 92.5849H87.5611C89.218 92.5849 90.5611 91.2418 90.5611 89.5849V73C90.5611 71.3431 91.9043 70 93.5611 70H106.499C108.156 70 109.499 71.3431 109.499 73V89.5849Z" fill="white"/>
+<defs>
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/svg/static/question_arrow.svg b/src/svg/static/question_arrow.svg
index 1cc74ef..272e764 100644
--- a/src/svg/static/question_arrow.svg
+++ b/src/svg/static/question_arrow.svg
@@ -1,13 +1,22 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g opacity="0.01">
-        <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
-    </g>
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M68.717 39.2312C75.829 33.5648 89.0203 29.0712 100.24 29.0015C118.008 28.897 127.362 34.2963 135.753 42.3664C143.828 50.1345 147.536 58.0651 146.938 70.234C146.456 80.1387 143.804 85.8864 139.849 91.2625C137.525 94.5254 133.077 98.7055 126.493 103.78L120.238 108.773C116.365 112.488 114.675 114.149 113.197 118.294C112.093 121.383 111.835 124.17 111.776 129H88.5744C88.5391 117.203 88.3514 113.034 89.6306 107.948C90.8864 103.002 95.5221 99.4254 102.106 94.3512L108.772 89.1724C110.978 87.5468 114.57 84.3653 115.908 82.4261C118.349 79.1052 119.827 74.5071 120.027 70.5243C120.215 66.7738 119.076 62.4079 115.99 58.5993C112.328 54.0708 107.739 51.1911 98.7964 51.5859C91.7431 51.8994 86.3445 55.4526 83.0467 58.8083C79.1738 62.7562 77.4838 69.3051 77.2021 74.4839H54C54.7276 57.2523 58.1546 47.638 68.717 39.2312Z"
-        stroke="white" stroke-width="15" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M85 144H115V171H85V144Z" stroke="white" stroke-width="7" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M70.8907 38.4415C79.1216 33.1024 86.7385 29 99.5395 29C118.635 29 122.957 31.8776 132.746 39.7495C141.603 46.8722 147 56.1115 147 69.2392C147 77.2894 142.702 85.9818 138.71 91.4873C136.384 94.8287 133.29 98.1463 126.665 103.355L119.438 108.943C115.895 111.726 112.376 115.935 111.207 119.645C110.475 122 110.522 127.053 110.475 132H88.5098C88.8759 121.536 88.9113 112.915 90.5055 108.92C92.0997 104.924 96.2093 100.322 102.834 95.126L109.294 89.8225C111.502 88.1578 114.903 85.6131 116.249 83.6273C118.706 80.2265 120.843 75.2917 120.843 71.2012C120.843 66.4924 121.103 63.1629 118.375 59.2864C115.186 54.7916 112.281 49.845 98.5593 49.6071C87.8721 49.4169 83.3138 54.9224 80.3497 59.6788C77.3739 64.459 76.3583 69.8813 76.3583 75.0182H53C53.744 57.372 59.3887 45.8139 70.8907 38.4415Z"
-        fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M89 146H111V168H89V146Z" fill="black" />
-</svg>
\ No newline at end of file
+<g opacity="0.01">
+<path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white"/>
+</g>
+<g filter="url(#filter0_d)">
+<circle cx="100" cy="100" r="75" fill="white"/>
+</g>
+<circle cx="100" cy="100" r="52" fill="#4285F4"/>
+<path d="M95.6719 112.578C94.015 112.578 92.6585 111.233 92.754 109.579C92.9368 106.411 93.4251 103.817 94.2188 101.797C95.25 99.1406 96.9219 96.8438 99.2344 94.9062C101.547 92.9688 103.297 91.2031 104.484 89.6094C105.703 87.9844 106.312 86.2031 106.312 84.2656C106.312 79.5469 104.281 77.1875 100.219 77.1875C98.3438 77.1875 96.8281 77.875 95.6719 79.25C95.0386 80.0031 94.5693 80.9016 94.2641 81.9453C93.8079 83.5057 92.5484 84.8281 90.9227 84.8281H81.0301C79.3616 84.8281 77.9911 83.4612 78.1918 81.8048C78.7755 76.9894 80.6803 73.1378 83.9062 70.25C87.7812 66.75 93.2188 65 100.219 65C107.188 65 112.578 66.6094 116.391 69.8281C120.234 73.0469 122.156 77.625 122.156 83.5625C122.156 86.1562 121.641 88.5156 120.609 90.6406C119.578 92.7656 117.922 94.9375 115.641 97.1562L110.25 102.172C108.719 103.641 107.656 105.156 107.062 106.719C106.732 107.571 106.484 108.554 106.318 109.668C106.078 111.276 104.782 112.578 103.156 112.578H95.6719ZM90.75 126.828C90.75 124.516 91.5781 122.625 93.2344 121.156C94.9219 119.656 97.0156 118.906 99.5156 118.906C102.016 118.906 104.094 119.656 105.75 121.156C107.438 122.625 108.281 124.516 108.281 126.828C108.281 129.141 107.438 131.047 105.75 132.547C104.094 134.016 102.016 134.75 99.5156 134.75C97.0156 134.75 94.9219 134.016 93.2344 132.547C91.5781 131.047 90.75 129.141 90.75 126.828Z" fill="white"/>
+<defs>
+<filter id="filter0_d" x="13" y="15" width="174" height="174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>

From ed3cb03194b69fb451225adae99177596507405d Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sun, 25 Oct 2020 19:34:52 +0530
Subject: [PATCH 14/33] =?UTF-8?q?=F0=9F=9A=80=20Updated=20hotspots=20in=20?=
 =?UTF-8?q?builder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build.py      |   7 +---
 helper.py     |  24 ++++++++----
 hotspots.json | 102 --------------------------------------------------
 log.py        |   8 +++-
 4 files changed, 25 insertions(+), 116 deletions(-)
 delete mode 100644 hotspots.json

diff --git a/build.py b/build.py
index 7679079..2382e1a 100644
--- a/build.py
+++ b/build.py
@@ -1,4 +1,3 @@
-import json
 import log
 from clickgen import build_cursor_theme
 
@@ -8,10 +7,8 @@
 
 def build() -> None:
     init_build()
-    with open('./hotspots.json', 'r') as hotspot_file:
-        hotspots = json.loads(hotspot_file.read())
-        build_cursor_theme(name, image_dir=bitmaps_dir,
-                           cursor_sizes=sizes, out_path=temp_folder, hotspots=hotspots, archive=False, delay=delay)
+    build_cursor_theme(name, image_dir=bitmaps_dir,
+                        cursor_sizes=sizes, out_path=temp_folder, hotspots=None, archive=False, delay=delay)
     pack_it()
 
 
diff --git a/helper.py b/helper.py
index 5259179..cc88968 100644
--- a/helper.py
+++ b/helper.py
@@ -2,7 +2,16 @@
 import json
 import sys
 
-from config import name, temp_folder, bitmaps_dir, win_out, x11_out, window_install_inf_content, windows_cursors, package_dir
+from config import (
+    name,
+    temp_folder,
+    bitmaps_dir,
+    win_out,
+    x11_out,
+    window_install_inf_content,
+    windows_cursors,
+    package_dir,
+)
 from os import path, listdir, rename, remove
 
 
@@ -30,13 +39,13 @@ def window_bundle() -> None:
 
 def init_build() -> None:
     """
-        Print build version.
-        Remove previously built packages && Check Bitmaps.
+    Print build version.
+    Remove previously built packages && Check Bitmaps.
     """
     with open("./package.json", "r") as package_file:
         data = json.loads(package_file.read())
-        version = data['version']
-        print("⚡ GoogleDot Builder  %s" % version)
+        version = data["version"]
+        print("⚡ GoogleDot Builder v%s" % version)
 
     # cleanup old packages
     if path.exists(package_dir):
@@ -45,13 +54,14 @@ def init_build() -> None:
     # Checking Bitmaps directory
     if not path.exists(bitmaps_dir):
         print(
-            "⚠ BITMAPS NOT FOUND.\n\n`yarn install && yarn render` to Generates Bitmaps")
+            "⚠ BITMAPS NOT FOUND.\n\n`yarn install && yarn render` to Generates Bitmaps"
+        )
         sys.exit(1)
 
 
 def pack_it() -> None:
     """
-        Create Crisp 📦 Packages for Windows & X11 Cursor Theme.
+    Create Crisp 📦 Packages for Windows & X11 Cursor Theme.
     """
     # Rename directory
     shutil.move(path.join(temp_folder, name, "x11"), x11_out_dir)
diff --git a/hotspots.json b/hotspots.json
deleted file mode 100644
index adbba3b..0000000
--- a/hotspots.json
+++ /dev/null
@@ -1,102 +0,0 @@
-{
-  "all_scroll": { "xhot": 100, "yhot": 100 },
-
-  "bottom_left_corner": { "xhot": 100, "yhot": 100 },
-  "fd_double_arrow": { "xhot": 100, "yhot": 100 },
-  "top_right_corner": { "xhot": 100, "yhot": 100 },
-
-  "bottom_right_corner": { "xhot": 100, "yhot": 100 },
-  "bd_double_arrow": { "xhot": 100, "yhot": 100 },
-  "top_left_corner": { "xhot": 100, "yhot": 100 },
-
-  "bottom_tee": { "xhot": 141, "yhot": 99 },
-
-  "center_ptr": { "xhot": 61, "yhot": 100 },
-
-  "circle": { "xhot": 47, "yhot": 39 },
-  "crossed_circle": { "xhot": 47, "yhot": 39 },
-  "dnd_no_drop": { "xhot": 47, "yhot": 39 },
-
-  "context_menu": { "xhot": 61, "yhot": 58 },
-
-  "copy": { "xhot": 47, "yhot": 39 },
-  "dnd_copy": { "xhot": 47, "yhot": 39 },
-
-  "cross": { "xhot": 100, "yhot": 100 },
-  "tcross": { "xhot": 100, "yhot": 100 },
-
-  "crosshair": { "xhot": 100, "yhot": 100 },
-
-  "dotbox": { "xhot": 100, "yhot": 100 },
-
-  "hand1": { "xhot": 94, "yhot": 105 },
-
-  "hand2": { "xhot": 66, "yhot": 34 },
-
-  "left_ptr": { "xhot": 68, "yhot": 41 },
-
-  "left_side": { "xhot": 100, "yhot": 100 },
-  "right_side": { "xhot": 100, "yhot": 100 },
-
-  "left_tee": { "xhot": 100, "yhot": 58 },
-
-  "link": { "xhot": 61, "yhot": 105 },
-  "dnd_link": { "xhot": 61, "yhot": 105 },
-
-  "ll_angle": { "xhot": 141, "yhot": 58 },
-
-  "lr_angle": { "xhot": 141, "yhot": 138 },
-
-  "move": { "xhot": 80, "yhot": 106 },
-  "dnd_move": { "xhot": 80, "yhot": 106 },
-  "dnd_none": { "xhot": 80, "yhot": 106 },
-  "grabbing": { "xhot": 80, "yhot": 106 },
-  "pointer_move": { "xhot": 80, "yhot": 106 },
-
-  "pencil": { "xhot": 141, "yhot": 58 },
-
-  "plus": { "xhot": 100, "yhot": 100 },
-
-  "question_arrow": { "xhot": 105, "yhot": 105 },
-  "dnd_ask": { "xhot": 105, "yhot": 105 },
-
-  "right_ptr": { "xhot": 61, "yhot": 138 },
-
-  "right_tee": { "xhot": 100, "yhot": 138 },
-
-  "sb_down_arrow": { "xhot": 133, "yhot": 99 },
-
-  "sb_h_double_arrow": { "xhot": 100, "yhot": 100 },
-
-  "sb_left_arrow": { "xhot": 100, "yhot": 68 },
-
-  "sb_right_arrow": { "xhot": 100, "yhot": 138 },
-
-  "sb_up_arrow": { "xhot": 68, "yhot": 99 },
-
-  "sb_v_double_arrow": { "xhot": 100, "yhot": 100 },
-
-  "top_side": { "xhot": 100, "yhot": 100 },
-  "bottom_side": { "xhot": 100, "yhot": 100 },
-
-  "top_tee": { "xhot": 61, "yhot": 99 },
-
-  "ul_angle": { "xhot": 61, "yhot": 65 },
-
-  "ur_angle": { "xhot": 61, "yhot": 138 },
-
-  "vertical_text": { "xhot": 100, "yhot": 102 },
-
-  "wait": { "xhot": 104, "yhot": 105 },
-  "left_ptr_watch": { "xhot": 104, "yhot": 105 },
-
-  "wayland_cursor": { "xhot": 100, "yhot": 100 },
-
-  "x_cursor": { "xhot": 100, "yhot": 100 },
-
-  "xterm": { "xhot": 97, "yhot": 97 },
-
-  "zoom_in": { "xhot": 76, "yhot": 78 },
-
-  "zoom_out": { "xhot": 76, "yhot": 78 }
-}
diff --git a/log.py b/log.py
index e59183c..0e8767e 100644
--- a/log.py
+++ b/log.py
@@ -2,5 +2,9 @@
 
 import logging
 
-logging.basicConfig(filename='build.log', filemode='w',
-                    format='%(name)s - %(levelname)s - %(message)s', level=logging.DEBUG)
+logging.basicConfig(
+    filename="build.log",
+    filemode="w",
+    format="%(name)s - %(levelname)s - %(message)s",
+    level=logging.DEBUG,
+)

From aa3103f4714f9d76a703a3954fe1146992f70d38 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Mon, 26 Oct 2020 12:06:37 +0530
Subject: [PATCH 15/33] =?UTF-8?q?=F0=9F=9A=80=20Animated=20cursors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/svg/animated/wait.svg | 92 +++++++++++++++------------------------
 1 file changed, 36 insertions(+), 56 deletions(-)

diff --git a/src/svg/animated/wait.svg b/src/svg/animated/wait.svg
index 4c2f3ba..fb03daa 100644
--- a/src/svg/animated/wait.svg
+++ b/src/svg/animated/wait.svg
@@ -4,73 +4,53 @@
             <path opacity="0.01" d="M200 0H0V200H200V0Z" fill="white" />
         </g>
         <g filter="url(#filter0_d)">
-            <circle cx="99.5" cy="100.5" r="85.5" fill="black" fill-opacity="0.46" />
+            <circle cx="100" cy="100" r="89" fill="white" />
         </g>
 
-        <g>
-            <animateTransform attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" additive="sum"
-                begin="0s" dur="1.2s" repeatCount="indefinite" />
-            <path
-                d="M38 161.5C22.3037 145.897 13 123.866 13 100.088C13 92.2728 14.0484 84.7003 16.0132 77.5012C16.0214 77.4964 16.0296 77.4916 16.0378 77.4868C45.244 60.3581 83.1377 70.3323 100 100C66.6763 100 38.6522 127.79 38 161.5Z"
-                fill="url(#paint0_linear)" />
-            <path
-                d="M38 161.366C38 161.356 38 161.345 38 161.335C38 127.461 66.3932 100 99.7784 100C83.0856 129.336 91.6623 166.848 120.574 183.785C120.716 183.868 120.858 184.418 121 184.5C113.898 186.435 106.43 187 98.7238 187C74.9731 187 53.4858 177.195 38 161.366Z"
-                fill="url(#paint1_linear)" />
-            <path
-                d="M121 184.5C92.3135 167.276 82.7818 129.33 99.5002 100C116.338 129.54 153.726 139.661 182.89 122.606C182.927 122.584 183.327 122.627 183.364 122.606C175.457 152.635 151.089 176.695 121 184.5Z"
-                fill="url(#paint2_linear)" />
-            <path
-                d="M183.074 123.7C184.982 116.464 186 108.856 186 101.005C186 76.7491 176.285 54.8061 160.607 39C160.199 73.254 132.75 100 99.5 100C116.255 129.991 153.8 141.168 182.82 123.853C182.905 123.802 182.99 123.752 183.074 123.7Z"
-                fill="url(#paint3_linear)" />
-            <path
-                d="M161 39.6587C160.781 73.0214 132.844 100 99.5 100C116.239 70.9465 107.189 33.7959 78.1967 17.0217C78.1312 16.9838 78.0656 16.5376 78 16.5C85.0529 14.6028 92.4636 14 100.108 14C123.924 14 145.471 23.8149 161 39.6587Z"
-                fill="url(#paint4_linear)" />
-            <path
-                d="M16 77.9762C24.1078 48.1524 47.9003 24.2337 78 16.5C106.732 33.5633 116.59 71.0269 99.8376 100C83.0212 70.3405 45.1228 60.8287 16.0244 77.9618C16.0163 77.9666 16.0081 77.9714 16 77.9762Z"
-                fill="url(#paint5_linear)" />
+        <g transform="translate(100 100) scale(1.8 1.8)">
+            <g>
+                <animateTransform attributeName="transform" type="rotate" calcMode="discrete" values="0;90;180;270;360"
+                    keyTimes="0;0.25;0.5;0.75;1" dur="1.7241379310344827s" repeatCount="indefinite"></animateTransform>
+                <path d="M-40 0A40 40 0 1 0 40 0" fill="#c5523f">
+                    <animate attributeName="fill" calcMode="discrete" values="#c5523f;#f2b736;#499255;#1875e5;#c5523f"
+                        keyTimes="0;0.24;0.49;0.74;0.99" dur="1.7241379310344827s" repeatCount="indefinite"></animate>
+                </path>
+                <path d="M-40 0A40 40 0 0 1 40 0" fill="#f2b736">
+                    <animate attributeName="fill" calcMode="discrete" values="#f2b736;#499255;#1875e5;#c5523f;#f2b736"
+                        keyTimes="0;0.25;0.5;0.75;1" dur="1.7241379310344827s" repeatCount="indefinite"></animate>
+                </path>
+                <path d="M-39 0L39 0" stroke="#8c382a" stroke-width="2">
+                    <animate attributeName="stroke"
+                        values="#c5523f;#8c382a;#c3890d;#f2b736;#c3890d;#33663c;#499255;#33663c;#1152a0;#1875e5;#1152a0;#8c382a;#c5523f"
+                        keyTimes="0;0.124;0.125;0.25;0.374;0.375;0.5;0.624;0.625;0.75;0.874;0.875;1"
+                        dur="1.7241379310344827s" repeatCount="indefinite"></animate>
+                </path>
+                <g>
+                    <path d="M-40 0A40 40 0 0 1 40 0Z" fill="#8c382a">
+                        <animate attributeName="fill"
+                            values="#c5523f;#8c382a;#c3890d;#f2b736;#c3890d;#33663c;#499255;#33663c;#1152a0;#1875e5;#1152a0;#8c382a;#c5523f"
+                            keyTimes="0;0.124;0.125;0.25;0.374;0.375;0.5;0.624;0.625;0.75;0.874;0.875;1"
+                            dur="1.7241379310344827s" repeatCount="indefinite"></animate>
+                        <animateTransform attributeName="transform" type="scale" values="1 1;1 0;1 -1;1 1"
+                            keyTimes="0;0.5;0.999;1" dur="0.43103448275862066s" repeatCount="indefinite">
+                        </animateTransform>
+                    </path>
+                </g>
+            </g>
         </g>
     </g>
     <defs>
-        <filter id="filter0_d" x="0" y="6" width="199" height="199" filterUnits="userSpaceOnUse"
+        <filter id="filter0_d" x="-1" y="1" width="202" height="202" filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB">
             <feFlood flood-opacity="0" result="BackgroundImageFix" />
             <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
-            <feOffset dy="5" />
-            <feGaussianBlur stdDeviation="6.5" />
-            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" />
+            <feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow" />
+            <feOffset dy="2" />
+            <feGaussianBlur stdDeviation="5" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
             <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
             <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
         </filter>
-        <linearGradient id="paint0_linear" x1="48.566" y1="69.1662" x2="48.566" y2="186.344"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#52CF30" />
-            <stop offset="1" stop-color="#3BBD1C" />
-        </linearGradient>
-        <linearGradient id="paint1_linear" x1="90.6631" y1="100" x2="90.6631" y2="202.225"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#14ADF6" />
-            <stop offset="1" stop-color="#1191F4" />
-        </linearGradient>
-        <linearGradient id="paint2_linear" x1="146.222" y1="100" x2="146.222" y2="192.183"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#CA70E1" />
-            <stop offset="1" stop-color="#B452CB" />
-        </linearGradient>
-        <linearGradient id="paint3_linear" x1="150.499" y1="13.8093" x2="150.499" y2="132.264"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FF645D" />
-            <stop offset="1" stop-color="#FF4332" />
-        </linearGradient>
-        <linearGradient id="paint4_linear" x1="108.191" y1="-1.2405" x2="108.191" y2="100"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FBB114" />
-            <stop offset="1" stop-color="#FF9508" />
-        </linearGradient>
-        <linearGradient id="paint5_linear" x1="52.8082" y1="8.83735" x2="52.8082" y2="100.035"
-            gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FFD305" />
-            <stop offset="1" stop-color="#FDCF01" />
-        </linearGradient>
         <clipPath id="clip0">
             <rect width="200" height="200" fill="white" />
         </clipPath>

From 8e7db6c10bbe48ca19b03d2a6596f30bf3bdf05a Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Mon, 26 Oct 2020 19:14:45 +0530
Subject: [PATCH 16/33] =?UTF-8?q?=F0=9F=98=8D=20Info=20Header=20added?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 63 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index e515309..8d47b41 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,64 @@
-# Google_Cursor
+<p align="center">
+    GoogleDot Cursor
+</p>
 
+<p align="center">
+    🍭 Cursor theme inspired on Google
+</p>
+
+<!-- Badges -->
+<p align="center">
+  <!-- First Row -->
+  <!-- <a href="https://github.com/ful1e5/Google_Cursor/actions?query=workflow%3Abuild">
+    <img alt="GitHub Action Build" src="https://github.com/ful1e5/Google_Cursor/workflows/build/badge.svg" width="102" />
+  </a> -->
+  
+  <a href="https://www.codefactor.io/repository/github/ful1e5/google_cursor">
+    <img src="https://www.codefactor.io/repository/github/ful1e5/google_cursor/badge" alt="CodeFactor" />
+  </a>
+
+  <!-- Second Row -->
+  </br >
+  <a href="https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html">
+    <img alt="npm type definitions" src="https://img.shields.io/npm/types/typescript">
+  </a>
+
+  <a href="https://github.com/puppeteer/puppeteer/">
+    <img alt="Puppeteer version" src="https://img.shields.io/github/package-json/dependency-version/ful1e5/Google_Cursor/puppeteer">
+  </a>
+
+  <a href="https://github.com/ful1e5/clickgen">
+    <img alt="Clickgen" src="https://img.shields.io/badge/theme%20builder-clickgen-FD0542" />
+  </a>
+  
+  <!-- Second Row -->
+  <br />
+  <a href="https://github.com/ful1e5/Google_Cursor/releases">
+    <img alt="Google Cursor release (latest by date including pre-releases)" src="https://img.shields.io/github/v/release/ful1e5/Google_Cursor?include_prer"
+  </a>
+
+  <a href="https://github.com/ful1e5/Google_CursorICENSE">
+    <img alt="License" src="https://img.shields.io/github/license/ful1e5/Google_Cursor?color=0081FB" />
+  </a>
+
+  <!-- Third Row -->
+  <br />
+  <a href="www.pling.com/p/1215613#files-panel">
+    <img alt="License" src="https://img.shields.io/badge/-Linux-grey?logo=linux" />
+  </a>
+
+  <a href="www.pling.com/p/1215613#files-panel">
+    <img alt="License" src="https://img.shields.io/badge/-Windows-blue?logo=windows" />
+  </a>
+
+  <a href="https://www.python.org/">
+    <img alt="License" src="https://img.shields.io/badge/-Python-yellow?logo=python" />
+  </a>
+ <!-- Fourth Row -->
+  <br />
+  <a href="https://github.com/ful1e5">
+    <img alt="Made By Kaiz"  src="https://kaiz.vercel.app/api/badge" width="133" />
+  </a>
+</p>
+
+---

From c77cc1ae2de823ce2bceb6ee14eacdaef50e937e Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Mon, 26 Oct 2020 19:17:34 +0530
Subject: [PATCH 17/33] =?UTF-8?q?=E2=84=B9=EF=B8=8F=20Cursor=20info?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/README.md b/README.md
index 8d47b41..281a97b 100644
--- a/README.md
+++ b/README.md
@@ -54,6 +54,7 @@
   <a href="https://www.python.org/">
     <img alt="License" src="https://img.shields.io/badge/-Python-yellow?logo=python" />
   </a>
+
  <!-- Fourth Row -->
   <br />
   <a href="https://github.com/ful1e5">
@@ -62,3 +63,9 @@
 </p>
 
 ---
+
+<!-- Intro -->
+
+# GoogleDot Cursor
+
+Cursor theme inspired on **google material design** for `Windows` and `Linux` with _HiDPi Support_ 🎉.

From 8c03d018fbe5606b65ef129d6a510819187c2a81 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Mon, 26 Oct 2020 19:29:00 +0530
Subject: [PATCH 18/33] =?UTF-8?q?=E2=9A=A1=20Colors=20and=20sizes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/README.md b/README.md
index 281a97b..8fb894c 100644
--- a/README.md
+++ b/README.md
@@ -69,3 +69,24 @@
 # GoogleDot Cursor
 
 Cursor theme inspired on **google material design** for `Windows` and `Linux` with _HiDPi Support_ 🎉.
+
+#### Cursor Sizes
+
+<kbd>22</kbd>
+<kbd>24</kbd>
+<kbd>28</kbd>
+<kbd>32</kbd>
+<kbd>40</kbd>
+<kbd>48</kbd>
+<kbd>56</kbd>
+<kbd>64</kbd>
+<kbd>72</kbd>
+<kbd>80</kbd>
+<kbd>88</kbd>
+<kbd>96</kbd>
+
+#### Colors
+
+![#4285F4](https://imgur.com/NXEup6E.png)
+![#FFFFFF](https://imgur.com/cvFxSBb.png)
+

From 3b89a28b5a20b66bb827a3d5497e462f689ad945 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Mon, 26 Oct 2020 19:29:20 +0530
Subject: [PATCH 19/33] =?UTF-8?q?=F0=9F=92=BE=20Pling=20store=20install?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/README.md b/README.md
index 8fb894c..60a31c9 100644
--- a/README.md
+++ b/README.md
@@ -90,3 +90,12 @@ Cursor theme inspired on **google material design** for `Windows` and `Linux` wi
 ![#4285F4](https://imgur.com/NXEup6E.png)
 ![#FFFFFF](https://imgur.com/cvFxSBb.png)
 
+#### Quick install
+
+<p align="center">
+  <a href="https://www.pling.com/p/1215613/" >
+    <img title="GoogleDot Pling Store" width="40%" src="https://imgur.com/VxSgrWw.png">
+  </a>
+</p>
+
+

From 238296198c3f769bc591b7af5365560aa1b818d7 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Mon, 26 Oct 2020 19:31:06 +0530
Subject: [PATCH 20/33] =?UTF-8?q?=F0=9F=92=BE=20Install=20docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/README.md b/README.md
index 60a31c9..822f9c1 100644
--- a/README.md
+++ b/README.md
@@ -98,4 +98,27 @@ Cursor theme inspired on **google material design** for `Windows` and `Linux` wi
   </a>
 </p>
 
+### Manual Install
+
+#### Linux/X11
+
+```bash
+# extract `GoogleDot.tar.gz`
+tar -xvf GoogleDot.tar.gz
+
+# For local users
+mv GoogleDot ~/.icons/
+
+# For all users
+sudo mv GoogleDot /usr/share/icons/
+```
+
+
+#### Windows
+
+1. unzip `GoogleDot_Windows.zip` file
+2. Open `GoogleDot_Windows/` in Explorer, and **right click** on `install.inf`.
+3. Click 'Install' from the context menu, and authorize the modifications to your system.
+4. Open _Control Panel > Personalization and Appearance > Change mouse pointers_, and select **GoogleDot Cursors**.
+5. Click '**Apply**'.
 

From 72a8ae4f58e3af61bdbc3b2fe6d0b8d6cae30e7b Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Mon, 26 Oct 2020 19:33:12 +0530
Subject: [PATCH 21/33] =?UTF-8?q?=F0=9F=94=97=20Build=20Dependencies=20doc?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)

diff --git a/README.md b/README.md
index 822f9c1..bc87cd4 100644
--- a/README.md
+++ b/README.md
@@ -122,3 +122,57 @@ sudo mv GoogleDot /usr/share/icons/
 4. Open _Control Panel > Personalization and Appearance > Change mouse pointers_, and select **GoogleDot Cursors**.
 5. Click '**Apply**'.
 
+<!-- Build Dependencies -->
+
+# Dependencies
+
+## Runtime Dependencies
+
+- libxcursor-dev
+- libx11-dev
+- libpng-dev (<=1.6)
+
+#### Install Runtime Dependencies
+
+##### macOS
+
+```bash
+brew cask install xquartz libpng
+```
+
+##### Debain/ubuntu
+
+```bash
+sudo apt install libx11-dev libxcursor-dev libpng-dev
+```
+
+##### ArchLinux/Manjaro
+
+```bash
+sudo pacman -S libx11 libxcursor libpng
+```
+
+##### Fedora/Fedora Silverblue/CentOS/RHEL
+
+```bash
+sudo dnf install libx11-devel libxcursor-devel libpng-devel
+```
+
+## Build Dependencies
+
+- [nodejs](https://nodejs.org/en/) (<=12.x.x)
+- [yarn](https://classic.yarnpkg.com/en/docs/install/)
+- [python](https://www.python.org/downloads/) (<=3.6)
+- [pip3](https://pip.pypa.io/en/stable/installing/)
+
+### Node Packages
+
+- [puppeteer](https://www.npmjs.com/package/puppeteer)
+- [pngjs](https://www.npmjs.com/package/pngjs)
+- [pixelmatch](https://www.npmjs.com/package/pixelmatch)
+
+### PyPi Packages
+
+- [clickgen](https://pypi.org/project/clickgen/s)
+- [Pillow](https://pypi.org/project/Pillow/)
+

From f2f352bb153c563a0aeed79c61fb13f7043debf9 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Mon, 26 Oct 2020 19:37:28 +0530
Subject: [PATCH 22/33] =?UTF-8?q?=F0=9F=9B=A0=20Build=20cursor=20docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/README.md b/README.md
index bc87cd4..8f6f68b 100644
--- a/README.md
+++ b/README.md
@@ -176,3 +176,34 @@ sudo dnf install libx11-devel libxcursor-devel libpng-devel
 - [clickgen](https://pypi.org/project/clickgen/s)
 - [Pillow](https://pypi.org/project/Pillow/)
 
+## Build From Scratch
+
+### ⚡ Auto Build (using GitHub Actions)
+
+GitHub Actions is automatically runs on every `push`(on **main** and **dev** branches) and `pull request`(on **main** branch), You found theme resources in `artifact` section of **build**.GitHub **Actions** available inside [.github/workflows](https://github.com/ful1e5/Google_Cursor/tree/main/.github/workflows) directory.
+
+### Manual Build
+
+#### Setup python environment
+
+```bash
+python3 -m pip install --upgrade pip                 # Update pip to latest
+python3 -m pip3 install virtualenv                   # Install python virtual environment
+virtualenv venv                                      # Create new virtualenv named `venv`
+source venv/bin/activate                             # Activate virtualenv
+
+# For Deactivate virtualenv
+deactivate
+```
+
+#### Compile From Source
+
+> Make sure your [python environment](#setup-python-environment) setup and `virtualenv` is **active**.
+
+```bash
+yarn install                                         # Install all Node Packages
+yarn py_install                                      # Install all PyPi Packages
+yarn compile                                         # Compile the cursor theme
+```
+
+After build `bitmaps` and `themes` directory are generated at project **root**.

From 1bb61caa7f1f8446ebdbaf669d73b3b67fedecbd Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Mon, 26 Oct 2020 19:39:11 +0530
Subject: [PATCH 23/33] =?UTF-8?q?=F0=9F=93=A6=20Build=20packages=20install?=
 =?UTF-8?q?=20docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/README.md b/README.md
index 8f6f68b..f26cd3c 100644
--- a/README.md
+++ b/README.md
@@ -207,3 +207,24 @@ yarn compile                                         # Compile the cursor theme
 ```
 
 After build `bitmaps` and `themes` directory are generated at project **root**.
+
+### Install Build Theme
+
+All builded cursor themes are available inside `themes` directory.
+
+#### Linux
+
+```bash
+cd ./themes
+rm -rf ~/.icons/GoogleDot && cp GoogleDot ~/.icons/   # installing Theme to local user(recommend)
+```
+
+#### Windows
+
+1. unzip `GoogleDot_Windows.zip` file
+2. Open the `settings` app.
+3. **Goto** `Devices` -> `Mouse` -> `Additional Mouse Options`.
+4. **Goto** the `pointers` tab.
+5. Replace each cursor in the currently applied cursor set with the corresponding cursor in the `GoogleDot_Windows` folder.
+6. Click "**save as**" and type in the desired name.
+7. Click "**apply**" and "**ok**".

From 0a89ced849ea152662697cb1f580231afb2be741 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Mon, 26 Oct 2020 19:42:05 +0530
Subject: [PATCH 24/33] =?UTF-8?q?=F0=9F=8C=88=20Finish=20docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 41 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index f26cd3c..394963c 100644
--- a/README.md
+++ b/README.md
@@ -34,7 +34,7 @@
   <!-- Second Row -->
   <br />
   <a href="https://github.com/ful1e5/Google_Cursor/releases">
-    <img alt="Google Cursor release (latest by date including pre-releases)" src="https://img.shields.io/github/v/release/ful1e5/Google_Cursor?include_prer"
+    <img alt="Google Cursor release (latest by date including pre-releases)" src="https://img.shields.io/github/v/release/ful1e5/Google_Cursor?include_prer">
   </a>
 
   <a href="https://github.com/ful1e5/Google_CursorICENSE">
@@ -228,3 +228,42 @@ rm -rf ~/.icons/GoogleDot && cp GoogleDot ~/.icons/   # installing Theme to loca
 5. Replace each cursor in the currently applied cursor set with the corresponding cursor in the `GoogleDot_Windows` folder.
 6. Click "**save as**" and type in the desired name.
 7. Click "**apply**" and "**ok**".
+
+<!-- Bug Report -->
+
+# Bugs
+
+Bugs 🐛 should be reported [here](https://github.com/ful1e5/Google_Cursor/issues) on the Github issues page.
+
+<!-- Help -->
+
+# Getting Help
+
+You can create a **issue**, I will help you. 🙂
+
+<!-- Contributions and Suggestion -->
+
+# Contributing
+
+Check [CONTRIBUTING.md](CONTRIBUTING.md), any suggestions for features and contributions to the continuing code masterelopment can be made via the issue tracker or code contributions via a `Fork` & `Pull requests`.
+
+<!-- Support -->
+
+## Support
+
+Give a **★** or Follow on [GitHub](https://github.com/ful1e5),That's work as **Steroid 💉** for me. 😉
+
+> For extra support
+
+<a href="https://www.buymeacoffee.com/Nt7Wg4V" target="_blank">
+  <img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;" >
+</a>
+
+<!-- Ninja  -->
+
+<h1 align="center">
+  ( `ω´ )۶▬ι═══════ﺤ
+</h1>
+<p align="center">
+  <sub>I'm Using Katana </sub>
+</p>
\ No newline at end of file

From 43bb024001c477d153d211074e5a7de835846c3e Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Tue, 27 Oct 2020 08:12:18 +0530
Subject: [PATCH 25/33] =?UTF-8?q?=F0=9F=8C=88=20Init?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/FUNDING.yml | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 .github/FUNDING.yml

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
new file mode 100644
index 0000000..9e754bd
--- /dev/null
+++ b/.github/FUNDING.yml
@@ -0,0 +1,2 @@
+patreon: KaizKhatri
+custom: https://www.paypal.me/kaizkhatri

From 69b8f4e16f20a766cc43351b1c8ddf8b6301ddd6 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Tue, 27 Oct 2020 08:12:48 +0530
Subject: [PATCH 26/33] =?UTF-8?q?=F0=9F=A4=96=20Stale=20bot=20config?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/stale.yml | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 .github/stale.yml

diff --git a/.github/stale.yml b/.github/stale.yml
new file mode 100644
index 0000000..d9f6563
--- /dev/null
+++ b/.github/stale.yml
@@ -0,0 +1,17 @@
+# Number of days of inactivity before an issue becomes stale
+daysUntilStale: 60
+# Number of days of inactivity before a stale issue is closed
+daysUntilClose: 7
+# Issues with these labels will never be considered stale
+exemptLabels:
+  - pinned
+  - security
+# Label to use when marking an issue as stale
+staleLabel: wontfix
+# Comment to post when marking an issue as stale. Set to `false` to disable
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+# Comment to post when closing a stale issue. Set to `false` to disable
+closeComment: false
\ No newline at end of file

From 355eb2942f5a8b97237a4c2b9aaf18e3481797fa Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Tue, 27 Oct 2020 08:13:16 +0530
Subject: [PATCH 27/33] =?UTF-8?q?=F0=9F=94=A7=20buid=20workflow=20init?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/build.yml | 95 +++++++++++++++++++++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 .github/workflows/build.yml

diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
new file mode 100644
index 0000000..53e5725
--- /dev/null
+++ b/.github/workflows/build.yml
@@ -0,0 +1,95 @@
+name: build
+
+on:
+  push:
+    paths-ignore:
+      - "**.md"
+      - "**.bbcode"
+      - LICENSE
+    branches: [main, dev]
+
+  pull_request:
+    paths-ignore:
+      - "**.md"
+      - "**.bbcode"
+      - LICENSE
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Install build dependencies (apt)
+        run: |
+          sudo apt install libx11-dev libxcursor-dev libpng-dev
+        continue-on-error: false
+
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "::set-output name=dir::$(yarn cache dir)"
+
+      - uses: actions/cache@v2
+        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
+        with:
+          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "12.x"
+      - run: yarn install
+      - run: yarn render
+
+      - name: Set up Python
+        uses: actions/setup-python@v2
+        with:
+          python-version: "3.x"
+
+      - name: Cache pip dependencies
+        uses: actions/cache@v2
+        with:
+          # This path is specific to Ubuntu
+          path: ~/.cache/pip
+          # Look to see if there is a cache hit for the corresponding requirements file
+          key: ${{ runner.os }}-pip-${{ hashFiles('requirements.txt') }}
+          restore-keys: |
+            ${{ runner.os }}-pip-
+            ${{ runner.os }}-
+
+      - name: Install pip dependencies
+        run: |
+          python -m pip install --upgrade pip
+          if [ -f requirements.txt ]; then pip install -r requirements.txt; fi
+        continue-on-error: false
+
+      - name: Generating `GoogleDot` Cursor Theme
+        run: python build.py
+
+      - name: Compressing Artifacts
+        run: |
+          tar -cvzf logs.tar.gz build.log
+          tar -cvzf bitmaps.tar.gz bitmaps
+          tar -cvzf GoogleDot.tar.gz themes
+
+      - name: Uploading `GoogleDot` Build Log artifact
+        uses: actions/upload-artifact@v2
+        with:
+          name: logs
+          path: logs.tar.gz
+
+      - name: Uploading `bitmaps` artifact
+        uses: actions/upload-artifact@v2
+        with:
+          name: bitmaps
+          path: bitmaps.tar.gz
+
+      - name: Uploading `GoogleDot` Theme artifact
+        uses: actions/upload-artifact@v2
+        with:
+          name: GoogleDot
+          path: GoogleDot.tar.gz

From be62e54e08e3ca0ffccdf3732548e72f258e57fe Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Tue, 27 Oct 2020 08:13:37 +0530
Subject: [PATCH 28/33] =?UTF-8?q?=F0=9F=92=96=20Black=20issues=20not=20all?=
 =?UTF-8?q?owed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/ISSUE_TEMPLATE/config.yml | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 .github/ISSUE_TEMPLATE/config.yml

diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000..ec4bb38
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1 @@
+blank_issues_enabled: false
\ No newline at end of file

From 70f4b94823dbeae76b757c6a306ef608d310730f Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Tue, 27 Oct 2020 08:14:18 +0530
Subject: [PATCH 29/33] =?UTF-8?q?=F0=9F=A7=91=E2=80=8D=F0=9F=92=BB=20Templ?=
 =?UTF-8?q?ates=20Init?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/ISSUE_TEMPLATE/----bug-report.md | 20 ++++++++++++
 .github/ISSUE_TEMPLATE/---feature.md     | 12 ++++++++
 .github/PULL_REQUEST_TEMPLATE.md         | 39 ++++++++++++++++++++++++
 3 files changed, 71 insertions(+)
 create mode 100644 .github/ISSUE_TEMPLATE/----bug-report.md
 create mode 100644 .github/ISSUE_TEMPLATE/---feature.md
 create mode 100644 .github/PULL_REQUEST_TEMPLATE.md

diff --git a/.github/ISSUE_TEMPLATE/----bug-report.md b/.github/ISSUE_TEMPLATE/----bug-report.md
new file mode 100644
index 0000000..db30f32
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/----bug-report.md
@@ -0,0 +1,20 @@
+---
+name: " \U0001F41B Bug Report"
+about: Did something not work?
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+## Description of the problem
+
+## How has this issue affected you? What are you trying to accomplish?
+
+### Logs or Screenshots: (optional)
+
+### Your Environment
+
+| Software         | Name/Version |
+| ---------------- | ------------ |
+| Operating System |              |
diff --git a/.github/ISSUE_TEMPLATE/---feature.md b/.github/ISSUE_TEMPLATE/---feature.md
new file mode 100644
index 0000000..945a67e
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/---feature.md
@@ -0,0 +1,12 @@
+---
+name: "\U0001F308 Feature"
+about: " What cool thing would you like to add?"
+title: ''
+labels: enhancement
+assignees: ''
+
+---
+
+# What is this feature? 
+# How the feature should work?
+# You have examples or an idea of how it can be implemented?
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
new file mode 100644
index 0000000..157b9fe
--- /dev/null
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,39 @@
+<!--
+Please make sure you are familiar with and follow the instructions in the
+contributing guidelines (found in the CONTRIBUTING.md file).
+
+Please fill out the information below to expedite the review and (hopefully)
+merge of your pull request!
+-->
+
+## What kind of change does this PR introduce?
+
+<!-- Is it a Bug fix, feature, docs update, ... -->
+
+## What is the current behavior?
+
+<!-- You can also link to an open issue here -->
+
+## What is the new behavior?
+
+<!-- if this is a feature change -->
+
+## What steps did you take to test this? This is required before I can merge, make sure to test the flow you've updated.
+
+1. Step A
+2. Step B
+3. Step C
+
+## Checklist
+
+<!-- Have you done all of these things?  -->
+<!-- add "N/A" to the end of each line that's irrelevant to your changes -->
+<!-- to check an item, place an "x" in the box like so: "- [x] Documentation" -->
+
+- [ ] Documentation
+- [ ] Testing 
+- [ ] Ready to be merged
+- [ ] Added myself to contributors table
+
+<!-- feel free to add additional comments -->
+<!-- Thank you for contributing! -->

From 492aaf6f7f0b49204eed94b22c9edafe11874a6c Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Tue, 27 Oct 2020 09:38:29 +0530
Subject: [PATCH 30/33] =?UTF-8?q?=F0=9F=8C=88=20Preview=20&=20Logo=20added?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 394963c..1ce92d8 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-    GoogleDot Cursor
+    <img src="https://i.imgur.com/nooUY96.png" width="120" alt="GoogleDot" />
 </p>
 
 <p align="center">
@@ -98,6 +98,19 @@ Cursor theme inspired on **google material design** for `Windows` and `Linux` wi
   </a>
 </p>
 
+#### Preview:
+
+> Detailed Cursors Informations inside [src/svgs/README.md](https://github.com/ful1e5/Google_Cursor/blob/main/src/svg/README.md)
+
+<!-- Preview -->
+
+<p align="center">
+  <img title="GoogleDot" src="https://imgur.com/osnWiED.png">
+  </br>
+  <sub>GoogleDot Cursors 🍭</sub>
+</p>
+
+
 ### Manual Install
 
 #### Linux/X11

From 81a08419d73558883b49cc7209763d2cce25ada4 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Tue, 27 Oct 2020 09:42:32 +0530
Subject: [PATCH 31/33] =?UTF-8?q?=F0=9F=97=92=EF=B8=8F=20Pling.com=20ptodu?=
 =?UTF-8?q?ct=20page=20docs=20init?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 PLING.bbcode | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 PLING.bbcode

diff --git a/PLING.bbcode b/PLING.bbcode
new file mode 100644
index 0000000..777f068
--- /dev/null
+++ b/PLING.bbcode
@@ -0,0 +1,40 @@
+[b]GoogleDot [/b] Cursor Theme with [b]HiDPi[/b] Display support. This Cursor is built with [b][url=https://github.com/ful1e5/clickgen]clickgen[/url][/b] and render with the [b][url=https://github.com/puppeteer/puppeteer/]puppeteer[/url][/b].
+[i]Available Sizes[/i] [b]22, 24, 28, 32, 40, 48, 56, 64, 72, 80, 88, 96
+
+[/b][i]Get latest build[/i] @[b][url=https://github.com/ful1e5/Google_Cursor/actions]GitHub Actions[/url][/b]
+[i]Release Notification[/i] at [b][url=https://twitter.com/ful1e5]Twitter[/url][/b](@ful1e5)
+
+[b]Linux/X11 installation[/b]
+Get the latest stable Linux release from the [b][url=https://www.pling.com/p/1215613#files-panel]Pling[/url][/b]. Unpack [b].tar.gz[/b] file and follow these [b]commands[/b].
+
+[b]Install[/b]
+[b]For all user:[/b]
+[code]sudo mv GoogleDot /usr/share/icons[/code]
+[b]For local user:[/b]
+[code]mv GoogleDot ~/.icons[/code]
+
+[b]Uninstall[/b]
+[b]From all user:[/b]
+[code]sudo rm -r /usr/share/icons/GoogleDot[/code]
+[b]From local user:[/b]
+[code]rm -r ~/.icons/GoogleDot[/code]
+
+[b]Window installation[/b]
+[list=1]
+    [*]unzip [b]GoogleDot_Windows.zip[/b] file[/*]
+    [*]Open [b]GoogleDot_Windows/[/b] in Explorer, and [b]right-click[/b] on [b]install.inf[/b].[/*]
+    [*]Click 'Install' from the context menu, and authorise the modifications to your system.[/*]
+    [*]Open [i]Control Panel > Personalisation and Appearance > Change mouse pointers[/i], and select [b]GoogleDot Cursors[/b].[/*]
+    [*]Click '[b]Apply[/b]'.[/*]
+[/list]
+
+[b]How I help the Creator?[/b]
+[list=2]
+    [*]Give a [b]Star[/b] or [b]Follow[/b] on [b][url=https://github.com/ful1e5/Google_Cursor]GitHub[/url][/b] (issues & PullRequest are welcome).[/*]
+    [*]By giving a [b]Pling[/b] or [b][url=https://www.paypal.me/kaizkhatri]Donation[/url][/b].[/*]
+    [*][b]Download[/b] from[url=https://www.pling.com/p/1408466/] Pling.com[/url] Product page that helps to [b]increases[/b] my [b]monthly payout[/b].[/*]
+    [*][b][url=https://www.pling.com/support]Become Supporter of Pling.com[/url][/b], So we become [b]Full-Time [/b]Libre & FOSS content creator [b];)[/b][/*]
+[/list]
+
+[b]License & Terms[/b]
+'[b]GoogleDot[/b]' Cursor Theme is available under the terms of the [b]GPL-3.0[/b] license.
\ No newline at end of file

From c36619eaef81cec41e060f0c4996b9f649931262 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Tue, 27 Oct 2020 09:45:54 +0530
Subject: [PATCH 32/33] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20v1.0.0=20logs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b616e64..1a7652e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,3 +6,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [unreleased]
+
+## [v1.0.0] - 27 Oct 2020
+
+### Added
+
+- Initial release 🎊
+- Logo and badges
+- CI/CD Pipelines
+
+[unreleased]: https://github.com/ful1e5/Google_Cursor/compare/v1.0.0...main
+[v1.0.0]: https://github.com/ful1e5/Google_Cursor/tree/v1.0.0

From 0bc61dc54f3c6f54ad6d206a6d8710143075e15d Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Tue, 27 Oct 2020 09:48:32 +0530
Subject: [PATCH 33/33] =?UTF-8?q?=F0=9F=A7=AA=20Build=20badge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 1ce92d8..6cba4ae 100644
--- a/README.md
+++ b/README.md
@@ -9,9 +9,9 @@
 <!-- Badges -->
 <p align="center">
   <!-- First Row -->
-  <!-- <a href="https://github.com/ful1e5/Google_Cursor/actions?query=workflow%3Abuild">
+  <a href="https://github.com/ful1e5/Google_Cursor/actions?query=workflow%3Abuild">
     <img alt="GitHub Action Build" src="https://github.com/ful1e5/Google_Cursor/workflows/build/badge.svg" width="102" />
-  </a> -->
+  </a>
   
   <a href="https://www.codefactor.io/repository/github/ful1e5/google_cursor">
     <img src="https://www.codefactor.io/repository/github/ful1e5/google_cursor/badge" alt="CodeFactor" />