Modify parameter & variable pages. Reorganize components.

src/global.css

@@ -2,3 +2,9 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer components {
+  a.link {
+    @apply text-blue-500 hover:underline;
+  }
+}

src/lib/ParameterTree.svelte → src/lib/components/ParameterTree.svelte

@@ -104,7 +104,9 @@
       </div>
     {/if}
     {#if parameter.source !== undefined}
-      <div>Source : <a href={parameter.source}>{parameter.source}</a></div>
+      <div>
+        Source : <a class="link" href={parameter.source}>{parameter.source}</a>
+      </div>
     {/if}
     {#if parameter.class === ParameterClass.Parameter}
       {#if parameter.values !== undefined}
@@ -128,7 +130,8 @@
                   <td class="border p-1 text-center">{value ?? ""}</td>
                   <td class="border p-1 text-center">{unit ?? ""}</td>
                   <td class="border p-1 text-center"
-                    >{#if source !== undefined}<a href={source}>source</a
+                    >{#if source !== undefined}<a class="link" href={source}
+                        >source</a
                       >{/if}</td
                   >
                 </tr>

src/lib/Waterfall/index.svelte → src/lib/components/Waterfall/index.svelte

 <script lang="ts">
   import { scaleBand } from "d3-scale"
 
+  import { LayerCake, Svg } from "$lib/components/layercake"
   import type { Decomposition } from "$lib/decompositions"
   import { walkDecomposition } from "$lib/decompositions"
-  import { LayerCake, Svg } from "$lib/layercake"
   import AxisX from "./AxisX.svelte"
   import AxisY from "./AxisY.svelte"
   import Column from "./Column.svelte"