feat: 🌐 Setup website build and deployment workflows

- Added CI jobs for building and deploying the website using GitHub Actions.
- Introduced steps for checkout, Node.js setup, and artifact upload for GitHub Pages.
- Created new files for web project: `.gitignore`, `observablehq.config.js`, `package-lock.json`, `package.json`, and several in `src/`.
- Configured project dependencies and scripts in `package.json` for Observable framework and D3.
- Added initial content and structure for the `index.md` page.

.github/workflows/ci.yml

@@ -13,6 +13,7 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
+  # Run the ETL pipeline
   run:
     name: Run
     runs-on: ubuntu-latest
@@ -28,3 +29,40 @@ jobs:
       - name: Run
         run: |
           make run
+
+  # Build and upload the website
+  upload:
+    name: Upload Pages
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      deployments: write
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+      - run: npm ci
+      - run: npm run build --prefix ./web
+      - name: Upload Pages Artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: web/dist
+
+  # Deploy the website
+  deploy:
+    needs: upload
+    permissions:
+      pages: write
+      id-token: write
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

web/.gitignore

@@ -0,0 +1,4 @@
+.DS_Store
+/dist/
+node_modules/
+yarn-error.log

web/observablehq.config.js

@@ -0,0 +1,14 @@
+export default {
+  title: "Datalia",
+  head: '<link rel="icon" href="favicon.png" type="image/png">',
+  root: "src",
+  theme: ["air"],
+  header: null,
+  footer: "Built with ❤️ by David",
+  sidebar: false,
+  toc: false,
+  pager: false,
+  search: false,
+  linkify: true,
+  typographer: false
+};

web/package.json

@@ -0,0 +1,22 @@
+{
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "clean": "rimraf src/.observablehq/cache",
+    "build": "observable build",
+    "dev": "observable preview",
+    "deploy": "observable deploy",
+    "observable": "observable"
+  },
+  "dependencies": {
+    "@observablehq/framework": "^1.11.0",
+    "d3-dsv": "^3.0.1",
+    "d3-time-format": "^4.1.0"
+  },
+  "devDependencies": {
+    "rimraf": "^5.0.5"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

web/src/.gitignore

@@ -0,0 +1 @@
+/.observablehq/cache/

web/src/index.md

@@ -0,0 +1,22 @@
+# Datalia
+
+Datalia es una plataforma de datos abiertos a nivel de España con el objetivo de unificar y armonizar información proveniente de diferentes fuentes.
+
+## Datasets
+
+Gracias a la colaboración de la comunidad, Datalia ofrece una variedad de conjuntos de datos. A continuación, se muestran algunos de los conjuntos de datos disponibles.
+
+<div class="card">
+
+## IPC
+
+El Índice de Precios al Consumo (IPC) es un indicador que mide la evolución de los precios de una cesta de bienes y servicios representativa del consumo de los hogares.
+
+<iframe
+  src="https://huggingface.co/datasets/datonic/spain_ipc/embed/viewer/default/train"
+  frameborder="0"
+  width="100%"
+  height="560px"
+></iframe>
+
+</div>