diff --git a/app.py b/app.py
deleted file mode 100644
index 1861bd01..00000000
--- a/app.py
+++ /dev/null
@@ -1,31 +0,0 @@
-from flask import Flask, render_template, request
-from bs4 import BeautifulSoup
-import urllib, requests
-app = Flask(__name__)
-
-@app.route('/')
-def main():
-    return render_template('index.html', svg="", name="")
-
-@app.route('/submit_kanji', methods=['GET'])
-def submit_kanji():
-    try:
-        character = request.args.get('kanji')
-
-        url = "https://jisho.org/search/{0}".format(urllib.parse.quote_plus(character + "#kanji"))
-        r = requests.get(url, headers={
-            "User-Agent": "little-web-project",
-            "From": "http://lauchism.com"
-        })
-
-        if r.status_code != 200:
-            print(f"ERROR: Failed to access Jisho API... {r.status_code}")
-            return None
-        
-        body = BeautifulSoup(r.text, features="html.parser")
-        names = body.find("div", {"class": "kanji-details__main-meanings"})
-
-        with open(f"assets/0{format(ord(character), 'x')}.svg", encoding='utf-8') as file:
-            return render_template('index.html', svg=file.read(), name=names.string)
-    except:
-        return render_template('index.html', svg="no", name="no")
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..51a6d8b5
--- /dev/null
+++ b/index.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kanji</title>
+
+    <style>
+        object {
+            position: absolute;
+        }
+
+        .on {
+            stroke: green;
+            cursor: pointer;
+        }
+
+        span {
+            display: inline-block;
+            width: 50vh;
+            height: 50vh;
+            background-size: cover;
+        }
+
+        svg {
+            width: 100%;
+            height: 100%;
+        }
+    </style>
+
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+</head>
+<body>
+    <h1>search for kanji</h1>
+    <form>
+        <input type="text" name="kanji">
+        <input type="submit">
+    </form>
+    <span id="kanji_container">Loading</span>
+
+    <h2 id="kanji_meaning">Meanings currently not available due to CORS issues</h2>
+
+    <script>
+        $.urlParam = function(name){
+            var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
+            try {
+                return results[1] || 0;
+            } catch (error) {
+                return undefined;
+            }
+	        
+        }
+
+        $.loadSVG = function(hex) {
+            return $.ajax({
+                url: "assets/0" + hex + ".svg",
+                dataType: "text",
+                success: function(data) {
+                    $("#kanji_container").html(data);
+                    $("svg > g:nth-child(2)").remove();
+                    $("span").contents().filter((_, el) => el.nodeType === 3).remove();
+                }
+            });
+        }
+
+        const kanji_raw = $.urlParam('kanji');
+        if(kanji_raw != undefined)
+        {
+            const kanji = decodeURIComponent(kanji_raw);
+
+            $("form > input[name=kanji]").val(kanji);
+
+            var hex = kanji.charCodeAt(0).toString(16);
+            $.loadSVG(hex).then( response => {
+                var allParts = $("svg > g > g > g[kvg\\:element]");
+
+                allParts.on({
+                    mouseenter: function () {
+                        allParts.removeClass("on");
+                        $(this).addClass("on");
+
+                    },
+                    mouseleave: function () {
+                        $(this).removeClass("on");
+                    },
+                });
+
+                allParts.click(function() {
+                    window.location = window.location.origin + "?kanji=" + ((typeof $(this).attr("kvg:original") === typeof undefined) ? ((typeof $(this).attr("kvg:element") === typeof undefined) ? $(this).attr("kvg:phon") : $(this).attr("kvg:element")) : $(this).attr("kvg:original") );
+                });
+            });
+
+            $.ajax({
+                url: "https://kanjiapi.dev/v1/kanji/" + kanji_raw,
+                dataType: "jsonp",
+                success: function(res) {
+                    console.log(res);
+                }
+            });            
+        }
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
deleted file mode 100644
index 1fcf6669..00000000
--- a/templates/index.html
+++ /dev/null
@@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-
-    <style>
-        object {
-            position: absolute;
-        }
-
-        .on {
-            stroke: green;
-            cursor: pointer;
-        }
-
-        span {
-            display: inline-block;
-            width: 50vh;
-            height: 50vh;
-            background-size: cover;
-        }
-
-        svg {
-            width: 100%;
-            height: 100%;
-        }
-    </style>
-
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-</head>
-<body>
-    <h1>search for kanji</h1>
-    <form action="{{ url_for('submit_kanji') }}" method="get">
-        <input type="text" name="kanji">
-        <input type="submit">
-    </form>
-    <span>
-        {{svg|safe}}
-    </span>
-
-    <h2>
-        {{name}}
-    </h2>
-
-    <script>
-        var allParts = $("svg > g > g *[kvg\\:element]");
-
-        allParts.on({
-            mouseenter: function () {
-                allParts.removeClass("on");
-                $(this).addClass("on");
-
-            },
-            mouseleave: function () {
-                $(this).removeClass("on");
-            },
-        });
-
-        allParts.click(function() {
-            window.location = "{{ url_for('submit_kanji') }}" + "?kanji=" + ((typeof $(this).attr("kvg:original") === typeof undefined) ? ((typeof $(this).attr("kvg:element") === typeof undefined) ? $(this).attr("kvg:phon") : $(this).attr("kvg:element")) : $(this).attr("kvg:original") );
-        });
-
-    </script>
-</body>
-</html>
\ No newline at end of file
