MaskHome.html

<script type="module" src="js/MaskMain.js"></script>

<div class="mui-container-fluid" id="container">
  <table id="OptionTable">
    <thead>
    <tr><!-- Empty row for spacing --></tr>
    <tr class="OptionsClass">
      <th class="OptionsClass">
        <a href="#" onclick="loadContent('MaskSubmit.html')" class="main-button">
          <img class="main-icon" src="imgs/submit.png">
          <span class="label">Submit Mask Design</span>
        </a>
      </th>
      <th class="OptionsClass">
        <a href="#" onclick="loadContent('MaskMillQueue.html')" class="main-button">
          <img class="main-icon" src="imgs/milling-machine.png">
          <span class="label">Mask Milling Queue</span>
        </a>
      </th>
    </tr>
    <tr class="OptionsClass">
      <th class="OptionsClass">
        <a href="#" onclick="loadContent('MaskAvailableInventory.html')" class="main-button">
          <img class="main-icon" src="imgs/inventory-ready.png">
          <span class="label">Available User Mask Inventory</span>
        </a>
      </th>
      <th class="OptionsClass">
        <a href="#" onclick="loadContent('MaskInventory.html')" class="main-button">
          <img class="main-icon" src="imgs/inventory.png">
          <span class="label">All User Mask Inventory</span>
        </a>
      </th>
    </tr>
    <tr class="OptionsClass">
      <th class="OptionsClass">
        <a href="#" onclick="loadContent('MaskCalibInventory.html')" class="main-button">
          <img class="main-icon" src="imgs/measurement.png">
          <span class="label">Standard Masks</span>
        </a>
      </th>
      <th class="OptionsClass">
        <a href="#" onclick="loadContent('MaskAdminSearch.html')" class="main-button" id="adminSearchButton" style="display: none;">
          <img class="main-icon" src="imgs/global-network.png">
          <span class="label">Admin - Mask Search</span>
        </a>
      </th>
    </tr>
    <tr class="OptionsClass">
      <th class="OptionsClass">
        <a href="#" onclick="loadContent('MaskRecentBarcodes.html')" class="main-button" id="recentBarButton" style="display: none;">
          <img class="main-icon" src="imgs/scanned.png">
          <span class="label">Admin - Recent Barcodes</span>
        </a>
      </th>
      <th class="OptionsClass">
        <a href="#" onclick="loadContent('MaskTimeline.html')" class="main-button" id="timelineButton" style="display: none;">
          <img class="main-icon" src="imgs/timeline.png">
          <span class="label">Admin - Timeline Report</span>
        </a>
      </th>
    </tr>
    <tr class="OptionsClass">
      <th class="OptionsClass">
        <a href="#" onclick="loadContent('MaskAllActive.html')" class="main-button" id="maskActive" style="display: none;">
          <img class="main-icon" src="imgs/active-masks.png">
          <span class="label">Admin - All Active Masks</span>
        </a>
      </th>
    </tr>

    </thead>
  </table>

</div>