Switch to FontAwesome icons for the menubar

macrovision.html

@@ -5,7 +5,7 @@
   <meta charset="utf-8">
   <title>Macrovision</title>
   <link rel="stylesheet" href="reset.css">
-  <link rel="stylesheet" href="macrovision.css">
+  <link rel="stylesheet" href="macrovision.css"><script src="https://kit.fontawesome.com/10a16c6083.js" crossorigin="anonymous"></script> 
   <script src="math.min.js"></script>
   <script src="presets/buildings.js"></script>
   <script src="presets/landmarks.js"></script>
@@ -59,26 +59,26 @@
   </div>
   <div id="menubar">
     <span class="menubar-group">
-      <button id="menu-fullscreen">Fullscreen</button>
+      <button id="menu-fullscreen"><i class="fas fa-compress"></i></button>
     </span>
     <span class="menubar-group">
-      <button id="menu-clear">Clear</button>
+      <button id="menu-clear"><i class="fas fa-trash-alt"></i></button>
     </span>
     <span class="menubar-group">
-      <button id="menu-order-height">Order</button>
+      <button id="menu-order-height"><i class="fas fa-sort-numeric-up"></i></button>
     </span>
     <span class="menubar-group">
-      <button id="menu-permalink">Permalink</button>
-      <button id="menu-export">Export</button>
-      <button id="menu-save">Save</button>
-      <button id="menu-load">Load</button>
+      <button id="menu-permalink"><i class="fas fa-link"></i></button>
+      <button id="menu-export"><i class="fas fa-share"></i></button>
+      <button id="menu-save"><i class="fas fa-download"></i></button>
+      <button id="menu-load"><i class="fas fa-upload"></i></button>
     </span>
     <span class="menubar-group" id="spawners">
 
     </span>
   </span>
   <span class="menubar-group" id="scenes">
-    <button id="load-scene">Load</button>
+    <button id="load-scene"><i class="fas fa-cloud-upload-alt"></i></button>
     <select id="scene-choices">
 
     </select>

macrovision.js

@@ -1327,7 +1327,8 @@ function prepareEntities() {
         const button = document.createElement("button");
         button.id = "create-entity-" + category + "-button";
 
-        button.innerText = "Create";
+        button.innerHTML = "<i class=\"far fa-plus-square\"></i>";
+        
         button.addEventListener("click", e => {
             const newEntity = entityList[select.value].constructor()
             displayEntity(newEntity, newEntity.defaultView, 0.5, 1, true);