Deep-Risk-OPP/index.html at main · Justinjchen-Cornell/Deep-Risk-OPP · GitHub

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="data:,"><meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Deep-Risk-OPP · Choose Language · 选择语言</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{background:#05070d;color:#e0e6ed;font-family:'Fira Sans',sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
  background-image:radial-gradient(ellipse at 50% -20%,rgba(59,130,246,.12),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(217,119,6,.08),transparent 60%)}
.wrap{width:100%;max-width:880px}
header{text-align:center;margin-bottom:56px}
header h1{font-size:36px;color:#f0c040;letter-spacing:4px;font-family:'Fira Code',monospace;text-shadow:0 0 30px rgba(240,192,64,.35)}
header .sub{color:#7a8a9a;font-size:13px;margin-top:12px;font-family:'Fira Code',monospace;letter-spacing:.5px}
header .sub b{color:#d97706}
.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
@media(max-width:640px){.lang-grid{grid-template-columns:1fr}}
.lang-card{background:linear-gradient(180deg,#0d1117 0%,#0a0e16 100%);border:1px solid #1f2a40;border-radius:18px;padding:48px 30px;text-align:center;cursor:pointer;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}
.lang-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#f0c040,transparent);opacity:0;transition:opacity .3s}
.lang-card:hover{border-color:#f0c040;transform:translateY(-4px);box-shadow:0 16px 50px rgba(240,192,64,.12)}
.lang-card:hover::after{opacity:1}
.lang-card .flag{font-size:54px;margin-bottom:18px;display:block;line-height:1}
.lang-card h2{font-size:26px;color:#fff;margin-bottom:12px;font-family:'Fira Code',monospace;letter-spacing:1px}
.lang-card p{font-size:13px;color:#7a8a9a;line-height:1.9}
.lang-card .arrow{display:inline-block;margin-top:22px;color:#f0c040;font-size:15px;font-family:'Fira Code',monospace;font-weight:600}
.lang-col{display:flex;flex-direction:column;gap:0}
.quick{display:flex;justify-content:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.quick a{color:#7a8a9a;text-decoration:none;font-size:11px;font-family:'Fira Code',monospace;padding:5px 12px;border:1px solid #1f2a40;border-radius:14px;transition:all .2s}
.quick a:hover{color:#f0c040;border-color:#f0c040;background:rgba(240,192,64,.06)}
.quick .lbl{color:#475569;font-size:10px;font-family:'Fira Code',monospace;align-self:center;letter-spacing:1px}
footer{text-align:center;color:#475569;font-size:10px;margin-top:56px;font-family:'Fira Code',monospace;line-height:1.9}
footer a{color:#7a8a9a;text-decoration:none}
footer a:hover{color:#f0c040}
</style>
<link rel="manifest" href="manifest.json">
<style id="bd-sub-css">
.bd-sub{margin:26px auto 0;text-align:center}
.bd-sub .t{color:#f0c040;font-family:'Fira Code',monospace;font-size:12px;letter-spacing:2px;margin-bottom:10px}
.bd-sub form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.bd-sub input[type=email]{background:#0d1117;border:1px solid #1f2a40;border-radius:8px;padding:9px 14px;color:#e0e6ed;font-family:'Fira Code',monospace;font-size:12px;width:230px;max-width:80vw}
.bd-sub input[type=email]:focus{outline:none;border-color:#f0c040}
.bd-sub input[type=submit]{background:#f0c040;color:#05070d;border:none;border-radius:8px;padding:9px 18px;font-family:'Fira Code',monospace;font-size:12px;font-weight:700;cursor:pointer}
.bd-sub input[type=submit]:hover{box-shadow:0 0 18px rgba(240,192,64,.4)}
</style><style id="fi-alt-css">
.bd-sub .fi-alt{display:inline-block;margin-top:10px;color:#7a8a9a;text-decoration:none;font-family:'Fira Code',monospace;font-size:11px;border:1px solid #1f2a40;border-radius:8px;padding:7px 14px;transition:all .2s}
.bd-sub .fi-alt:hover{color:#4da3ff;border-color:#4da3ff}
</style>
</head>
<body>
<div class="wrap">
<header>
  <h1>DEEP-RISK-OPP</h1>
  <div class="sub">One number that tells you when oil is <b>historically cheap</b> · 一个数字告诉你油什么时候便宜</div>
</header>
<div class="lang-grid">
  <div class="lang-col">
    <a href="zh/" class="lang-card" onclick="localStorage.setItem('drlang','zh')">
      <span class="flag">🇨🇳</span>
      <h2>中文版</h2>
      <p>金油比 · 资本三流 · 向心坍缩<br>四层决策框架 · 实盘记录</p>
      <span class="arrow">进入 →</span>
    </a>
    <div class="quick">
      <span class="lbl">直达</span>
      <a href="📊 投资决策看板.html">📊 投资决策看板</a>
      <a href="🌊 资本三流观测站.html">🌊 资本三流观测站</a>
      <a href="dashboard.html">📡 GOR LIVE</a>
    </div>
  </div>
  <div class="lang-col">
    <a href="en/" class="lang-card" onclick="localStorage.setItem('drlang','en')">
      <span class="flag">🌐</span>
      <h2>English</h2>
      <p>GOR · Capital Flows · Centripetal Collapse<br>Four-layer framework · Track record</p>
      <span class="arrow">Enter →</span>
    </a>
    <div class="quick">
      <span class="lbl">Jump to</span>
      <a href="en/decision-board.html">📊 Decision Board</a>
      <a href="en/capital-flows.html">🌊 Capital Flows</a>
      <a href="dashboard.html">📡 GOR LIVE</a>
    </div>
  </div>
</div>
<div class="bd-sub">
  <div class="t">📮 订阅每日信号 · 邮箱直达</div>
  <form action="https://buttondown.com/api/emails/embed-subscribe/chenjia2007" method="post" target="popupwindow" onsubmit="window.open('https://buttondown.com/chenjia2007', 'popupwindow')">
    <input type="email" name="email" placeholder="你的邮箱" required>
    <input type="submit" value="订阅">
  </form>
  <a class="fi-alt" href="https://follow.it/deep-risk-opp?leanpub" target="_blank">🔔 或用 follow.it 订阅（RSS 转邮件）</a>
</div>
<footer>
  Research framework · Not investment advice · <a href="https://github.com/Justinjchen-Cornell/Deep-Risk-OPP">GitHub</a><br>
  Data: FRED · akshare · yfinance · Auto-updated daily
</footer>
</div>
<script data-goatcounter="https://justinjchen.goatcounter.com/count"
        async src="/Deep-Risk-OPP/assets/count.js"></script>
<script>
if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('sw.js').catch(function() {});
}
</script>
</body>
</html>