Update for 1.21

Author: gd-codes

README.md

@@ -20,13 +20,14 @@ Alternatively, you can download a copy of the source code from here on Github, a
 
 ### Previous Versions
 
-The app is updated occasionally, to keep in sync with changes made to the latest version of the Minecraft Bedrock game. To use the app at an older version, you can clone the source code at these specific releases:
+The app is updated occasionally, to keep in sync with changes made to the latest version of the Minecraft Bedrock game. It is best to use the latest version on the live website. In case you want to use the app at an older version, you can clone the source code at these specific releases:
 
  Minecraft Version | App Code on Github |
 | - | - |
-| 1.17.0 "Caves & Cliffs Part 1" | [v3.1](https://github.com/gd-codes/mc-pixelart-maker/tree/v3.1) |
-| 1.18.0 "Caves & Cliffs Part 2" | [v4.1](https://github.com/gd-codes/mc-pixelart-maker/tree/v4.1) |
-| 1.19.0 "Wild Update" | [v4.3](https://github.com/gd-codes/mc-pixelart-maker/tree/v4.3) |
+| 1.17.0 "Caves & Cliffs Part 1" | [v3.1](https://github.com/gd-codes/mc-pixelart-maker/releases/tag/v3.1) |
+| 1.18.0 "Caves & Cliffs Part 2" | [v4.1](https://github.com/gd-codes/mc-pixelart-maker/releases/tag/v4.1) |
+| 1.19.0 "Wild Update" | [v4.3](https://github.com/gd-codes/mc-pixelart-maker/releases/tag/v4.3) |
+| 1.20.0 "Trails & Tales" | [v4.5](https://github.com/gd-codes/mc-pixelart-maker/releases/tag/v4.5) |
 
 ### Contributing
 

css/style.css

@@ -8,7 +8,7 @@
 	background-image: url("../images/headercover.png");
 	background-attachment: fixed;
 	background-repeat: no-repeat;
-	background-position: center;
+	background-position: top;
 	padding: 120px 20px 120px;
 	background-size: cover;
   max-height: 50%;

images/headercover.png

@@ -230,7 +230,7 @@ function makeLogo(images) {
   var canv = $("#testCanvas")[0], ctx = canv.getContext('2d', alpha=false, willReadFrequently=true);
   var logodata = $("#logoImg")[0];
   canv.width = 128; canv.height = 128;
-  if (images == []) {
+  if (images.length === 0) {
     ctx.drawImage(logodata, 0, 0, 128, 128);
   } else {
     for (var i=0; i<images.length; i++) {

images/headercover_old.png

@@ -624,9 +624,12 @@ function deleteImgForm(uid) {
   if (verify) {
     $("#link_"+uid).remove();
     $("#tabPane_"+uid).remove();
-    delete PictureData[uid];
     deleteSurvivalGuide(uid);
     deleteSavedFormData(uid);
+    setTimeout(function() {
+      // Remove PictureData only after the other guides and UI!
+      delete PictureData[uid]; 
+    }, 2);
     $("#navbarList a.nav-link").first().click();
   }
 }
@@ -706,7 +709,7 @@ function writeBhvPack(images, uuids) {
       description: $("#bpackDescInput").val(),
       uuid: uuids[0],
       version: [1,0,0],
-      min_engine_version: [1,20,0]
+      min_engine_version: [1,21,0]
     },
     modules: [{
       description: "Created with https://gd-codes.github.io/mc-pixelart-maker, on " +