Skip to content

Commit 41fc11f

Browse files
Tcode-MotionTcode-Motion
committed
Phase 2: Redesigned Home, Google Shopping Links, and 14 New Guides
1 parent 4d42ac3 commit 41fc11f

39 files changed

Lines changed: 1289 additions & 1700 deletions

‎battery.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -46,14 +46,14 @@ <h2>🛒 Top Battery Products</h2>
4646
<img src="images/battery.jpg" alt="APC Back-UPS 1500VA">
4747
<h4>APC Back-UPS BX1100C-IN</h4>
4848
<p class="product-spec">1100VA / 660W · 8 outlets · 1-hour runtime for basic PC · USB charging</p>
49-
<p class="product-price">~₹6,500</p>
49+
<p class="product-price">₹5,525 – ₹7,475 (Avg: ₹6,500)</p>
5050
<a href="https://amzn.in/d/apcbackups" target="_blank" rel="noopener" class="buy-btn">🛒 Amazon India</a>
5151
</div>
5252
<div class="product-card">
5353
<img src="images/battery.jpg" alt="Genus GX1000 UPS">
5454
<h4>Genus GX1000 UPS</h4>
5555
<p class="product-spec">1000VA · Pure sine wave · LCD display · Best Indian brand UPS pick</p>
56-
<p class="product-price">~₹4,800</p>
56+
<p class="product-price">₹4,025 – ₹5,575 (Avg: ₹4,800)</p>
5757
<a href="https://www.flipkart.com/search?q=genus+ups+1000va" target="_blank" rel="noopener" class="buy-btn flipkart">🛒 Flipkart</a>
5858
</div>
5959
</div>

‎computer-history.html‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
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>Computer History — Full Timeline | Computer Parts Map</title>
7+
<meta name="description" content="History of computing — from abacus to ENIAC to transistor to AI, a complete timeline.">
8+
<link rel="stylesheet" href="css/styles.css">
9+
</head>
10+
<body>
11+
<div id="navbar-placeholder"></div>
12+
<div class="component-hero">
13+
<div class="badge">📜 More</div>
14+
<h1>📜 History of Computing</h1>
15+
<p class="hero-subtitle">From the abacus to artificial intelligence — a 5,000 year journey.</p>
16+
</div>
17+
<div class="page-content">
18+
<div class="content-section">
19+
<h2>📅 Milestone Timeline</h2>
20+
<div class="timeline-simple">
21+
<p><strong>1837:</strong> Analytical Engine concept (Charles Babbage)</p>
22+
<p><strong>1945:</strong> ENIAC — First Electronic Computer</p>
23+
<p><strong>1947:</strong> Transistor Invented (Bell Labs)</p>
24+
<p><strong>1971:</strong> First Microprocessor (Intel 4004)</p>
25+
<p><strong>2022-2024:</strong> Generative AI Revolution (LLMs)</p>
26+
</div>
27+
</div>
28+
</div>
29+
<div id="footer-placeholder"></div>
30+
<script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script>
31+
<script src="js/script.js"></script>
32+
</body>
33+
</html>

‎computer-types.html‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
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>Computer Types — Desktop, Laptop, Server, Mainframe | Computer Parts Map</title>
7+
<meta name="description" content="Types of computers — desktop, laptop, server, mainframe, supercomputer, embedded, and IoT explained.">
8+
<link rel="stylesheet" href="css/styles.css">
9+
</head>
10+
<body>
11+
<div id="navbar-placeholder"></div>
12+
<div class="component-hero">
13+
<div class="badge">📜 More</div>
14+
<h1>🖥️ Types of Computers</h1>
15+
<p class="hero-subtitle">From pocket-sized microcontrollers to room-sized supercomputers.</p>
16+
<img src="images/computer-types.png" alt="Computer Types" class="hero-img" onerror="this.style.display='none'">
17+
</div>
18+
<div class="page-content">
19+
<div class="content-section">
20+
<h2>🆚 Computer Types</h2>
21+
<table class="spec-table">
22+
<thead><tr><th>Type</th><th>Size</th><th>Use Case</th></tr></thead>
23+
<tbody>
24+
<tr><td>Supercomputer</td><td>Room-sized</td><td>Scientific research</td></tr>
25+
<tr><td>Server</td><td>Rack/Tower</td><td>Data services</td></tr>
26+
<tr><td>Desktop</td><td>Tower</td><td>Home / Gaming</td></tr>
27+
<tr><td>Embedded</td><td>Chip-sized</td><td>IoT / Appliances</td></tr>
28+
</tbody>
29+
</table>
30+
</div>
31+
</div>
32+
<div id="footer-placeholder"></div>
33+
<script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script>
34+
<script src="js/script.js"></script>
35+
</body>
36+
</html>

‎cooling.html‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
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>Cooling — Air, Water &amp; Thermal Paste | Computer Parts Map</title>
7+
<meta name="description" content="Cooling guide — air vs liquid cooling, AIOs, case fans, and thermal paste importance.">
8+
<link rel="stylesheet" href="css/styles.css">
9+
</head>
10+
<body>
11+
<div id="navbar-placeholder"></div>
12+
<div class="component-hero">
13+
<div class="badge">⚙️ Core Component</div>
14+
<h1>Cooling Systems</h1>
15+
<p class="hero-subtitle">Keeping your hardware chill under pressure — thermal management for peak performance.</p>
16+
<img src="images/cooling.jpg" alt="Cooling" class="hero-img" onerror="this.style.display='none'">
17+
</div>
18+
<div class="page-content">
19+
<div class="content-section">
20+
<h2>📖 Why Is Cooling Important?</h2>
21+
<p>Computer components generate heat as they process electricity. If they get too hot, they suffer from <strong>thermal throttling</strong> (slowing down to save themselves) or even permanent damage. A good cooling system ensures your CPU and GPU can run at maximum speed for long periods.</p>
22+
</div>
23+
<div class="content-section">
24+
<h2>🆚 Cooling Types Comparison</h2>
25+
<table class="spec-table">
26+
<thead><tr><th>Type</th><th>Performance</th><th>Noise</th><th>Safety</th><th>Best For</th></tr></thead>
27+
<tbody>
28+
<tr><td>Stock Cooler</td><td>Basic</td><td>Loud</td><td>High</td><td>Budget / Office PCs</td></tr>
29+
<tr><td>Air Cooler (Tower)</td><td>Good</td><td>Moderate</td><td>High</td><td><span class="tag tag-good">Most Gamers</span></td></tr>
30+
<tr><td>AIO Liquid Cooler</td><td>Excellent</td><td>Quiet</td><td>Moderate</td><td>Overclocking / Aesthetics</td></tr>
31+
<tr><td>Custom Water Loop</td><td>Top Tier</td><td>Silent</td><td>Low (Risk of leaks)</td><td><span class="tag tag-best">Enthusiasts</span></td></tr>
32+
</tbody>
33+
</table>
34+
</div>
35+
<div class="content-section">
36+
<h2>🛒 Recommended Cooling Products</h2>
37+
<div class="products-grid">
38+
<div class="product-card">
39+
<h4>DeepCool AK620 Digital</h4>
40+
<p class="product-spec">Dual-Tower Air Cooler · 260W TDP · Digital Status Screen · 6 Heat Pipes</p>
41+
<p class="product-price">₹5,100 – ₹7,500 (Avg: ₹6,000)</p>
42+
<a href="#" class="buy-btn" onclick="window.open('https://www.google.com/search?tbm=shop&q=' + encodeURIComponent(this.closest('.product-card').querySelector('h4').textContent + ' India'), '_blank'); return false;">🔍 Check Price</a>
43+
</div>
44+
<div class="product-card">
45+
<h4>Arctic Liquid Freezer III 360</h4>
46+
<p class="product-spec">360mm AIO · VRM Fan · Thick Radiator · Best-in-class performance</p>
47+
<p class="product-price">₹9,350 – ₹13,000 (Avg: ₹11,000)</p>
48+
<a href="#" class="buy-btn" onclick="window.open('https://www.google.com/search?tbm=shop&q=' + encodeURIComponent(this.closest('.product-card').querySelector('h4').textContent + ' India'), '_blank'); return false;">🔍 Check Price</a>
49+
</div>
50+
</div>
51+
</div>
52+
<div class="content-section">
53+
<h2>🔗 Related Components</h2>
54+
<div class="related-grid">
55+
<a href="cpu.html" class="related-link">⚙️ CPU</a>
56+
<a href="psu.html" class="related-link">🔌 PSU</a>
57+
<a href="ups.html" class="related-link">🔋 UPS</a>
58+
</div>
59+
</div>
60+
</div>
61+
<div id="footer-placeholder"></div>
62+
<script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script>
63+
<script src="js/script.js"></script>
64+
</body>
65+
</html>

‎cpu.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -88,28 +88,28 @@ <h2>🛒 Top CPU Products</h2>
8888
<img src="images/cpu.jpg" alt="AMD Ryzen 9 7950X">
8989
<h4>AMD Ryzen 9 7950X</h4>
9090
<p class="product-spec">16 Cores / 32 Threads · 4.5GHz base · 5.7GHz boost · 170W TDP · AM5 Socket</p>
91-
<p class="product-price">~₹65,000</p>
91+
<p class="product-price">₹55,225 – ₹74,775 (Avg: ₹65,000)</p>
9292
<a href="https://amzn.in/d/cpu-ryzen-9" target="_blank" rel="noopener" class="buy-btn">🛒 Amazon India</a>
9393
</div>
9494
<div class="product-card">
9595
<img src="images/cpu.jpg" alt="Intel Core i9-14900K">
9696
<h4>Intel Core i9-14900K</h4>
9797
<p class="product-spec">24 Cores (8P+16E) · 3.2GHz base · 6.0GHz boost · 125W TDP · LGA 1700</p>
98-
<p class="product-price">~₹58,000</p>
98+
<p class="product-price">₹49,325 – ₹66,775 (Avg: ₹58,000)</p>
9999
<a href="https://amzn.in/d/cpu-i9" target="_blank" rel="noopener" class="buy-btn">🛒 Amazon India</a>
100100
</div>
101101
<div class="product-card">
102102
<img src="images/cpu.jpg" alt="AMD Ryzen 5 5600X">
103103
<h4>AMD Ryzen 5 5600X</h4>
104104
<p class="product-spec">6 Cores / 12 Threads · 3.7GHz base · 4.6GHz boost · 65W TDP — Best Budget Pick</p>
105-
<p class="product-price">~₹14,000</p>
105+
<p class="product-price">₹11,925 – ₹16,075 (Avg: ₹14,000)</p>
106106
<a href="https://amzn.in/d/cpu-r5" target="_blank" rel="noopener" class="buy-btn">🛒 Amazon India</a>
107107
</div>
108108
<div class="product-card">
109109
<img src="images/cpu.jpg" alt="Intel Core i5-12400">
110110
<h4>Intel Core i5-12400</h4>
111111
<p class="product-spec">6P Cores · 2.5GHz base · 4.4GHz boost · 65W TDP · Excellent value</p>
112-
<p class="product-price">~₹13,500</p>
112+
<p class="product-price">₹11,425 – ₹15,575 (Avg: ₹13,500)</p>
113113
<a href="https://www.flipkart.com/search?q=i5+12400" target="_blank" rel="noopener" class="buy-btn flipkart">🛒 Flipkart</a>
114114
</div>
115115
</div>

0 commit comments

Comments
 (0)