added file menu

editor.css

@@ -126,7 +126,7 @@ body {
   z-index: 15;
 }
 
-.contextmenu div {
+.contextmenu div, #filemenu div {
   padding: 5px;
   background-color: rgb(230, 230, 230);
   opacity: 0.95;
@@ -147,14 +147,35 @@ body {
   border-bottom-right-radius: 5px;
 }
 
-.contextmenu div:hover {
+.contextmenu div:hover, #filemenu div:hover {
   background-color: rgb(240, 240, 240);
 }
 
-.contextmenu div:active {
+.contextmenu div:active, #filemenu div:active {
   background-color: rgb(250, 250, 250);
 }
 
+#filemenu .menutop {
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
+  padding-top: 20px;
+}
+
+#filemenu .menubottom {
+  border-bottom-left-radius: 15px;
+  border-bottom-right-radius: 15px;
+  padding-bottom: 20px;
+}
+
+#filemenu {
+  padding: 0 0 0 0;
+}
+
+#filemenu div {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
 ::-webkit-scrollbar {
   width: 5px;
 }

editor.html

@@ -13,7 +13,13 @@
     <div id="settings"> <!--Horizontal bar on top for selecting highlighting modes-->
       <div class="menuitem" onclick="openFileMenu(this)">
         <button>File</button>
-        <div class="submenu">FOO</div>
+        <div id="filemenu" class="submenu" onclick="event.stopPropagation()">
+          <div class="menutop">Undo (Ctrl + Z)</div>
+          <div class="menucenter">Redo (Ctrl + Y)</div>
+          <div class="menucenter">Save</div>
+          <div class="menucenter">Export</div>
+          <div class="menubottom">Open</div>
+        </div>
       </div>
       <div class="menuitem" onclick="openViewMenu(this)">
         <button>View</button>