Fixed the body revealing transitions, removed broken font files

Signed-off-by: arzumify <jliwin98@danwin1210.de>

services-src/auth/resources/static/fonts/inter.css

@@ -1,57 +0,0 @@
-/* Variable fonts usage:
-:root { font-family: "Inter", sans-serif; }
-@supports (font-variation-settings: normal) {
-  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
-} */
-@font-face {
-  font-family: InterVariable;
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url("InterVariable.woff2") format("woff2");
-}
-@font-face {
-  font-family: InterVariable;
-  font-style: italic;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url("InterVariable-Italic.woff2") format("woff2");
-}
-
-/* static fonts */
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("Inter-ExtraLight.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("Inter-ExtraLightItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("Inter-Light.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("Inter-LightItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("Inter-Italic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("Inter-Medium.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("Inter-MediumItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("Inter-SemiBoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("Inter-BoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("Inter-ExtraBold.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("Inter-ExtraBoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("Inter-Black.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("Inter-BlackItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("InterDisplay-Thin.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("InterDisplay-ThinItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLight.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("InterDisplay-Light.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("InterDisplay-LightItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("InterDisplay-Regular.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("InterDisplay-Italic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("InterDisplay-Medium.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("InterDisplay-MediumItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBold.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("InterDisplay-Bold.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("InterDisplay-BoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBold.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("InterDisplay-Black.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("InterDisplay-BlackItalic.woff2") format("woff2"); }

services-src/auth/resources/templates/authorize.html

@@ -1,4 +1,4 @@
-<html lang="en">
+<html lang="en" style="display: none">
 <head>
     <title>Authorize application - {{ .identifier }}</title>
     <meta charset="UTF-8"/>

services-src/auth/resources/templates/autoAccept.html

@@ -1,4 +1,4 @@
-<html lang="en">
+<html lang="en" style="display: none">
 <head>
     <title>Redirecting... - {{ .identifier }}</title>
     <meta charset="UTF-8"/>

services-src/auth/resources/templates/clientKeyShare.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" style="display: none">
 <head>
     <title>Key Exchange - {{ .identifier }}</title>
     <meta charset="UTF-8"/>

services-src/auth/resources/templates/dashboard.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" style="display: none">
     <head>
         <title>Dashboard - {{ .identifier }}</title>
         <meta charset="UTF-8"/>

services-src/auth/resources/templates/login.html

@@ -1,6 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" style="display: none">
-
 <head>
     <title>Login - {{ .identifier }}</title>
     <meta charset="UTF-8"/>

services-src/auth/resources/templates/refresh.html

@@ -14,7 +14,5 @@
 <body>
     <p>Please wait...</p>
     <p>If your browser does not refresh, please refresh the page manually.</p>
-    <div id="swipe" class="swipe"></div>
-    <div id="swipe-out" class="swipe-out"></div>
 </body>
 </html>

services-src/auth/resources/templates/signup.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" style="display: none">
 <head>
     <title>Signup - {{ .identifier }}</title>
     <meta charset="UTF-8"/>

services-src/auth/resources/templates/testApp.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" style="display: none">
 <head>
     <title>Tester - {{ .identifier }}</title>
     <meta charset="UTF-8"/>
@@ -9,7 +9,7 @@
     <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
     <script src="/static/js/wasm_exec.js"></script>
 </head>
-<body style="display: none;">
+<body>
     <div class="inOutDiv">
         <h2>{{ .identifier }} Tester</h2>
         <p id="statusBox">Click authorize to begin the test</p>

services-src/auth/resources/templates/testAppNotAvailable.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" style="display: none">
 <head>
     <title>Tester - {{ .identifier }}</title>
     <meta charset="UTF-8"/>

services-src/auth/resources/wasm/authorize/main.go

@@ -105,7 +105,7 @@ func authorize(deny bool, query url.Values, sleepTime time.Duration) {
 
 func main() {
 	// Transition in
-	js.Global().Get("document").Get("body").Set("style", "display: initial")
+	js.Global().Get("document").Get("documentElement").Get("style").Set("display", "initial")
 	js.Global().Get("swipe-out").Get("classList").Call("add", "swipe-out-animate")
 
 	var sleepTime = 200 * time.Millisecond

services-src/auth/resources/wasm/clientKeyShare/main.go

@@ -14,7 +14,7 @@ import (
 
 func main() {
 	// Transition in
-	js.Global().Get("document").Get("body").Set("style", "display: initial")
+	js.Global().Get("document").Get("documentElement").Get("style").Set("display", "initial")
 	js.Global().Get("swipe-out").Get("classList").Call("add", "swipe-out-animate")
 
 	var sleepTime = 200 * time.Millisecond

services-src/auth/resources/wasm/dashboard/main.go

@@ -192,7 +192,7 @@ func fetchOauthClients(oauthList js.Value, localStorage js.Value, body []byte) {
 
 func main() {
 	// Transition in
-	js.Global().Get("document").Get("body").Set("style", "display: initial")
+	js.Global().Get("document").Get("documentElement").Get("style").Set("display", "initial")
 	js.Global().Get("swipe-out").Get("classList").Call("add", "swipe-out-animate")
 
 	var sleepTime = 200 * time.Millisecond

services-src/auth/resources/wasm/login/main.go

@@ -70,7 +70,7 @@ func showInput(inputType int, inputContainer js.Value, usernameBox js.Value, sig
 
 func main() {
 	// Transition in
-	js.Global().Get("document").Get("body").Set("style", "display: initial")
+	js.Global().Get("document").Get("documentElement").Get("style").Set("display", "initial")
 	js.Global().Get("swipe-out").Get("classList").Call("add", "swipe-out-animate")
 
 	var sleepTime = 200 * time.Millisecond
@@ -283,9 +283,11 @@ func main() {
 	}))
 
 	signupButton.Call("addEventListener", "click", js.FuncOf(func(this js.Value, args []js.Value) interface{} {
+		go func() {
 			js.Global().Get("swipe").Get("classList").Call("add", "swipe-animate")
 			time.Sleep(sleepTime)
 			js.Global().Get("window").Get("location").Call("replace", "/signup"+js.Global().Get("window").Get("location").Get("search").String())
+		}()
 		return nil
 	}))
 

services-src/auth/resources/wasm/signup/main.go

@@ -59,7 +59,7 @@ func pow(resource string) (string, string, error) {
 
 func main() {
 	// Transition in
-	js.Global().Get("document").Get("body").Set("style", "display: initial")
+	js.Global().Get("document").Get("documentElement").Get("style").Set("display", "initial")
 	js.Global().Get("swipe-out").Get("classList").Call("add", "swipe-out-animate")
 
 	var sleepTime = 200 * time.Millisecond
@@ -230,9 +230,11 @@ func main() {
 	}))
 
 	loginButton.Call("addEventListener", "click", js.FuncOf(func(this js.Value, args []js.Value) interface{} {
+		go func() {
 			js.Global().Get("swipe").Get("classList").Call("add", "swipe-animate")
 			time.Sleep(sleepTime)
 			js.Global().Get("window").Get("location").Call("replace", "/login"+js.Global().Get("window").Get("location").Get("search").String())
+		}()
 		return nil
 	}))
 

services-src/auth/resources/wasm/testApp/main.go

@@ -48,7 +48,7 @@ func randomChars(length int) (string, error) {
 
 func main() {
 	// Transition in
-	js.Global().Get("document").Get("body").Set("style", "display: initial")
+	js.Global().Get("document").Get("documentElement").Get("style").Set("display", "initial")
 	js.Global().Get("swipe-out").Get("classList").Call("add", "swipe-out-animate")
 
 	var sleepTime = 200 * time.Millisecond