update

guiapp/src/pages/Far-field.vue

@@ -1,12 +1,16 @@
 <template>
   <q-page class="column q-px-md">
+<!--    <img src="https://www.pikpng.com/pngl/m/8-80773_new-content-coming-soon-website-under-construction-banner.png" alt="New Content Coming Soon - Website Under Construction">-->
+    <q-img :src="img_path"  />
+    <div class="q-ma-sm"/>
+    Under construction!
+
     <div class="q-ma-sm"/>
     <GetSourceParameters/>
     <GetHostIndex/>
     <div class="col-auto">
       Input result: {{$store.state.simulationSetup.gui.fromWL}}
     </div>
-
     <!-- place QPageScroller at end of page -->
     <q-page-scroller position="bottom-right" :scroll-offset="150" :offset="[18, 18]">
       <q-btn size="xs" fab icon="keyboard_arrow_up" color="primary" />
@@ -20,15 +24,20 @@ import {
 } from 'vue'
 import GetHostIndex from 'components/GetHostIndex.vue'
 import GetSourceParameters from 'components/GetSourceParameters.vue'
+// import GetParticleParameters from 'components/GetParticleParameters.vue'
 // import { useStore } from 'src/store'
 
 
 export default defineComponent({
-  name: 'PageIndex',
-  components: {GetHostIndex, GetSourceParameters },
+  name: 'FarFieldPage',
+  components: {GetHostIndex, GetSourceParameters,
+    // GetParticleParameters
+  },
   setup() {
+    let img_path = 'underconstruction.jpg'
+    if (process.env.publicPath) img_path = process.env.publicPath.toString()+'underconstruction.jpg'
     // const $store = useStore()
-    return {}
+    return {img_path}
   }
 })
 </script>

guiapp/src/pages/Info.vue

@@ -42,11 +42,15 @@
         </ul>
       </q-card-section>
     </q-card>
+    <!-- place QPageScroller at end of page -->
+    <q-page-scroller position="bottom-right" :scroll-offset="150" :offset="[18, 18]">
+      <q-btn size="xs" fab icon="keyboard_arrow_up" color="primary" />
+    </q-page-scroller>
   </q-page>
 </template>
 
 <script>
 export default {
-  // name: 'PageName',
+  name: 'InfoPage',
 }
 </script>

guiapp/src/pages/Materials.vue

@@ -28,7 +28,7 @@ import PlotMaterials from 'components/PlotMaterials.vue'
 
 
 export default defineComponent({
-  name: 'PageIndex',
+  name: 'MaterialsPage',
   components: {
     MaterialsSelector, GetSourceParameters,
     MaterialsActivated, PlotMaterials

guiapp/src/pages/Near-field.vue

@@ -29,7 +29,7 @@ import GetSourceParameters from 'components/GetSourceParameters.vue'
 
 
 export default defineComponent({
-  name: 'PageIndex',
+  name: 'NearField',
   components: {GetHostIndex, GetSourceParameters,
     // GetParticleParameters
   },

guiapp/src/pages/Spectrum.vue

@@ -47,7 +47,7 @@ import PlotSpectra from 'components/PlotSpectra.vue'
 
 
 export default defineComponent({
-  name: 'PageIndex',
+  name: 'SpectrumPage',
   components: {
     GetModesToPlot,
     RunSimulationSpectrum, GetUnits, GetHostIndex,