From a8e532b686015e35a5d6e1d169f0d9914a77cb58 Mon Sep 17 00:00:00 2001
From: Nero Ignis <neroignis@gmail.com>
Date: Mon, 14 Aug 2023 21:45:55 +0200
Subject: [PATCH] ranks done;

---
 index.html | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 16a98a9..a89f2d7 100644
--- a/index.html
+++ b/index.html
@@ -9,13 +9,28 @@
             height: 1080px;
             background-color: transparent !important;
             background-position: top left;
-            overflow: hidden;
+            //overflow: hidden;
             margin: 0;
             padding: 0;
         }
+
+        #level-border {
+            position: fixed;
+            bottom: -5px;
+            left: -20px;
+            height: 250px;
+        }
+
+        #background {
+            position: fixed;
+            top: 0;
+            left: 0;
+            z-index: 10;
+        }
     </style>
 </head>
 <body>
+<img id="background" src="" alt="background"/>
 <img id="level-border" src="" alt="level-border"/>
 
 <script>
@@ -31,11 +46,12 @@ window.location.search
 if (parameters['level']) {
     let playerLevel = parameters['level'];
     let levelBorder = document.getElementById('level-border');
-    levelBorder.src = 'url("https://luna-development.net/overwatch-rank-frame/assets/frames/1-10.png")'
+    levelBorder.src = 'https://luna-development.net/overwatch-rank-frame/assets/frames/1-10.png'
 }
 
 if (parameters['rank']) {
-    document.body.style.backgroundImage = 'url("https://luna-development.net/overwatch-rank-frame/assets/overlays/'+parameters['rank']+'.png")';
+    let backgroundImage = document.getElementById('background');
+    backgroundImage.src = 'https://luna-development.net/overwatch-rank-frame/assets/overlays/'+parameters['rank']+'.png';
 }
 </script>
 </body>
