Moved older files to their directory

src/main/resources/static/css/main.css

@@ -162,6 +162,10 @@
     cursor: pointer;
 }
 
+.menuFactory {
+    color: lightgray;
+}
+
 .menuItem:hover {
     background: lightgray;
     color: white;

src/main/resources/static/js/uianimation.js

@@ -14,4 +14,10 @@ function changeAdvancedVisibility(){
     }
 }
 
-document.getElementById("optional").addEventListener("click", changeAdvancedVisibility);
+function createMessageTab() {
+    var items = document.getElementById("listItems");
+    items.innerHTML += '<div class="menuItem">Item</div>';
+}
+
+$("#optional").click(changeAdvancedVisibility);
+$(".menuFactory").click(createMessageTab);

src/main/resources/templates/mock.html

@@ -4,6 +4,7 @@
     <title>R11 MockedServices</title>
     <meta charset="utf-8">
     <link rel="stylesheet" href="../static/css/design.css" type="text/css">
+    <link rel="stylesheet" href="../static/Dependency/fontello-plus/css/fontello.css" type="text/css"/>
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css2?family=Acme&family=Josefin+Slab:wght@500&display=swap" rel="stylesheet">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@@ -14,12 +15,10 @@
         <div id="selectMenu">
             <div id="selectMenuContent" style="display: none;">
                 <div id="selectMenuHead" class="articleHead">List</div>
-                <div class="menuItemSelected">Item</div>
-                <div class="menuItem">Item</div>
-                <div class="menuItem">Item</div>
-                <div class="menuItem">Item</div>
-                <div class="menuItem">Item</div>
-                <div class="menuItem">Item</div>
+                    <div id="listItems">
+                        <div class="menuItemSelected">Item</div>
+                    </div>
+                <div class="menuItem menuFactory"><i class="icon-plus"></i></div>
             </div>
 
         </div>