Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
58 lines (58 loc) · 10 KB
/
Copy pathindex.html
File metadata and controls
58 lines (58 loc) · 10 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
58
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>News Officer Times · 2026-03-23</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&family=Noto+Serif+SC:wght@400;600;700&display=swap" rel="stylesheet"><style>
:root {
--bg: #f6f1e8;
--paper: #fffdf8;
--paper-2: #f2ede2;
--ink: #161616;
--muted: #5a5349;
--line: #d7cdbd;
--accent: #8b1e1e;
--link: #111111;
--shadow: 0 8px 24px rgba(31, 24, 16, 0.04);
--max: 1280px;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Noto Serif SC', Georgia, 'Times New Roman', serif; background: var(--bg); color: var(--ink); }
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: var(--max); margin: 0 auto; padding: 20px 18px 60px; }
.topline { font-family: Inter, Arial, sans-serif; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: #666; }
.masthead { border-top: 4px solid #111; border-bottom: 2px solid #111; padding: 10px 0 14px; margin-bottom: 22px; text-align: center; }
.masthead h1 { font-size: clamp(2.4rem, 5vw, 4.2rem); line-height: 1; margin: 8px 0; letter-spacing: -.03em; }
.masthead p { max-width: 72ch; color: #666; line-height: 1.7; margin: 0 auto; font-family: Inter, Arial, sans-serif; font-size: 14px; }
.sectionbar { display:flex; justify-content:space-between; align-items:end; gap:16px; margin: 28px 0 14px; border-bottom:1px solid var(--line); padding-bottom: 8px; }
.sectionbar h2 { margin: 0; font-size: 1.75rem; letter-spacing: -.02em; }
.sectionbar p { margin: 0; color: var(--muted); font-family: Inter, Arial, sans-serif; font-size: .95rem; }
.hero { display:grid; grid-template-columns: 1.45fr .9fr; gap: 20px; }
.card, .panel { background: var(--paper); border: 1px solid var(--line); box-shadow: var(--shadow); }
.card { padding: 18px; }
.hero .lead { padding: 22px; }
.hero .lead h3 { margin: 10px 0; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.05; letter-spacing: -.04em; }
.hero .lead p, .card p, .panel p { color: var(--muted); line-height: 1.75; font-family: Inter, Arial, sans-serif; }
.kicker { display:inline-block; font-family: Inter, Arial, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); }
.list { display:grid; gap: 14px; }
.list .item { padding: 16px; background: var(--paper); border:1px solid var(--line); }
.list .item h4 { margin: 6px 0 8px; font-size: 1.3rem; line-height: 1.15; }
.list .item p { margin: 0; font-size: .95rem; }
.grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.tile { display:flex; flex-direction:column; min-height: 240px; }
.tile h3 { margin: 10px 0; font-size: 1.35rem; line-height: 1.16; }
.tile p { margin: 0; }
.tile .meta { margin-top: auto; padding-top: 16px; display:flex; justify-content:space-between; gap:10px; font-family: Inter, Arial, sans-serif; color: var(--muted); font-size: .88rem; }
.priority { font-family: Inter, Arial, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); }
.back { display:inline-block; margin-bottom: 16px; font-family: Inter, Arial, sans-serif; font-weight: 700; }
.article { max-width: 900px; }
.article-head { border-bottom: 1px solid var(--line); padding-bottom: 14px; margin-bottom: 20px; }
.article-head h1 { margin: 8px 0 10px; font-size: clamp(2.1rem, 4.4vw, 3.9rem); line-height: .98; letter-spacing: -.04em; }
.article-head .dek { font-size: 1.1rem; line-height: 1.75; color: var(--muted); max-width: 58ch; font-family: Inter, Arial, sans-serif; }
.meta-row { display:flex; flex-wrap:wrap; gap:12px; margin-top: 14px; font-family: Inter, Arial, sans-serif; color: var(--muted); font-size: .92rem; }
.article section { margin: 22px 0; }
.article h2 { font-size: 1.35rem; margin: 0 0 10px; }
.article p, .article li { font-size: 1.03rem; line-height: 1.85; color: #2a2723; }
.article ul { padding-left: 20px; }
.source-box { background: var(--paper); border: 1px solid var(--line); padding: 16px; }
.raw { white-space: pre-wrap; background: var(--paper-2); border: 1px solid var(--line); padding: 16px; font-family: Inter, Arial, sans-serif; font-size: .96rem; line-height: 1.75; color: #2f2b27; }
.footer-note { margin-top: 30px; color: #6e675e; font-family: Inter, Arial, sans-serif; font-size: .92rem; }
@media (max-width: 920px) { .hero, .grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .container { padding: 18px 14px 40px; } .grid { grid-template-columns: 1fr; } .list .item h4 { font-size: 1.15rem; } }
</style></head><body><div class="container"><div class="masthead"><div class="topline">News Officer Times · 2026-03-23</div><h1>早报头版</h1><p>偏传统媒体阅读感。主头条、次头条、分栏卡片。详情页继续保留完整整理、原始链接与原始文本，方便回查。</p></div><div class="sectionbar"><div><h2>头版头条</h2><p>先看主头条，再决定今天读哪几篇。</p></div></div><div class="hero"><article class="card lead"><span class="kicker">Podcast</span><h3><a href="detail/podcast-1-no-priors-code-s-not-even-the-right-ver.html">No Priors：Code's not even the right ver…</a></h3><p>中文整理：这期 No Priors 已切换为中文优先阅读模式。核心动态：Code's not even the right verb anymore, right? But I have to express my will to…。你可以先看中文导读与重点，再按需展开原始英文材料。</p><div class="meta"><span>No Priors</span><span class="priority">High</span></div></article><div class="list"><a class="item" href="detail/builder-1-peter-yang-peter-yang-what-is-your-preferred-inte.html"><span class="kicker">Builder</span><h4>Peter Yang：What is your preferred inte…</h4><p>中文整理：Peter Yang 今日有值得关注的新动态。核心动态：What is your preferred interface/process to switch between Claude and Codex? Co…。详细上下文请查看下方原始链接。</p></a><a class="item" href="detail/builder-2-nan-yu-nan-yu-it-is-indeed-crazy-conside.html"><span class="kicker">Builder</span><h4>Nan Yu：It is indeed crazy! conside…</h4><p>中文整理：Nan Yu 今日有值得关注的新动态。核心动态：It is indeed crazy! considering how many more startups have been funded, the fa…。详细上下文请查看下方原始链接。</p></a><a class="item" href="detail/builder-3-thariq-thariq-been-meaning-to-write-more.html"><span class="kicker">Builder</span><h4>Thariq：been meaning to write more …</h4><p>中文整理：Thariq 今日有值得关注的新动态。核心动态：been meaning to write more longform on specs, but in the meantime this post is …。详细上下文请查看下方原始链接。</p></a></div></div><div class="sectionbar"><div><h2>更多条目</h2><p>按头版逻辑继续排，适合快速扫一遍。</p></div></div><div class="grid"><article class="card tile"><span class="kicker">Builder</span><h3><a href="detail/builder-4-ryo-lu-ryo-lu-still-early-but-clearer-no.html">Ryo Lu：still early. but clearer no…</a></h3><p>中文整理：Ryo Lu 今日有值得关注的新动态。核心动态：still early. but clearer now.。详细上下文请查看下方原始链接。</p><div class="meta"><span>Ryo Lu</span><span class="priority">Medium</span></div></article><article class="card tile"><span class="kicker">Builder</span><h3><a href="detail/builder-5-garry-tan-garry-tan-this-is-what-i-ve-been-open.html">Garry Tan：This is what I’ve been open…</a></h3><p>中文整理：Garry Tan 今日有值得关注的新动态。核心动态：This is what I’ve been open sourcing with gstack. This is my CLI toolset. There…。详细上下文请查看下方原始链接。</p><div class="meta"><span>Garry Tan</span><span class="priority">High</span></div></article><article class="card tile"><span class="kicker">Builder</span><h3><a href="detail/builder-6-matt-turck-matt-turck-linkedin-launched-in-2003-y.html">Matt Turck：LinkedIn launched in 2003 Y…</a></h3><p>中文整理：Matt Turck 今日有值得关注的新动态。核心动态：LinkedIn launched in 2003 YouTube launched in 2005 Twitter/X launched in 2006 (…。详细上下文请查看下方原始链接。</p><div class="meta"><span>Matt Turck</span><span class="priority">Medium</span></div></article><article class="card tile"><span class="kicker">Builder</span><h3><a href="detail/builder-7-zara-zhang-zara-zhang-we-need-to-touch-grass-and.html">Zara Zhang：We need to touch grass and …</a></h3><p>中文整理：Zara Zhang 今日有值得关注的新动态。核心动态：We need to touch grass and read books。详细上下文请查看下方原始链接。</p><div class="meta"><span>Zara Zhang</span><span class="priority">High</span></div></article><article class="card tile"><span class="kicker">Builder</span><h3><a href="detail/builder-8-nikunj-kothari-nikunj-kothari-glorious-day-to-touc.html">Nikunj Kothari：Glorious day to touch grass…</a></h3><p>中文整理：Nikunj Kothari 今日有值得关注的新动态。核心动态：Glorious day to touch grass, sand, water or any elements of choice。详细上下文请查看下方原始链接。</p><div class="meta"><span>Nikunj Kothari</span><span class="priority">High</span></div></article><article class="card tile"><span class="kicker">Builder</span><h3><a href="detail/builder-9-dan-shipper-dan-shipper-i-just-bought-5k-of-figma.html">Dan Shipper：I just bought $5k of Figma …</a></h3><p>中文整理：Dan Shipper 今日有值得关注的新动态。核心动态：I just bought $5k of Figma Very bullish on SaaS adapting to AI, their stock is …。详细上下文请查看下方原始链接。</p><div class="meta"><span>Dan Shipper</span><span class="priority">Medium</span></div></article></div><div class="footer-note">当前前台已切到 times 风正式版；底层仍保留结构化 digest data，便于后续继续升级为新闻官 agent。</div></div></body></html>