About Page

assets/icons/index.js

@@ -204,6 +204,7 @@ import {
   cilCloudDownload,
   cilCode,
   cilGlobeAlt,
+  cilInfo,
   cilMedicalCross,
   cilMenu,
   cilPencil,
@@ -225,6 +226,7 @@ export const iconsSet = {
   cilPencil,
   cilPlus,
   cilShieldAlt,
+  cilInfo,
   cifAd,
   cifAe,
   cifAf,

components/SideBar.vue

@@ -8,10 +8,19 @@
   >
     <CSidebarNav role="navigation">
       <CNavItem>
-        <NuxtLink prefetch-on="interaction" to="/scenarios/new" class="nav-link">
+        <NuxtLink
+          prefetch-on="interaction"
+          to="/scenarios/new"
+          class="nav-link"
+        >
           <CIcon icon="cilPlus" size="lg" class="nav-icon" /> New scenario
         </NuxtLink>
       </CNavItem>
+      <CNavItem>
+        <NuxtLink prefetch-on="interaction" to="/about" class="nav-link">
+          <CIcon icon="cilInfo" size="lg" class="nav-icon" /> About
+        </NuxtLink>
+      </CNavItem>
     </CSidebarNav>
     <CSidebarHeader class="border-top d-flex">
       <!-- Use CoreUI Sidebar Header component instead of footer so that stylings for CoreUI Sidebar Brand component work -->
@@ -73,5 +82,4 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>