Add price calculator (#42)

* Add pricing.md

* Add sidebar entry pricing

* Add price estimator

* Update pricing

* Add measurements to pricing estimator

* Clarify price calculator assumptions

* Remove not required value

* Prevent escaping js whitespace

* Remove bootstrap

* Add bootstrap to pricing file

* Revert "Remove bootstrap"

This reverts commit 3f3e218.

* Remove botstrap

* Force quarto to use only qmd

Author: danlooo

.github/workflows/deploy_website.yml

@@ -60,7 +60,7 @@ jobs:
             -v /tmp:/tmp \
             -v $PWD/docs:/work  \
             danlooo/fairsendd_environment:${{ github.sha }} \
-            quarto render .
+            quarto render *.qmd
 
       - name: Setup Node
         uses: actions/setup-node@v4
@@ -90,4 +90,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4

website/.gitignore

@@ -1,5 +1,6 @@
 !overview.md
 !background.md
+!pricing.md
 
 node_modules
 .quarto

website/.vitepress/config.mts

@@ -1,6 +1,7 @@
 import { defineConfig } from 'vitepress'
 import mathjax3 from 'markdown-it-mathjax3';
 
+
 const customElements = [
   'mjx-container',
   'mjx-assistive-mml',
@@ -102,6 +103,10 @@ export default defineConfig({
       md.use(mathjax3);
     },
   },
+  // head: [
+  //   ['link', { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css' }],
+  //   ['script', { src: 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js', defer: 'defer' }]
+  // ],
   vue: {
     template: {
       compilerOptions: {
@@ -133,6 +138,7 @@ export default defineConfig({
           { text: "Background", link: "background.md" },
           { text: "Julia Library", link: "julia-library.md" },
           { text: "CWL Workflow", link: "cwl-workflow.md" },
+          { text: "Pricing", link: "pricing.md" },
         ]
       }
     ],

website/.vitepress/theme/custom.css

@@ -15,4 +15,4 @@
 code {
   font-size: small;
   white-space: pre-wrap;
-}
+}

website/.vitepress/theme/index.ts

@@ -1,4 +1,6 @@
+// overwrite bootstrap css
 import DefaultTheme from 'vitepress/theme'
 import './custom.css'
 
+
 export default DefaultTheme

website/docs/pricing.md

@@ -0,0 +1,89 @@
+# Pricing
+
+This project is creating free and open-source software under the MIT license.
+There are plenty of ways to run the workflow locally after downloading the [data](background.html#data).
+However, the workflow can also be executed using [openEO at EODC](https://editor.openeo.org/?server=openeo.eodc.eu%2Fopeneo%2F1.2.0%2F) by enabling experimental processes and searching for 'rqadeforestation'.
+
+## Price calculator
+
+Please enter the spatio-temporal extent to be processed.
+The price will be estimated automatically.
+Resource estimations were based on the following assumptions:
+
+- Sentinel-1 Sigma0 collection at 20m resolution in Equi7 projection
+- Tile size is 15000x15000 pixels
+- Satellite revisit period of 6 days
+- Data is available in GeoTIFF format
+- Files are located on a network share in the same data center
+- Execution on an AMD EPIC MILAN CPU on 32 threads with 32GB RAM
+- 100% utilization of CPU and RAM (4 workers with 8 threads each)
+- Workflow is executed inside a Julia REPL using [RQADeforestation.jl](https://github.com/EarthyScience/RQADeforestation.jl)
+ 
+ <script setup>
+  import { ref, computed, onMounted, watch } from 'vue'
+  const start = ref('')
+  const end = ref('')
+  const n_tiles = ref(1)
+  const submitted = ref(false)
+  const error = ref('')
+  let runtime = 0
+  const valid = computed(() => {
+    if (!start.value || !end.value) return false
+    if (start.value > end.value) return false
+    if (!Number.isInteger(n_tiles.value) || n_tiles.value < 0) return false
+    return true
+  })
+  watch([start, end, n_tiles], () => {
+    error.value = ""
+    if (start.value && end.value && start.value > end.value) {
+      error.value = "Start date must be on or before end date."
+    }
+    if (Date.parse(start.value) < Date.parse("2014-10-01")) {
+      error.value = "Data only available after Oct 2014"
+    }
+    if (!Number.isInteger(n_tiles.value)) {
+      error.value = "Count must be an integer."
+    }
+  const runtime_per_year_per_tile_in_s = 384.673805
+  const satellite_revisit_days = 6
+  let duration_years = (Date.parse(end.value) - Date.parse(start.value)) * 1e-3 / 60 / 60 / 24 / 365
+  runtime = n_tiles.value * (duration_years*runtime_per_year_per_tile_in_s)^2
+  })
+  onMounted(() => {
+    start.value = "2022-01-01"
+    end.value = "2023-01-01"
+  })
+</script> 
+
+<form @submit.prevent="onSubmit" class="form-horizontal">
+  <div class="form-floating">
+    <label for="start">Start date</label><br />
+    <input id="start" type="date" v-model="start" class="form-control" required />
+  </div>
+
+  <div class="form-floating">
+    <label for="end">End date</label><br />
+    <input id="end" type="date" v-model="end" :min="start" class="form-control" required />
+  </div>
+
+  <div class="form-floating">
+    <label for="n_tiles">Number of Equi7 tiles</label><br />
+    <input
+      id="n_tiles"
+      type="number"
+      v-model.number="n_tiles"
+      min="1"
+      step="1"
+      inputmode="numeric"
+      class="form-control"
+      required
+    />
+  </div>
+
+  <div v-if="error" style="color:#b00020;margin-top:0.4rem">{{ error }}</div>
+
+  <strong>Estimated runtime: {{ runtime }} s</strong>
+</form>
+
+Please note that these results are not official offerings from any cloud provider.
+Estimates may vary depending on the area of interest, orbits to be analysed, and execution platform.