UI: Fancier load animations

js/App.js

@@ -12,7 +12,6 @@ export default class App {
 	constructor(config) {
 		if (App.instance) return App.instance
 		App.instance = this
-		document.body.classList.remove("init")
 		this.config = new Config(config)
 		this.init()
 	}
@@ -24,5 +23,6 @@ export default class App {
 		this.settings = new Settings()
 
 		showPage("home")
+		document.body.classList.add("loaded")
 	}
 }

js/UI/Home/Home.js

@@ -35,6 +35,10 @@ export default class Home {
 	initHomeUI() {
 		let logo = document.getElementById("app-icon")
 		logo.src = this.config.get("icon")
+		logo.classList.add("notloaded")
+		logo.addEventListener("load", () => {
+			logo.classList.remove("notloaded")
+		})
 
 		let name = document.getElementById("app-name")
 		name.innerText = this.config.get("name")

js/UI/Main/Main.js

@@ -17,6 +17,10 @@ export default class Main {
 		this.backgrounds = document.getElementById("background")
 		for (let i = 0; i < 2; i++) {
 			let img = document.createElement("img")
+			img.classList.add("notloaded")
+			img.addEventListener("load", () => {
+				img.classList.remove("notloaded")
+			})
 			this.backgrounds.appendChild(img)
 		}