From 8355fa2e637de52a66ccd9e5bdaa219b384dffbc Mon Sep 17 00:00:00 2001
From: Marcus Aurelius <marcus_aurelius_0x@protonmail.com>
Date: Mon, 25 Mar 2024 14:46:38 -0500
Subject: [PATCH] Add links

---
 src/apps/treasury/assets/custom.css |  1 +
 src/apps/treasury/pages/hud.py      | 27 +++++++++++++++++++++------
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/apps/treasury/assets/custom.css b/src/apps/treasury/assets/custom.css
index 8fc0676..4110149 100644
--- a/src/apps/treasury/assets/custom.css
+++ b/src/apps/treasury/assets/custom.css
@@ -62,6 +62,7 @@ body{
 .center {
   margin: auto;
   width: 100%;
+  text-align: center;
 }
 
 
diff --git a/src/apps/treasury/pages/hud.py b/src/apps/treasury/pages/hud.py
index 8c04fb9..c0c6363 100644
--- a/src/apps/treasury/pages/hud.py
+++ b/src/apps/treasury/pages/hud.py
@@ -27,9 +27,14 @@
         mode="number",
         value=sg.query([last_metric.marketCap]),
         number={"prefix": "$", "valueformat": ".2s"},
-        title={"text": "Market Cap"},
-        domain={'y': [0, 0.5], 'x': [0.25, 0.75]}
-    ),
+        title={
+            "text":
+            ("<a title='KLIMA supply multiplied by current price' href="
+             "'https://www.coinbase.com/learn/crypto-basics/what-is-market-cap'>"
+             "Market Cap</a>")
+        },
+        domain={'y': [0, 0.5], 'x': [0.25, 0.75]},
+    )
 )
 
 metric_fig.add_trace(
@@ -39,7 +44,7 @@
         value=sg.query([last_metric.treasuryMarketValue]),
         number={"prefix": "$", "valueformat": ".2s"},
         title={"text": "Net Asset Value"},
-        domain={'y': [0.5, 1], 'x': [0.25, 0.75]}
+        domain={'y': [0.5, 1], 'x': [0.25, 0.75]},
     )
 )
 
@@ -157,7 +162,7 @@
         'Treasury Holdings': '#ddf641'
     },
     category_orders={'bucket': order},
-    title="Green Ratio: Target",
+    title="<a href='https://forum.klimadao.finance/d/293-kip-55-the-green-ratio'>Green Ratio: Target</a>",
 )
 green_ratio_target_fig.update_layout(
     title_x=0.5,
@@ -182,5 +187,15 @@
                 dcc.Graph(figure=green_ratio_target_fig)
             ], xs=12, sm=6, md=6, lg=4, xl=4)
         ]),
-    ], className='center'),
+        dbc.Row([
+            dbc.Col([
+                html.H3(
+                    html.A(
+                        'Learn more',
+                        href='https://dune.com/Cujowolf/Klima-DAO'
+                    )
+                )
+            ], xs=12, sm=12, md=12, lg=12, xl=12)
+        ])
+    ], className='center')
 ], id='page_content_hud', fluid=True)