diff --git a/app/js.js b/app/animeHandler.js
similarity index 93%
rename from app/js.js
rename to app/animeHandler.js
index 5dc9d2d..6621426 100644
--- a/app/js.js
+++ b/app/animeHandler.js
@@ -61,7 +61,8 @@ function alRequest(a) {
             averageScore
             genres
             coverImage {
-                large
+                extraLarge
+                medium
             }
             bannerImage
         }
@@ -100,7 +101,7 @@ function alRequest(a) {
             averageScore
             genres
             coverImage {
-                large
+                extraLarge
             }
             bannerImage
         }
@@ -135,7 +136,7 @@ function handleData(data) {
             template.innerHTML = `
                         <div class="row no-gutters h-100">
                             <div class="col-4 h-100">
-                                <img src="${media.coverImage.large}" class="cover-img">
+                                <img src="${media.coverImage.extraLarge}" class="cover-img">
                                 <div class="card-img-overlay d-flex align-content-end flex-wrap p-0">
                                     <div class="bg-tp-dark d-flex flex-grow-1 px-3 py-2">
                                         ${!!media.title.english ? media.title.english : media.title.romaji}
@@ -179,22 +180,26 @@ function viewAnime(index) {
     let details = ["title.english", "title.romaji", "status", "season", "seasonYear", "episodes", "duration", "format", "averageScore"]
     document.querySelector(".view").removeAttribute("hidden")
     document.querySelector(".view .banner img").src = media.bannerImage
-    document.querySelector(".view .contain-img").src = media.coverImage.large
-    document.querySelector(".view .contain-img").src = media.coverImage.large
+    document.querySelector(".view .contain-img").src = media.coverImage.extraLarge
+    document.querySelector(".view .contain-img").src = media.coverImage.extraLarge
     document.querySelector(".view .title").textContent = !!media.title.english ? media.title.english : media.title.romaji
     document.querySelector(".view .desc").innerHTML = !!media.description ? media.description : ""
     tsearch(index, 1)
 }
-const DOMPARSER = new DOMParser().parseFromString.bind(new DOMParser())
+const DOMPARSER = new DOMParser().parseFromString.bind(new DOMParser()),
+    searchTitle = document.querySelector("#title"),
+    searchEpisode = document.querySelector("#ep")
 
 
 function tsearch(index, episode) {
-    let name = request.data.Page.media[index].title.romaji,
+    let media = request.data.Page.media[index],
         table = document.querySelector("tbody.tsearch")
+        searchTitle.value = !!media.title.english ? media.title.english : media.title.romaji
+        searchEpisode.value = episode
     if (episode < 10) {
         episode = `0${episode}`
     }
-    let url = new URL(`https://nyaa.si/?page=rss&c=1_2&f=2&s=seeders&o=desc&q=${name}" ${episode} "`)
+    let url = new URL(`https://nyaa.si/?page=rss&c=1_2&f=2&s=seeders&o=desc&q=${media.title.romaji}" ${episode} "`)
     console.log(name)
     let frag = document.createDocumentFragment(),
         hasBegun = true
diff --git a/app/app.html b/app/app.html
index b92e3da..6abafe8 100644
--- a/app/app.html
+++ b/app/app.html
@@ -22,6 +22,13 @@
                 <a href="#" class="close" role="button" aria-label="Close">
                     <span aria-hidden="true" class="mb-5">&times;</span>
                 </a>
+                <div class="input-group mb-20">
+                    <input type="text" id="title" class="form-control" placeholder="Anime Name">
+                    <input type="number" id="ep" class="form-control flex-reset w-50" placeholder="#">
+                    <div class="input-group-append">
+                      <button class="btn btn-primary" type="button">Search</button>
+                    </div>
+                  </div>
                 <table class="table">
                     <thead>
                         <tr>
@@ -145,11 +152,11 @@
     </div>
 
     <script src="https://cdn.jsdelivr.net/gh/halfmoonui/halfmoon@1.0.4/js/halfmoon.min.js"></script>
-    <script src='js.js' defer></script>
-    <script src="https://cdn.jsdelivr.net/npm/webtorrent@latest/webtorrent.min.js"></script>
+    <script src='animeHandler.js'></script>
     <script src="playerHandler.js"></script>
-    <script src="torrentHandler.js"></script>
-    <script src="rangeParser.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/webtorrent@latest/webtorrent.min.js" defer></script>
+    <script src="torrentHandler.js" defer></script>
+    <script src="rangeParser.js" defer></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/app/playerHandler.js b/app/playerHandler.js
index 2a56ab4..a04d5c7 100644
--- a/app/playerHandler.js
+++ b/app/playerHandler.js
@@ -141,8 +141,9 @@ function bmute() {
     }
 }
 
+let level;
+
 function updatevolume(a) {
-    let level;
     if (a == null) {
         level = volume.value;
     } else {
@@ -228,56 +229,24 @@ document.onkeydown = function (a) {
 if ('mediaSession' in navigator) {
 
     navigator.mediaSession.metadata = new MediaMetadata({
-        title: 'Never Gonna Give You Up',
-        artist: 'Rick Astley',
-        album: 'Whenever You Need Somebody',
+        title: 'THE GOD OF HIGH SCHOOL',
+        artist: 'Miru',
         artwork: [
             {
-                src: 'https://dummyimage.com/96x96',
-                sizes: '96x96',
-                type: 'image/png'
-            },
-            {
-                src: 'https://dummyimage.com/128x128',
+                src: 'https://s4.anilist.co/file/anilistcdn/media/anime/cover/small/bx116006-XasdW0bB4n18.png',
                 sizes: '128x128',
                 type: 'image/png'
-            },
-            {
-                src: 'https://dummyimage.com/192x192',
-                sizes: '192x192',
-                type: 'image/png'
-            },
-            {
-                src: 'https://dummyimage.com/256x256',
-                sizes: '256x256',
-                type: 'image/png'
-            },
-            {
-                src: 'https://dummyimage.com/384x384',
-                sizes: '384x384',
-                type: 'image/png'
-            },
-            {
-                src: 'https://dummyimage.com/512x512',
-                sizes: '512x512',
-                type: 'image/png'
-            },
+            }
         ]
     });
 
-    navigator.mediaSession.setActionHandler('play', function () {
-        bpp();
-    });
-    navigator.mediaSession.setActionHandler('pause', function () {
-        bpp();
-    });
+    navigator.mediaSession.setActionHandler('play', bpp);
+    navigator.mediaSession.setActionHandler('pause', bpp);
     navigator.mediaSession.setActionHandler('seekbackward', function () {
         seek(-2);
     });
     navigator.mediaSession.setActionHandler('seekforward', function () {
         seek(2);
     });
-    navigator.mediaSession.setActionHandler('nexttrack', function () {
-        bnext();
-    });
+    navigator.mediaSession.setActionHandler('nexttrack', bnext);
 }