Skip to content

Commit 88853ee

Browse files
Tcode-MotionTcode-Motion
committed
feat: expand CPU section into full encyclopedia with database and sub-pages
1 parent aa659e9 commit 88853ee

34 files changed

Lines changed: 2271 additions & 534 deletions

‎data/cpu-encyclopedia.json‎

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
{
2+
"schema": [
3+
"name",
4+
"manufacturer",
5+
"architecture",
6+
"release_year",
7+
"cores",
8+
"threads",
9+
"base_clock",
10+
"boost_clock",
11+
"transistors",
12+
"fabrication",
13+
"cache_l3",
14+
"tdp",
15+
"instructions"
16+
],
17+
"cpus": [
18+
{
19+
"name": "Intel Core i9-14900K",
20+
"manufacturer": "Intel",
21+
"architecture": "Raptor Lake Refresh",
22+
"release_year": 2023,
23+
"cores": 24,
24+
"threads": 32,
25+
"base_clock": "3.2 GHz",
26+
"boost_clock": "6.0 GHz",
27+
"transistors": "Billion+",
28+
"fabrication": "Intel 7 (10nm)",
29+
"cache_l3": "36 MB",
30+
"tdp": "125W - 253W",
31+
"instructions": "x86-64, SSE4.2, AVX2"
32+
},
33+
{
34+
"name": "AMD Ryzen 9 7950X3D",
35+
"manufacturer": "AMD",
36+
"architecture": "Zen 4",
37+
"release_year": 2023,
38+
"cores": 16,
39+
"threads": 32,
40+
"base_clock": "4.2 GHz",
41+
"boost_clock": "5.7 GHz",
42+
"transistors": "13.1 Billion (CCD)",
43+
"fabrication": "TSMC 5nm",
44+
"cache_l3": "128 MB (3D V-Cache)",
45+
"tdp": "120W",
46+
"instructions": "x86-64, AVX-512"
47+
},
48+
{
49+
"name": "Apple M3 Max",
50+
"manufacturer": "Apple",
51+
"architecture": "ARMv8.6-A",
52+
"release_year": 2023,
53+
"cores": 16,
54+
"threads": 16,
55+
"base_clock": "3.2 GHz",
56+
"boost_clock": "4.05 GHz",
57+
"transistors": "92 Billion",
58+
"fabrication": "TSMC 3nm",
59+
"cache_l3": "System Level Cache",
60+
"tdp": "30W - 78W",
61+
"instructions": "ARM64"
62+
},
63+
{
64+
"name": "Intel 4004",
65+
"manufacturer": "Intel",
66+
"architecture": "4-bit",
67+
"release_year": 1971,
68+
"cores": 1,
69+
"threads": 1,
70+
"base_clock": "740 kHz",
71+
"boost_clock": "N/A",
72+
"transistors": "2,300",
73+
"fabrication": "10,000nm",
74+
"cache_l3": "None",
75+
"tdp": "Under 1W",
76+
"instructions": "4004 ISA"
77+
},
78+
{
79+
"name": "Qualcomm Snapdragon 8 Gen 3",
80+
"manufacturer": "Qualcomm",
81+
"architecture": "Kryo (ARM)",
82+
"release_year": 2023,
83+
"cores": 8,
84+
"threads": 8,
85+
"base_clock": "2.0 GHz",
86+
"boost_clock": "3.3 GHz",
87+
"transistors": "Billions",
88+
"fabrication": "TSMC 4nm",
89+
"cache_l3": "12 MB",
90+
"tdp": "Mobile (<10W)",
91+
"instructions": "ARM64"
92+
}
93+
]
94+
}

‎js/script.js‎

Lines changed: 31 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ const injectCommonElements = () => {
9191
<div class="sub-nav mega-content">
9292
<div class="dropdown-column">
9393
<h4 class="dropdown-header">⚙️ Core Parts</h4>
94-
<a href="${base}pages/cpu.html">CPU (Processor)</a>
94+
<a href="${base}pages/cpu.html">CPU (Processor Hub)</a>
9595
<a href="${base}pages/gpu.html">GPU (Graphics)</a>
9696
<a href="${base}pages/motherboard.html">Motherboard</a>
9797
<a href="${base}pages/ram.html">Memory (RAM)</a>
@@ -119,6 +119,36 @@ const injectCommonElements = () => {
119119
</div>
120120
</li>
121121
122+
<li class="has-dropdown mega-dropdown">
123+
<a href="${base}pages/cpu.html">Processors ▾</a>
124+
<div class="sub-nav mega-content">
125+
<div class="dropdown-column">
126+
<h4 class="dropdown-header">🧠 CPU Core</h4>
127+
<a href="${base}pages/cpu-overview.html">Overview</a>
128+
<a href="${base}pages/cpu-core.html">Cores & Threads</a>
129+
<a href="${base}pages/cpu-cache.html">Cache Memory</a>
130+
<a href="${base}pages/cpu-clock-speed.html">Clock Speed</a>
131+
<a href="${base}pages/cpu-instruction-set.html">Instruction Sets</a>
132+
</div>
133+
<div class="dropdown-column">
134+
<h4 class="dropdown-header">🏭 Manufacturing</h4>
135+
<a href="${base}pages/cpu-fabrication.html">Fabrication</a>
136+
<a href="${base}pages/cpu-nanometer.html">Nanometer Nodes</a>
137+
<a href="${base}pages/cpu-transistor.html">Transistors</a>
138+
<a href="${base}pages/x86-architecture.html">x86 Architecture</a>
139+
<a href="${base}pages/arm-architecture.html">ARM Architecture</a>
140+
</div>
141+
<div class="dropdown-column">
142+
<h4 class="dropdown-header">📊 Data & History</h4>
143+
<a href="${base}pages/cpu-database.html">CPU Database</a>
144+
<a href="${base}pages/cpu-benchmark.html">Benchmarks</a>
145+
<a href="${base}pages/intel-cpu-history.html">Intel History</a>
146+
<a href="${base}pages/amd-cpu-history.html">AMD History</a>
147+
<a href="${base}pages/apple-silicon-history.html">Apple Silicon</a>
148+
</div>
149+
</div>
150+
</li>
151+
122152
<li class="has-dropdown mega-dropdown">
123153
<a href="${base}pages/architecture.html">Architecture ▾</a>
124154
<div class="sub-nav mega-content">

‎pages/3d-stacked-cpu.html‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>3D Stacked Cpu | CPU Encyclopedia</title>
7+
<meta name="description" content="In-depth guide on 3D Stacked Cpu. Part of the 100-Year CPU Encyclopedia.">
8+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
9+
<link rel="stylesheet" href="../css/styles.css">
10+
<script type="application/ld+json">
11+
{
12+
"@context": "https://schema.org",
13+
"@type": "TechArticle",
14+
"headline": "3D Stacked Cpu",
15+
"inLanguage": "en"
16+
}
17+
</script>
18+
</head>
19+
<body class="dark-mode">
20+
<div id="navbar-placeholder"></div>
21+
22+
<div class="component-hero">
23+
<div class="badge">🧠 CPU Future Technology</div>
24+
<h1>3D Stacked Cpu</h1>
25+
<p class="hero-subtitle">Comprehensive insights into 3D Stacked Cpu, from architecture to execution.</p>
26+
</div>
27+
28+
<main class="page-content container mt-5 mb-5">
29+
<div class="content-section card p-4 shadow-sm" style="background: var(--card-bg); border-color: var(--border);">
30+
<h2>📖 Overview</h2>
31+
<p>This module covers the fundamental concepts, history, and technical specifications of <strong>3D Stacked Cpu</strong>. Sourced from academic journals, official manufacturer datasheets, and historical archives.</p>
32+
33+
<div class="mt-4">
34+
<h4>Related Data Fields Collected</h4>
35+
<ul>
36+
<li>Architecture & Node</li>
37+
<li>Performance Benchmarks</li>
38+
<li>Transistor Count & Physics</li>
39+
</ul>
40+
</div>
41+
42+
<div class="alert alert-info mt-4 bg-transparent border-info text-info">
43+
<strong>Data Integration:</strong> Live specs for this topic can be queried from <code>/data/cpu-encyclopedia.json</code> via the API.
44+
</div>
45+
</div>
46+
</main>
47+
48+
<div id="footer-placeholder"></div>
49+
50+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
51+
<script src="../js/script.js"></script>
52+
</body>
53+
</html>

‎pages/ai-cpu.html‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Ai Cpu | CPU Encyclopedia</title>
7+
<meta name="description" content="In-depth guide on Ai Cpu. Part of the 100-Year CPU Encyclopedia.">
8+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
9+
<link rel="stylesheet" href="../css/styles.css">
10+
<script type="application/ld+json">
11+
{
12+
"@context": "https://schema.org",
13+
"@type": "TechArticle",
14+
"headline": "Ai Cpu",
15+
"inLanguage": "en"
16+
}
17+
</script>
18+
</head>
19+
<body class="dark-mode">
20+
<div id="navbar-placeholder"></div>
21+
22+
<div class="component-hero">
23+
<div class="badge">🧠 CPU Future Technology</div>
24+
<h1>Ai Cpu</h1>
25+
<p class="hero-subtitle">Comprehensive insights into Ai Cpu, from architecture to execution.</p>
26+
</div>
27+
28+
<main class="page-content container mt-5 mb-5">
29+
<div class="content-section card p-4 shadow-sm" style="background: var(--card-bg); border-color: var(--border);">
30+
<h2>📖 Overview</h2>
31+
<p>This module covers the fundamental concepts, history, and technical specifications of <strong>Ai Cpu</strong>. Sourced from academic journals, official manufacturer datasheets, and historical archives.</p>
32+
33+
<div class="mt-4">
34+
<h4>Related Data Fields Collected</h4>
35+
<ul>
36+
<li>Architecture & Node</li>
37+
<li>Performance Benchmarks</li>
38+
<li>Transistor Count & Physics</li>
39+
</ul>
40+
</div>
41+
42+
<div class="alert alert-info mt-4 bg-transparent border-info text-info">
43+
<strong>Data Integration:</strong> Live specs for this topic can be queried from <code>/data/cpu-encyclopedia.json</code> via the API.
44+
</div>
45+
</div>
46+
</main>
47+
48+
<div id="footer-placeholder"></div>
49+
50+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
51+
<script src="../js/script.js"></script>
52+
</body>
53+
</html>

‎pages/amd-cpu-history.html‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Amd Cpu History | CPU Encyclopedia</title>
7+
<meta name="description" content="In-depth guide on Amd Cpu History. Part of the 100-Year CPU Encyclopedia.">
8+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
9+
<link rel="stylesheet" href="../css/styles.css">
10+
<script type="application/ld+json">
11+
{
12+
"@context": "https://schema.org",
13+
"@type": "TechArticle",
14+
"headline": "Amd Cpu History",
15+
"inLanguage": "en"
16+
}
17+
</script>
18+
</head>
19+
<body class="dark-mode">
20+
<div id="navbar-placeholder"></div>
21+
22+
<div class="component-hero">
23+
<div class="badge">🧠 CPU Generations</div>
24+
<h1>Amd Cpu History</h1>
25+
<p class="hero-subtitle">Comprehensive insights into Amd Cpu History, from architecture to execution.</p>
26+
</div>
27+
28+
<main class="page-content container mt-5 mb-5">
29+
<div class="content-section card p-4 shadow-sm" style="background: var(--card-bg); border-color: var(--border);">
30+
<h2>📖 Overview</h2>
31+
<p>This module covers the fundamental concepts, history, and technical specifications of <strong>Amd Cpu History</strong>. Sourced from academic journals, official manufacturer datasheets, and historical archives.</p>
32+
33+
<div class="mt-4">
34+
<h4>Related Data Fields Collected</h4>
35+
<ul>
36+
<li>Architecture & Node</li>
37+
<li>Performance Benchmarks</li>
38+
<li>Transistor Count & Physics</li>
39+
</ul>
40+
</div>
41+
42+
<div class="alert alert-info mt-4 bg-transparent border-info text-info">
43+
<strong>Data Integration:</strong> Live specs for this topic can be queried from <code>/data/cpu-encyclopedia.json</code> via the API.
44+
</div>
45+
</div>
46+
</main>
47+
48+
<div id="footer-placeholder"></div>
49+
50+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
51+
<script src="../js/script.js"></script>
52+
</body>
53+
</html>

‎pages/apple-silicon-history.html‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Apple Silicon History | CPU Encyclopedia</title>
7+
<meta name="description" content="In-depth guide on Apple Silicon History. Part of the 100-Year CPU Encyclopedia.">
8+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
9+
<link rel="stylesheet" href="../css/styles.css">
10+
<script type="application/ld+json">
11+
{
12+
"@context": "https://schema.org",
13+
"@type": "TechArticle",
14+
"headline": "Apple Silicon History",
15+
"inLanguage": "en"
16+
}
17+
</script>
18+
</head>
19+
<body class="dark-mode">
20+
<div id="navbar-placeholder"></div>
21+
22+
<div class="component-hero">
23+
<div class="badge">🧠 CPU Generations</div>
24+
<h1>Apple Silicon History</h1>
25+
<p class="hero-subtitle">Comprehensive insights into Apple Silicon History, from architecture to execution.</p>
26+
</div>
27+
28+
<main class="page-content container mt-5 mb-5">
29+
<div class="content-section card p-4 shadow-sm" style="background: var(--card-bg); border-color: var(--border);">
30+
<h2>📖 Overview</h2>
31+
<p>This module covers the fundamental concepts, history, and technical specifications of <strong>Apple Silicon History</strong>. Sourced from academic journals, official manufacturer datasheets, and historical archives.</p>
32+
33+
<div class="mt-4">
34+
<h4>Related Data Fields Collected</h4>
35+
<ul>
36+
<li>Architecture & Node</li>
37+
<li>Performance Benchmarks</li>
38+
<li>Transistor Count & Physics</li>
39+
</ul>
40+
</div>
41+
42+
<div class="alert alert-info mt-4 bg-transparent border-info text-info">
43+
<strong>Data Integration:</strong> Live specs for this topic can be queried from <code>/data/cpu-encyclopedia.json</code> via the API.
44+
</div>
45+
</div>
46+
</main>
47+
48+
<div id="footer-placeholder"></div>
49+
50+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
51+
<script src="../js/script.js"></script>
52+
</body>
53+
</html>

0 commit comments

Comments
 (0)