rfcx
diff --git a/‎.eslintrc.js
+2-1 b/‎.eslintrc.js
+2-1
diff --git a/‎CHANGELOG.md
+3 b/‎CHANGELOG.md
+3
diff --git a/‎README.md
+6-4 b/‎README.md
+6-4
diff --git a/‎index.html
+27-1 b/‎index.html
+27-1
@@ -31,6 +31,7 @@ module.exports = {
     ],
     'import/newline-after-import': ['error'],
     'unused-imports/no-unused-imports-ts': 'error',
-    'simple-import-sort/exports': ['error']
+    'simple-import-sort/exports': ['error'],
+    'no-void': ['error', { allowAsStatement: true }]
   }
 }
@@ -4,5 +4,8 @@
 
 * **setup:** CE-1261 Setup biodiversity analytics project ([CE-1261](https://jira.rfcx.org/browse/CE-1261))
 * **setup:** CE-1297 Setup biodiversity analytics deployment ([CE-1297](https://jira.rfcx.org/browse/CE-1297))
+* **setup:** CE-1262 Set up authentication page ([CE-1262](https://jira.rfcx.org/browse/CE-1262))
+* **setup:** CE-1348 Set up biodiversity analytics store data tool([CE-1348](https://jira.rfcx.org/browse/CE-1348))
+* **setup:** Set up api service for calling an api
 
 * **features:** CE-1327 User can see the comparison box at the top of report ([CE-1327](https://jira.rfcx.org/browse/CE-1327))
@@ -1,11 +1,13 @@
 # Biodiversity Analytics
 
-Biodiversity analytics website build with Vue 3 + Typescript + Vite + Windi CSS
+Biodiversity analytics website build with Vue 3, Typescript, Vite, Windi CSS, and Vuex
 
-## Getting started
+## Requirements
+
+- node 14+
+- npm 7+
 
-Requirements:
-- node 14+, npm 7+
+## Getting started
 
 1. Install dependencies:
 
 
@@ -9,8 +9,34 @@
 </head>
 
 <body class="min-h-screen bg-mirage-grey">
+  <div id="preload" class="bg-mirage-grey h-10 w-10 top-1/2 left-1/2">
+    <svg class="animate-spin bg-mirage-grey text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+    </svg>
+  </div>
   <div id="app"></div>
   <script type="module" src="/src/main.ts"></script>
 </body>
 
-</html>
+</html>
+
+<script lang="ts">
+  document.onreadystatechange = function () {
+    const state = document.readyState
+    if (state == 'interactive') {
+      document.getElementById('preload').style.visibility = 'visible'
+      document.getElementById('app').style.visibility = 'hidden'
+    } else if (state == 'complete') {
+      setTimeout(function () {
+        document.getElementById('preload').remove()
+        document.getElementById('app').style.visibility = 'visible'
+      }, 3000)
+    }
+  }
+</script>
+<style>
+#preload {
+  position: fixed;
+}
+</style>
Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@ module.exports = {`
`31`	`31`	`],`
`32`	`32`	`'import/newline-after-import': ['error'],`
`33`	`33`	`'unused-imports/no-unused-imports-ts': 'error',`
`34`		`- 'simple-import-sort/exports': ['error']`
	`34`	`+ 'simple-import-sort/exports': ['error'],`
	`35`	`+ 'no-void': ['error', { allowAsStatement: true }]`
`35`	`36`	`}`
`36`	`37`	`}`