website: redesign part 18

website_next/.gitignore

@@ -1,4 +1,5 @@
 */**/*.md
+!_redirects
 !scripts/**/_*.js
 *_old.js
 *dump*

website_next/_redirects

@@ -0,0 +1 @@
+/* /index.html 200

website_next/learn/capitalization.js

@@ -30,6 +30,36 @@ export const marketCapSeries = [marketCap];
 
 export const realizedCapSeries = [realizedCap];
 
+export const marketCapProfitabilitySeries = createCohortSeries([
+  {
+    label: "In profit",
+    color: colors.green,
+    metric: (client) =>
+      client.series.cohorts.utxo.profitability.profit.all.supply.all.usd,
+  },
+  {
+    label: "In loss",
+    color: colors.red,
+    metric: (client) =>
+      client.series.cohorts.utxo.profitability.loss.all.supply.all.usd,
+  },
+]);
+
+export const realizedCapProfitabilitySeries = createCohortSeries([
+  {
+    label: "In profit",
+    color: colors.green,
+    metric: (client) =>
+      client.series.cohorts.utxo.profitability.profit.all.realizedCap.all,
+  },
+  {
+    label: "In loss",
+    color: colors.red,
+    metric: (client) =>
+      client.series.cohorts.utxo.profitability.loss.all.realizedCap.all,
+  },
+]);
+
 export const marketCapTermSeries = createCohortSeries([
   {
     label: "STH",

website_next/learn/data.js

@@ -4,6 +4,7 @@ import {
   marketCapAgeSeries,
   marketCapClassSeries,
   marketCapEpochSeries,
+  marketCapProfitabilitySeries,
   marketCapSeries,
   marketCapTermSeries,
   marketCapTypeSeries,
@@ -12,6 +13,7 @@ import {
   realizedCapAgeSeries,
   realizedCapClassSeries,
   realizedCapEpochSeries,
+  realizedCapProfitabilitySeries,
   realizedCapSeries,
   realizedCapTermSeries,
   realizedCapTypeSeries,
@@ -168,6 +170,15 @@ export const sections = [
           series: marketCapSeries,
         },
         children: [
+          {
+            title: "Profitability",
+            description:
+              "Splits market cap between coins that are currently in profit and coins that are currently in loss. This shows how much current market value sits above or below each coin's last moved price.",
+            chart: {
+              title: "Market cap by profitability",
+              series: marketCapProfitabilitySeries,
+            },
+          },
           {
             title: "Term",
             description:
@@ -242,6 +253,15 @@ export const sections = [
           series: realizedCapSeries,
         },
         children: [
+          {
+            title: "Profitability",
+            description:
+              "Splits realized cap between coins that are currently in profit and coins that are currently in loss. This shows how the market's cost basis is distributed across coins above or below their last moved price.",
+            chart: {
+              title: "Realized cap by profitability",
+              series: realizedCapProfitabilitySeries,
+            },
+          },
           {
             title: "Term",
             description: