New

COURSE_STRUCTURE.md

@@ -129,7 +129,7 @@ public/content/learn/
 ```markdown
 ---
 hero:
-  title: "Understanding Derivatives"
+  title: "Derivatives"
   subtitle: "The Foundation of Neural Network Training"
   tags:
     - "📐 Mathematics"

app/humans-and-ai/page.tsx

@@ -0,0 +1,104 @@
+'use client';
+
+import Link from "next/link";
+import { useLanguage } from "@/components/providers/language-provider";
+
+export default function HumansAndAI() {
+  const { language } = useLanguage();
+
+  return (
+    <>
+      {/* Hero Section */}
+      <section className="relative overflow-hidden bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
+        {/* Background effects */}
+        <div className="absolute inset-0 bg-gradient-to-r from-blue-600/20 via-purple-600/20 to-blue-600/20"></div>
+        <div className="absolute inset-0 opacity-30">
+          <div className="absolute inset-0 bg-gradient-to-br from-transparent via-blue-500/5 to-transparent"></div>
+        </div>
+
+        {/* Animated background particles */}
+        <div className="absolute inset-0 overflow-hidden">
+          <div className="absolute top-1/6 left-1/6 w-3 h-3 bg-gradient-to-r from-blue-400 to-cyan-400 rounded-full opacity-60 animate-pulse"></div>
+          <div className="absolute top-1/4 right-1/5 w-2 h-2 bg-gradient-to-r from-purple-400 to-pink-400 rounded-full opacity-50 animate-pulse delay-300"></div>
+          <div className="absolute top-1/3 left-1/8 w-4 h-4 bg-gradient-to-r from-emerald-400 to-teal-400 rounded-full opacity-40 animate-pulse delay-700"></div>
+          <div className="absolute bottom-1/4 right-1/6 w-2.5 h-2.5 bg-gradient-to-r from-cyan-400 to-blue-400 rounded-full opacity-55 animate-pulse delay-1000"></div>
+        </div>
+
+        <div className="relative container mx-auto px-6 pt-32 pb-12">
+          <div className="text-center max-w-4xl mx-auto">
+            {/* Title */}
+            <div className="relative">
+              <h1 className="text-4xl md:text-5xl lg:text-6xl font-medium mb-8 leading-tight">
+                <span className="bg-gradient-to-r from-blue-400 via-purple-400 to-cyan-400 bg-clip-text text-transparent">
+                  {language === 'en' ? 'Humans & AI' : '人类与AI'}
+                </span>
+              </h1>
+
+              {/* Glow effect */}
+              <div className="absolute inset-0 text-4xl md:text-5xl lg:text-6xl font-medium leading-tight blur-sm">
+                <span className="bg-gradient-to-r from-blue-400/20 via-purple-400/20 to-cyan-400/20 bg-clip-text text-transparent">
+                  {language === 'en' ? 'Humans & AI' : '人类与AI'}
+                </span>
+              </div>
+            </div>
+
+            {/* Subtitle */}
+            <p className="text-lg md:text-xl text-slate-400 mb-8">
+              {language === 'en' 
+                ? 'Reading and writing essays on great books to deeply understand human nature and how we can guide human use of AI toward benefiting humanity.'
+                : '阅读和撰写书籍评论，深入理解人性，以及如何引导人工智能的使用造福人类。'}
+            </p>
+          </div>
+        </div>
+      </section>
+
+      {/* Books Grid Section */}
+      <main className="bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 py-16">
+        <div className="container mx-auto px-6">
+          <div className="max-w-6xl mx-auto">
+
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+              {/* Lord of the Flies */}
+              <Link 
+                href="/humans-and-ai/lord-of-the-flies"
+                className="group relative bg-gradient-to-br from-slate-800/50 to-slate-700/50 backdrop-blur-sm border border-slate-600/50 rounded-xl p-6 hover:border-blue-500/50 hover:shadow-2xl hover:shadow-blue-500/10 transition-all duration-300"
+              >
+                <div className="absolute top-4 left-4">
+                  <span className="bg-slate-600/50 text-slate-300 text-xs px-2 py-1 rounded-md">Classic Literature</span>
+                </div>
+                <div className="absolute top-4 right-4">
+                  <span className="bg-blue-500/20 text-blue-400 text-xs px-2 py-1 rounded-md">New</span>
+                </div>
+
+                <div className="mt-12">
+                  <h3 className="text-xl font-bold mb-3 group-hover:text-blue-400 transition-colors">
+                    Lord of the Flies
+                  </h3>
+                  <p className="text-gray-400 text-sm mb-4 leading-relaxed">
+                    William Golding&apos;s masterpiece on human nature, civilization vs. savagery, and lessons for AI governance
+                  </p>
+                  <div className="flex items-center justify-between">
+                    <span className="text-xs text-gray-500">William Golding (1954)</span>
+                    <span className="text-blue-400 text-sm group-hover:text-blue-300 transition-colors">
+                      Read Essay →
+                    </span>
+                  </div>
+                </div>
+              </Link>
+
+              <div className="relative bg-gradient-to-br from-slate-800/30 to-slate-700/30 backdrop-blur-sm border border-slate-600/30 border-dashed rounded-xl p-6 opacity-50">
+                <div className="mt-12 text-center">
+                  <div className="text-4xl mb-4">📖</div>
+                  <p className="text-slate-500 text-sm">
+                    {language === 'en' ? 'More books coming soon...' : '更多书籍即将推出...'}
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+    </>
+  );
+}
+

app/learn/page.tsx

@@ -27,8 +27,8 @@ export default function LearnPage() {
             <div className="max-w-3xl mx-auto bg-amber-500/10 border border-amber-500/30 rounded-xl p-6 mb-8">
               <p className="text-amber-200 text-sm leading-relaxed">
                 {language === 'en'
-                  ? 'Under active development, some parts are AI generated and not reviewed yet. In the end everything will be carefully reviewed and rewritten by humans to the highest quality.'
-                  : '正在积极开发中，部分内容由AI生成尚未审核。最终所有内容都将由人工仔细审核和重写，确保最高质量'}
+                  ? 'Under active development'
+                  : '正在积极开发中'}
               </p>
             </div>
           </div>

app/page.tsx

@@ -100,12 +100,12 @@ export default function Home() {
                 </div>
 
                 {/* Subtitle */}
-                <div className="relative mt-1 pb-4">
-                  <h2 className="relative z-10 text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-semibold bg-gradient-to-r from-amber-300 via-orange-400 to-rose-400 bg-clip-text text-transparent animate-pulse leading-loose">
+                <div className="relative mt-1 pb-6">
+                  <h2 className="relative z-10 text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-semibold bg-gradient-to-r from-amber-300 via-orange-400 to-rose-400 bg-clip-text text-transparent animate-pulse leading-relaxed">
                     The Most Difficult Project In Human History
                   </h2>
                   {/* Glow effect for subtitle */}
-                  <div className="absolute inset-0 text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-semibold blur-lg opacity-50 pointer-events-none leading-loose">
+                  <div className="absolute inset-0 text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-semibold blur-lg opacity-50 pointer-events-none leading-relaxed">
                     <span className="bg-gradient-to-r from-amber-300 via-orange-400 to-rose-400 bg-clip-text text-transparent">
                       The Most Difficult Project In Human History
                     </span>
@@ -183,7 +183,7 @@ export default function Home() {
         <div className="container mx-auto px-6">
           <div className="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
             {/* Road to AI Researcher Project */}
-            <Link 
+            {/* <Link 
               href="/learn"
               className="group relative bg-gradient-to-br from-slate-800/50 to-slate-700/50 backdrop-blur-sm border border-slate-600/50 rounded-xl p-6 hover:border-purple-500/50 hover:shadow-2xl hover:shadow-purple-500/10 transition-all duration-300"
             >
@@ -208,7 +208,7 @@ export default function Home() {
                   </span>
                 </div>
               </div>
-            </Link>
+            </Link> */}
 
             {/* DeepSeek Sparse Attention Project */}
             <Link 
@@ -238,6 +238,34 @@ export default function Home() {
               </div>
             </Link>
 
+            {/* Tiny Recursive Model Project */}
+            <Link 
+              href="/blog/tiny-recursive-model"
+              className="group relative bg-gradient-to-br from-slate-800/50 to-slate-700/50 backdrop-blur-sm border border-slate-600/50 rounded-xl p-6 hover:border-purple-500/50 hover:shadow-2xl hover:shadow-purple-500/10 transition-all duration-300"
+            >
+              <div className="absolute top-4 left-4">
+                <span className="bg-slate-600/50 text-slate-300 text-xs px-2 py-1 rounded-md">Research</span>
+              </div>
+              <div className="absolute top-4 right-4">
+                <span className="bg-purple-500/20 text-purple-400 text-xs px-2 py-1 rounded-md">Latest</span>
+              </div>
+
+              <div className="mt-8">
+                <h4 className="text-xl font-bold mb-3 group-hover:text-purple-400 transition-colors">
+                  Tiny Recursive Model
+                </h4>
+                <p className="text-gray-400 text-sm mb-4 leading-relaxed">
+                  How a 7M parameter model beats 100x bigger models at Sudoku, Mazes, and ARC-AGI using recursive reasoning with a 2-layer transformer
+                </p>
+                <div className="flex items-center justify-between">
+                  <span className="text-xs text-gray-500">AI Research</span>
+                  <span className="text-purple-400 text-sm group-hover:text-purple-300 transition-colors">
+                    Learn More →
+                  </span>
+                </div>
+              </div>
+            </Link>
+
             {/* Pretrain LLM with NVFP4 Project */}
             <Link 
               href="/blog/pretrain-llm-with-nvfp4"
@@ -266,6 +294,34 @@ export default function Home() {
               </div>
             </Link>
 
+            {/* The Most Difficult Project in Human History */}
+            {/* <Link 
+              href="/blog/the-most-difficult-project-in-human-history"
+              className="group relative bg-gradient-to-br from-slate-800/50 to-slate-700/50 backdrop-blur-sm border border-slate-600/50 rounded-xl p-6 hover:border-orange-500/50 hover:shadow-2xl hover:shadow-orange-500/10 transition-all duration-300"
+            >
+              <div className="absolute top-4 left-4">
+                <span className="bg-slate-600/50 text-slate-300 text-xs px-2 py-1 rounded-md">Mission</span>
+              </div>
+              <div className="absolute top-4 right-4">
+                <span className="bg-orange-500/20 text-orange-400 text-xs px-2 py-1 rounded-md">New</span>
+              </div>
+
+              <div className="mt-8">
+                <h4 className="text-xl font-bold mb-3 group-hover:text-orange-400 transition-colors">
+                  The Most Difficult Project in Human History
+                </h4>
+                <p className="text-gray-400 text-sm mb-4 leading-relaxed">
+                  Learn to implement all latest AI tech (Mamba, Gated DeltaNet, RWKV) and become an expert at fast experimentation and research
+                </p>
+                <div className="flex items-center justify-between">
+                  <span className="text-xs text-gray-500">Open Superintelligence Lab</span>
+                  <span className="text-orange-400 text-sm group-hover:text-orange-300 transition-colors">
+                    Start Journey →
+                  </span>
+                </div>
+              </div>
+            </Link> */}
+
             {/* MobileLLM-R1 Project - HIDDEN */}
             {/* <Link 
               href="/blog/mobilellm-r1"

components/footer.tsx

@@ -22,7 +22,7 @@ export function Footer() {
             </div>
             <div className="text-sm text-slate-300">
               <div className="font-semibold text-white">Open Superintelligence Lab</div>
-              <div className="text-xs text-slate-400">开放超级智能实验室</div>
+              {/* <div className="text-xs text-slate-400">开放超级智能实验室</div> */}
             </div>
           </div>
 

components/navigation.tsx

@@ -30,12 +30,24 @@ export function Navigation({ }: NavigationProps) {
             </div>
           </Link>
           <div className="flex gap-2 items-center">
+            <Link 
+              href="/" 
+              className="px-3 py-2 text-sm hover:text-purple-400 transition-colors"
+            >
+              {language === 'en' ? 'Home' : '首页'}
+            </Link>
             <Link 
               href="/learn" 
               className="px-3 py-2 text-sm hover:text-purple-400 transition-colors"
             >
               {language === 'en' ? 'Learn' : '学习'}
             </Link>
+            <Link 
+              href="/humans-and-ai" 
+              className="px-3 py-2 text-sm hover:text-purple-400 transition-colors"
+            >
+              {language === 'en' ? 'Humans & AI' : '人类与AI'}
+            </Link>
             <a 
               href="https://discord.com/invite/6AbXGpKTwN" 
               className="px-3 py-2 text-sm hover:text-blue-400 transition-colors" 
@@ -52,12 +64,6 @@ export function Navigation({ }: NavigationProps) {
             >
               {language === 'en' ? 'YouTube' : 'YouTube'}
             </a>
-            <Link 
-              href="/research" 
-              className="px-6 py-2 bg-gradient-to-r from-blue-600 to-purple-600 text-white text-sm font-medium rounded-lg hover:from-blue-700 hover:to-purple-700 transition-all duration-200"
-            >
-              {language === 'en' ? 'Research' : '研究'}
-            </Link>
             <button
               onClick={toggleLanguage}
               className="text-sm px-4 py-2 bg-slate-800/50 border border-slate-600/50 rounded-lg hover:border-blue-500/50 hover:bg-slate-700/50 transition-all duration-200"

lib/course-structure.tsx

@@ -317,11 +317,6 @@ export const getCourseModules = (): ModuleData[] => [
         title: "MoE in Code",
         titleZh: "MoE代码实现",
         href: "/learn/transformer-feedforward/moe-in-code"
-      },
-      {
-        title: "The DeepSeek MLP",
-        titleZh: "DeepSeek MLP",
-        href: "/learn/transformer-feedforward/the-deepseek-mlp"
       }
     ]
   },