|
|
|
@ -9,13 +9,28 @@
@@ -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
@@ -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> |
|
|
|
|