add language attribute to HTML tags and clean up CSS styles

kalwalt · kalwalt · commit 1a106fe6a6e9 · 2025-03-22T16:29:58.000+01:00
diff --git a/examples/arNFT_event_example.html b/examples/arNFT_event_example.html
@@ -1,9 +1,9 @@
 <!doctype html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8" />
         <title>ARnft event example showing a simple red cube</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=1" />
+        <meta name="viewport" content="widtha si=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=1" />
         <link rel="stylesheet" href="css/nft-style.css" />
     </head>
 
diff --git a/examples/arNFT_example.html b/examples/arNFT_example.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8" />
         <title>ARnft example showing a simple red cube</title>
diff --git a/examples/arNFT_gltf_brave_robot_example.html b/examples/arNFT_gltf_brave_robot_example.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8" />
         <title>ARnft example with a gltf model</title>
diff --git a/examples/arNFT_gltf_example.html b/examples/arNFT_gltf_example.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8" />
         <title>ARnft example with a gltf model</title>
diff --git a/examples/arNFT_image_example.html b/examples/arNFT_image_example.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8" />
         <title>ARnft example showing an image</title>
diff --git a/examples/arNFT_multi_dispose_example.html b/examples/arNFT_multi_dispose_example.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8" />
         <title>ARnft multi example showing some simple meshes</title>
diff --git a/examples/arNFT_multi_example.html b/examples/arNFT_multi_example.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8" />
         <title>ARnft multi example showing some simple meshes</title>
diff --git a/examples/arNFT_multi_one_worker_example.html b/examples/arNFT_multi_one_worker_example.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8" />
         <title>ARnft example showing a simple red cube</title>
diff --git a/examples/arNFT_video_example.html b/examples/arNFT_video_example.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8" />
         <title>ARnft example showing a video</title>
diff --git a/examples/css/nft-style.css b/examples/css/nft-style.css
@@ -9,7 +9,6 @@ html {
 }
 
 #loading {
-    width: 100%;
     position: absolute;
     display: flex;
     flex-direction: column;
@@ -32,9 +31,7 @@ html {
 
 .ui {
     position: fixed;
-
     margin: 0.5rem;
-
     background-color: rgba(255, 255, 255, 0.6);
     border-radius: 6px;
 }
@@ -53,7 +50,6 @@ html {
 
 .stats-item-title {
     margin: 0 0 0.25rem;
-
     font-size: 0.75rem;
 }
 
@@ -67,7 +63,6 @@ html {
     z-index: 200;
     margin: 0.5rem;
     padding: 0.25rem 0.5rem;
-
     font-size: 0.75rem;
     color: inherit;
     text-decoration: none;
@@ -85,14 +80,11 @@ html {
     border-radius: 6px;
     z-index: 200;
     width: 100px;
-    margin: 10px;
-    margin-left: auto;
+    margin: 10px auto;
     text-align: center;
     line-height: 75px;
     font-size: 0.8em;
-
     text-decoration: none;
-
     cursor: pointer;
 }
 
@@ -102,20 +94,17 @@ html {
     z-index: 200;
     margin: 0.5rem;
     padding: 0.25rem 0.5rem;
-
     font-size: 0.75rem;
     color: red;
     background-color: rgba(210, 30, 0, 0);
     text-decoration: none;
-
     cursor: pointer;
 }
 
 #app {
     position: fixed;
     top: 0;
     left: 0;
-
     width: 100%;
     height: 100%;
 }
@@ -124,7 +113,6 @@ html {
     position: absolute;
     top: 0;
     left: 0;
-
     display: block;
     width: 100% !important;
     height: 100% !important;
@@ -136,7 +124,6 @@ html {
     left: 0;
     top: 0;
     z-index: 100;
-
     display: block;
     width: 100% !important;
     height: 100% !important;
