forked from aerokam/Treasuries
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
57 lines (54 loc) · 3.68 KB
/
index.html
File metadata and controls
57 lines (54 loc) · 3.68 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Treasury Investors Portal</title>
<style>
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1e293b; }
h1 { font-size: 24px; margin-bottom: 32px; }
.nav { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }
.card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; width: 280px; text-decoration: none; color: inherit; transition: all 0.2s; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); }
.card:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1); border-color: #1a56db; }
.card h2 { margin: 0 0 8px; font-size: 18px; color: #1a56db; }
.card p { margin: 0; font-size: 14px; color: #64748b; line-height: 1.5; }
</style>
</head>
<body>
<header style="text-align: center; margin-bottom: 40px;">
<h1 style="margin-bottom: 8px;">Treasury Investors Portal</h1>
<p style="margin: 0; color: #64748b; font-size: 15px; font-weight: 500;">Transparent, First-Principles Tools for Treasury Investing</p>
</header>
<div class="nav">
<a href="./TipsLadderManager/" class="card">
<h2>Ladder Manager</h2>
<p>Design and rebalance TIPS ladders. Featuring <b>Deep Drill</b> traceability from ladder totals down to official 31 CFR calculation chains.</p>
</a>
<a href="./YieldCurves/" class="card">
<h2>Yield Curves</h2>
<p>View Treasury yield curves for TIPS and nominal Treasuries. Includes seasonally-adjusted (SA) and outlier-smoothed (SAO) series for TIPS.</p>
</a>
<a href="./YieldsMonitor/" class="card">
<h2>Yields Monitor</h2>
<p>Live intraday and historical yield charts for selected maturities of TIPS and nominal Treasuries, powered by real-time public market data.</p>
</a>
<a href="./TreasuryAuctions/" class="card">
<h2>Treasury Auctions</h2>
<p>Upcoming and historical Treasury auction results with configurable columns and spreadsheet-style filtering across all security types.</p>
</a>
</div>
<section style="max-width: 600px; margin: 48px auto 0; padding: 24px; background: #f1f5f9; border-radius: 12px; border: 1px solid #e2e8f0;">
<h3 style="margin: 0 0 12px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; color: #475569;">The Mission</h3>
<p style="margin: 0; font-size: 14px; line-height: 1.6; color: #334155;">
This portal is the gateway to web apps for managing a Treasury portfolio. Our goal is to enable users to learn about Treasury markets through pop-up explanations and deep-drill calculation chains that explain the first principles behind every value. All code runs privately in your browser, and no data is uploaded to any server. The apps are designed to be used together to manage a portfolio from start to finish.
</p>
<div style="margin-top: 16px; display: flex; gap: 24px;">
<a href="./vision.html" style="color: #1a56db; text-decoration: none; font-size: 14px; font-weight: 600;">Read Project Vision →</a>
<a href="./knowledge/KNOWLEDGE_MAP.html" style="color: #1a56db; text-decoration: none; font-size: 14px; font-weight: 600;">Explore Knowledge Map →</a>
</div>
</section>
<footer style="margin-top: 48px; font-size: 13px; color: #94a3b8; text-align: center; padding-bottom: 40px;">
A free contribution to the <a href="https://www.bogleheads.org/" style="color: #64748b; text-decoration: none; border-bottom: 1px dotted #cbd5e1;">Bogleheads</a> community.
</footer>
</body>
</html>