feat: 修改 WWDC 内参链接和 Web

Author: ChengzhiHuang

README.md

@@ -8,14 +8,18 @@
 
 你也可以为这个项目出一份力，如果发现有价值的信息、文章、工具等可以到 [Issues ](https://github.com/SwiftOldDriver/iOS-Weekly/issues) 里提给我们，我们会尽快处理。记得写上推荐的理由哦。有建议和意见也欢迎到 [Issues ](https://github.com/SwiftOldDriver/iOS-Weekly/issues) 提出。
 
-## 支持我们：[WWDC24 内参](https://xiaozhuanlan.com/wwdc23)
+我们也提供了[网页版本](https://swiftolddriver.github.io/iOS-Weekly/)供大家浏览。
 
-**WWDC24 内参** 目前已经更新了 21 篇内容，并且我们今年做出了一个重大改变，关注老司机技术公众号并回复 ``2024`` 可以免费领取，后续也会在公众号上定期推送对应内容。
+## [WWDC 内参](https://swiftolddriver.github.io/WWDC-InternalReference/)
 
-**WWDC 内参** 系列是由「老司机技术」牵头组织的精品原创内容系列。已经做了几年了，口碑一直不错。和往年不同，今年几乎没有脱水稿了，得益于组建的审核团队和不断优化的创作流程，大家创作的内容都已经超越了视频本身的内容，非常有学习和参考意义。
+**WWDC 内参** 系列是由「老司机技术」牵头组织的精品原创内容系列。已经做了几年了，口碑一直不错。得益于组建的审核团队和不断优化的创作流程，大家创作的内容都已经超越了视频本身的内容，非常有学习和参考意义。
 
 > 双审核机制：一位审核从专业性角度看内容是否正确，另外一位审核从读者角度看知识是否正确引导。
 
+目前我们已经将仓库脱敏后，开源成 [publish repo](https://github.com/SwiftOldDriver/WWDC-InternalReference) ，大家可以看到历史上 WWDC 21 - 24 的所有内参内容。唯一的遗憾是由于仓库迁移，PR 的评论和讨论暂时还无法分享给大家，但所有作者和审核老师的 commit 信息都保留在了仓库中。
+
+自从某平台失去维护后，我们的内参终于以这种新的方式与大家见面。
+
 ## 订阅周报
 
 我们提供了多种订阅方式，大家可以按照自己的需求进行选择：

docs/app.js

@@ -152,6 +152,22 @@ function renderHome() {
             </div>
         </section>
 
+        <section class="app-section">
+            <div class="app-section__head">
+                <h2 class="app-section__title">WWDC 内参</h2>
+                <a class="app-section__more" href="https://swiftolddriver.github.io/WWDC-InternalReference/" target="_blank" rel="noopener">查看 WWDC 内参 →</a>
+            </div>
+            <article class="app-feature">
+                <p class="app-feature__lede"><strong>WWDC 内参</strong> 系列是由「老司机技术」牵头组织的精品原创内容系列。已经做了几年了，口碑一直不错。得益于组建的审核团队和不断优化的创作流程，大家创作的内容都已经超越了视频本身的内容，非常有学习和参考意义。</p>
+                <blockquote class="app-feature__quote">双审核机制：一位审核从专业性角度看内容是否正确，另外一位审核从读者角度看知识是否正确引导。</blockquote>
+                <p class="app-feature__meta">仓库已脱敏开源，覆盖 WWDC 21 – 24 历年内参。</p>
+                <div class="app-feature__actions">
+                    <a class="app-btn app-btn--primary" href="https://swiftolddriver.github.io/WWDC-InternalReference/" target="_blank" rel="noopener">在线阅读 →</a>
+                    <a class="app-btn" href="https://github.com/SwiftOldDriver/WWDC-InternalReference" target="_blank" rel="noopener">开源仓库 ↗</a>
+                </div>
+            </article>
+        </section>
+
         <section class="app-section">
             <div class="app-section__head">
                 <h2 class="app-section__title">精品文章</h2>

docs/site.css

@@ -394,6 +394,82 @@ a:hover { color: var(--c-link-hover); }
     -webkit-box-orient: vertical;
 }
 
+/* ---------- feature card (WWDC 内参) ---------- */
+.app-feature {
+    background: #ffffff;
+    border: 1px solid #e6e8ee;
+    border-radius: 10px;
+    padding: 24px clamp(20px, 3.5vw, 32px);
+    box-shadow: 0 1px 2px rgba(38, 50, 79, 0.04), 0 4px 16px rgba(38, 50, 79, 0.06);
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+}
+.app-feature__lede {
+    margin: 0;
+    font-size: 15px;
+    line-height: 1.7;
+    color: #26324F;
+}
+.app-feature__lede strong {
+    color: #26324F;
+}
+.app-feature__quote {
+    margin: 0;
+    background: #f4f5f8;
+    border-left: 3px solid #ffb11b;
+    border-radius: 4px;
+    padding: 10px 14px;
+    color: #52699D;
+    font-size: 14px;
+    line-height: 1.6;
+}
+.app-feature__meta {
+    margin: 0;
+    font-size: 13px;
+    color: #6b7793;
+    line-height: 1.6;
+}
+.app-feature__actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    margin-top: 4px;
+}
+
+.app-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    height: 36px;
+    padding: 0 16px;
+    border-radius: 999px;
+    border: 1px solid #e6e8ee;
+    background: #ffffff;
+    color: #26324F;
+    font-size: 14px;
+    font-weight: 500;
+    text-decoration: none;
+    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
+}
+.app-btn:hover {
+    transform: translateY(-1px);
+    border-color: #ffb11b;
+    color: #26324F;
+    box-shadow: 0 1px 2px rgba(38, 50, 79, 0.04), 0 4px 16px rgba(38, 50, 79, 0.06);
+    text-decoration: none;
+}
+.app-btn--primary {
+    background: #ffb11b;
+    border-color: #ffb11b;
+    color: #1a1a1a;
+}
+.app-btn--primary:hover {
+    background: #e09a0c;
+    border-color: #e09a0c;
+    color: #1a1a1a;
+}
+
 /* ---------- list (reports per year, posts) ---------- */
 .app-year {
     margin-bottom: 28px;