Hugging Face's logo

Spaces:
thucdangvan020999
/
qwen3-480b-coder
Running

App Files Community
thucdangvan020999 commited on
Commit
d79adf9
·
verified ·
1 Parent(s): eb5ad24

Upload index.html with huggingface_hub

Browse files
Files changed (1) hide show
  1. index.html +936 -19
index.html CHANGED
@@ -1,19 +1,936 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Singapore Semiconductor Tariff Impact Report</title>
7
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
8
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
9
+ <style>
10
+ :root {
11
+ --primary: #0064b4;
12
+ --secondary: #00a651;
13
+ --accent: #ff6b00;
14
+ --light: #f8f9fa;
15
+ --dark: #212529;
16
+ --gray: #6c757d;
17
+ --border: #dee2e6;
18
+ --success: #28a745;
19
+ --warning: #ffc107;
20
+ --danger: #dc3545;
21
+ --transition: all 0.3s ease;
22
+ --shadow: 0 4px 6px rgba(0,0,0,0.1);
23
+ --radius: 8px;
24
+ }
25
+
26
+ * {
27
+ margin: 0;
28
+ padding: 0;
29
+ box-sizing: border-box;
30
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
31
+ }
32
+
33
+ body {
34
+ background-color: #f5f7fa;
35
+ color: var(--dark);
36
+ line-height: 1.6;
37
+ }
38
+
39
+ .container {
40
+ width: 100%;
41
+ max-width: 1400px;
42
+ margin: 0 auto;
43
+ padding: 0 20px;
44
+ }
45
+
46
+ header {
47
+ background: linear-gradient(135deg, var(--primary), #004a8c);
48
+ color: white;
49
+ padding: 2rem 0;
50
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
51
+ position: sticky;
52
+ top: 0;
53
+ z-index: 100;
54
+ }
55
+
56
+ .header-content {
57
+ display: flex;
58
+ justify-content: space-between;
59
+ align-items: center;
60
+ flex-wrap: wrap;
61
+ }
62
+
63
+ .logo {
64
+ display: flex;
65
+ align-items: center;
66
+ gap: 15px;
67
+ }
68
+
69
+ .logo i {
70
+ font-size: 2rem;
71
+ }
72
+
73
+ .logo h1 {
74
+ font-size: 1.8rem;
75
+ font-weight: 700;
76
+ }
77
+
78
+ .search-bar {
79
+ display: flex;
80
+ margin: 1rem 0;
81
+ }
82
+
83
+ .search-bar input {
84
+ padding: 0.75rem;
85
+ border: none;
86
+ border-radius: var(--radius) 0 0 var(--radius);
87
+ width: 300px;
88
+ font-size: 1rem;
89
+ }
90
+
91
+ .search-bar button {
92
+ background: var(--accent);
93
+ color: white;
94
+ border: none;
95
+ padding: 0.75rem 1.5rem;
96
+ border-radius: 0 var(--radius) var(--radius) 0;
97
+ cursor: pointer;
98
+ font-weight: 600;
99
+ }
100
+
101
+ nav {
102
+ background: white;
103
+ box-shadow: 0 2px 5px rgba(0,0,0,0.05);
104
+ position: sticky;
105
+ top: 80px;
106
+ z-index: 99;
107
+ }
108
+
109
+ .nav-container {
110
+ display: flex;
111
+ overflow-x: auto;
112
+ padding: 0.5rem 0;
113
+ }
114
+
115
+ .nav-item {
116
+ padding: 0.75rem 1.5rem;
117
+ white-space: nowrap;
118
+ cursor: pointer;
119
+ transition: var(--transition);
120
+ border-bottom: 3px solid transparent;
121
+ }
122
+
123
+ .nav-item:hover, .nav-item.active {
124
+ color: var(--primary);
125
+ border-bottom: 3px solid var(--primary);
126
+ }
127
+
128
+ .content-section {
129
+ display: none;
130
+ padding: 2rem 0;
131
+ }
132
+
133
+ .content-section.active {
134
+ display: block;
135
+ animation: fadeIn 0.5s ease;
136
+ }
137
+
138
+ @keyframes fadeIn {
139
+ from { opacity: 0; transform: translateY(20px); }
140
+ to { opacity: 1; transform: translateY(0); }
141
+ }
142
+
143
+ .section-header {
144
+ margin-bottom: 2rem;
145
+ padding-bottom: 1rem;
146
+ border-bottom: 2px solid var(--border);
147
+ }
148
+
149
+ .section-header h2 {
150
+ color: var(--primary);
151
+ font-size: 2rem;
152
+ display: flex;
153
+ align-items: center;
154
+ gap: 10px;
155
+ }
156
+
157
+ .card-grid {
158
+ display: grid;
159
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
160
+ gap: 1.5rem;
161
+ margin-bottom: 2rem;
162
+ }
163
+
164
+ .card {
165
+ background: white;
166
+ border-radius: var(--radius);
167
+ box-shadow: var(--shadow);
168
+ padding: 1.5rem;
169
+ transition: var(--transition);
170
+ }
171
+
172
+ .card:hover {
173
+ transform: translateY(-5px);
174
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
175
+ }
176
+
177
+ .card h3 {
178
+ color: var(--primary);
179
+ margin-bottom: 1rem;
180
+ display: flex;
181
+ align-items: center;
182
+ gap: 10px;
183
+ }
184
+
185
+ .card p {
186
+ margin-bottom: 1rem;
187
+ }
188
+
189
+ .stats-grid {
190
+ display: grid;
191
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
192
+ gap: 1.5rem;
193
+ margin: 2rem 0;
194
+ }
195
+
196
+ .stat-card {
197
+ background: white;
198
+ border-radius: var(--radius);
199
+ box-shadow: var(--shadow);
200
+ padding: 1.5rem;
201
+ text-align: center;
202
+ }
203
+
204
+ .stat-value {
205
+ font-size: 2.5rem;
206
+ font-weight: 700;
207
+ color: var(--primary);
208
+ margin: 0.5rem 0;
209
+ }
210
+
211
+ .stat-label {
212
+ color: var(--gray);
213
+ font-size: 1rem;
214
+ }
215
+
216
+ .chart-container {
217
+ background: white;
218
+ border-radius: var(--radius);
219
+ box-shadow: var(--shadow);
220
+ padding: 1.5rem;
221
+ margin: 2rem 0;
222
+ }
223
+
224
+ .chart-title {
225
+ font-size: 1.5rem;
226
+ color: var(--primary);
227
+ margin-bottom: 1rem;
228
+ display: flex;
229
+ align-items: center;
230
+ gap: 10px;
231
+ }
232
+
233
+ .info-box {
234
+ background: #e8f4ff;
235
+ border-left: 4px solid var(--primary);
236
+ padding: 1.5rem;
237
+ border-radius: 0 var(--radius) var(--radius) 0;
238
+ margin: 2rem 0;
239
+ }
240
+
241
+ .info-box h3 {
242
+ color: var(--primary);
243
+ margin-bottom: 1rem;
244
+ }
245
+
246
+ .references {
247
+ background: white;
248
+ border-radius: var(--radius);
249
+ box-shadow: var(--shadow);
250
+ padding: 1.5rem;
251
+ margin-top: 2rem;
252
+ }
253
+
254
+ .references h3 {
255
+ color: var(--primary);
256
+ margin-bottom: 1rem;
257
+ }
258
+
259
+ .reference-item {
260
+ margin-bottom: 0.75rem;
261
+ padding-left: 1.5rem;
262
+ position: relative;
263
+ }
264
+
265
+ .reference-item:before {
266
+ content: "•";
267
+ position: absolute;
268
+ left: 0;
269
+ color: var(--primary);
270
+ }
271
+
272
+ .highlight {
273
+ background: linear-gradient(120deg, #e0f7fa 0%, #bbdefb 100%);
274
+ padding: 0.25rem 0.5rem;
275
+ border-radius: 4px;
276
+ font-weight: 600;
277
+ }
278
+
279
+ .impact-level {
280
+ display: inline-block;
281
+ padding: 0.25rem 0.75rem;
282
+ border-radius: 20px;
283
+ font-weight: 600;
284
+ font-size: 0.85rem;
285
+ }
286
+
287
+ .impact-high {
288
+ background: #ffeaea;
289
+ color: var(--danger);
290
+ }
291
+
292
+ .impact-medium {
293
+ background: #fff3cd;
294
+ color: #856404;
295
+ }
296
+
297
+ .impact-low {
298
+ background: #d4edda;
299
+ color: #155724;
300
+ }
301
+
302
+ footer {
303
+ background: var(--dark);
304
+ color: white;
305
+ text-align: center;
306
+ padding: 2rem 0;
307
+ margin-top: 3rem;
308
+ }
309
+
310
+ @media (max-width: 768px) {
311
+ .header-content {
312
+ flex-direction: column;
313
+ text-align: center;
314
+ }
315
+
316
+ .search-bar {
317
+ width: 100%;
318
+ }
319
+
320
+ .search-bar input {
321
+ width: 100%;
322
+ }
323
+
324
+ .card-grid, .stats-grid {
325
+ grid-template-columns: 1fr;
326
+ }
327
+ }
328
+
329
+ .collapsible {
330
+ background: #f0f8ff;
331
+ border: 1px solid var(--border);
332
+ border-radius: var(--radius);
333
+ margin-bottom: 1rem;
334
+ overflow: hidden;
335
+ }
336
+
337
+ .collapsible-header {
338
+ padding: 1rem 1.5rem;
339
+ background: #e3f2fd;
340
+ cursor: pointer;
341
+ display: flex;
342
+ justify-content: space-between;
343
+ align-items: center;
344
+ font-weight: 600;
345
+ }
346
+
347
+ .collapsible-content {
348
+ padding: 0 1.5rem;
349
+ max-height: 0;
350
+ overflow: hidden;
351
+ transition: max-height 0.3s ease;
352
+ }
353
+
354
+ .collapsible.active .collapsible-content {
355
+ max-height: 1000px;
356
+ padding: 1.5rem;
357
+ }
358
+
359
+ .tooltip {
360
+ position: relative;
361
+ display: inline-block;
362
+ border-bottom: 1px dotted var(--gray);
363
+ cursor: help;
364
+ }
365
+
366
+ .tooltip .tooltiptext {
367
+ visibility: hidden;
368
+ width: 200px;
369
+ background-color: var(--dark);
370
+ color: white;
371
+ text-align: center;
372
+ border-radius: var(--radius);
373
+ padding: 0.5rem;
374
+ position: absolute;
375
+ z-index: 1;
376
+ bottom: 125%;
377
+ left: 50%;
378
+ transform: translateX(-50%);
379
+ opacity: 0;
380
+ transition: opacity 0.3s;
381
+ font-size: 0.85rem;
382
+ }
383
+
384
+ .tooltip:hover .tooltiptext {
385
+ visibility: visible;
386
+ opacity: 1;
387
+ }
388
+
389
+ .glossary-term {
390
+ font-weight: 600;
391
+ color: var(--primary);
392
+ border-bottom: 1px dotted var(--primary);
393
+ }
394
+ </style>
395
+ </head>
396
+ <body>
397
+ <header>
398
+ <div class="container">
399
+ <div class="header-content">
400
+ <div class="logo">
401
+ <i class="fas fa-microchip"></i>
402
+ <h1>Singapore Semiconductor Tariff Impact Report</h1>
403
+ </div>
404
+ <div class="search-bar">
405
+ <input type="text" id="searchInput" placeholder="Search report sections...">
406
+ <button><i class="fas fa-search"></i> Search</button>
407
+ </div>
408
+ </div>
409
+ </div>
410
+ </header>
411
+
412
+ <nav>
413
+ <div class="container">
414
+ <div class="nav-container">
415
+ <div class="nav-item active" data-section="executive">Executive Summary</div>
416
+ <div class="nav-item" data-section="footprint">Singapore's Semiconductor Footprint</div>
417
+ <div class="nav-item" data-section="tariff-shock">Tariff Shock Analysis</div>
418
+ <div class="nav-item" data-section="sector-impact">Sector-Level Implications</div>
419
+ <div class="nav-item" data-section="macro">Macro Impact Scenario</div>
420
+ <div class="nav-item" data-section="geopolitical">Geopolitical Shifts</div>
421
+ <div class="nav-item" data-section="recommendations">Recommendations</div>
422
+ </div>
423
+ </div>
424
+ </nav>
425
+
426
+ <main class="container">
427
+ <!-- Executive Summary Section -->
428
+ <section id="executive" class="content-section active">
429
+ <div class="section-header">
430
+ <h2><i class="fas fa-chart-line"></i> Executive Summary</h2>
431
+ </div>
432
+
433
+ <div class="card-grid">
434
+ <div class="card">
435
+ <h3><i class="fas fa-globe-asia"></i> Critical Sector</h3>
436
+ <p>Singapore produces about <span class="highlight">10% of global chips</span> and <span class="highlight">20% of semiconductor equipment</span>, contributing <span class="highlight">6% of GDP</span> and employing over <span class="highlight">35,000 workers</span>.</p>
437
+ <p>Nine of the world's top 15 chip companies operate in Singapore, spanning wafer fabrication, advanced packaging, and assembly/test capabilities.</p>
438
+ </div>
439
+
440
+ <div class="card">
441
+ <h3><i class="fas fa-bolt"></i> Immediate Impact</h3>
442
+ <p>A 50% US tariff on imported semiconductors would increase costs for US-bound shipments, creating demand uncertainty and potential supply chain re-routing.</p>
443
+ <p>Effects would ripple into precision engineering, logistics (airfreight), and traded services sectors.</p>
444
+ </div>
445
+
446
+ <div class="card">
447
+ <h3><i class="fas fa-shield-alt"></i> Mitigating Factors</h3>
448
+ <p>Several dynamics could soften the blow:
449
+ <ul style="margin-top: 10px; padding-left: 20px;">
450
+ <li>Partial cost pass-through to US buyers</li>
451
+ <li>Reallocation to non-US markets</li>
452
+ <li>Tariff exemptions for US manufacturing</li>
453
+ <li>Robust FTA networks and domestic R&D support</li>
454
+ </ul>
455
+ </p>
456
+ </div>
457
+ </div>
458
+
459
+ <div class="info-box">
460
+ <h3><i class="fas fa-lightbulb"></i> Key Insight</h3>
461
+ <p>An illustrative scenario analysis suggests a modest but non-trivial GDP drag (order of magnitude: <span class="highlight">low fractions of a percentage point</span>) concentrated in US-exposed sub-segments, with wider downside contained by rapid re-routing and policy support.</p>
462
+ </div>
463
+
464
+ <div class="stats-grid">
465
+ <div class="stat-card">
466
+ <div class="stat-value">6%</div>
467
+ <div class="stat-label">Semiconductor Sector of GDP</div>
468
+ </div>
469
+ <div class="stat-card">
470
+ <div class="stat-value">35,000+</div>
471
+ <div class="stat-label">Employees in Sector</div>
472
+ </div>
473
+ <div class="stat-card">
474
+ <div class="stat-value">9/15</div>
475
+ <div class="stat-label">Top Global Chip Companies in Singapore</div>
476
+ </div>
477
+ <div class="stat-card">
478
+ <div class="stat-value">10%</div>
479
+ <div class="stat-label">Global Chip Production</div>
480
+ </div>
481
+ </div>
482
+ </section>
483
+
484
+ <!-- Singapore's Semiconductor Footprint Section -->
485
+ <section id="footprint" class="content-section">
486
+ <div class="section-header">
487
+ <h2><i class="fas fa-city"></i> Singapore's Semiconductor Footprint</h2>
488
+ </div>
489
+
490
+ <div class="card-grid">
491
+ <div class="card">
492
+ <h3><i class="fas fa-industry"></i> Scale and Role</h3>
493
+ <p>Singapore contributes approximately <span class="highlight">6% of national GDP</span> through its semiconductor sector, employing over <span class="highlight">35,000 workers</span>.</p>
494
+ <p>Operations span entire value chain: R&D, wafer fabrication, advanced packaging, assembly/test, and equipment manufacturing.</p>
495
+ </div>
496
+
497
+ <div class="card">
498
+ <h3><i class="fas fa-road"></i> Platform Advantages</h3>
499
+ <p>Key competitive advantages include:
500
+ <ul style="margin-top: 10px; padding-left: 20px;">
501
+ <li>World-class infrastructure and logistics</li>
502
+ <li>Strong intellectual property regime</li>
503
+ <li>Skilled workforce</li>
504
+ <li>Stable policy support (RIC, EIS)</li>
505
+ </ul>
506
+ </p>
507
+ </div>
508
+
509
+ <div class="card">
510
+ <h3><i class="fas fa-exchange-alt"></i> Trade Ties</h3>
511
+ <p>The US is a top trading partner, but Singapore also maintains substantial semiconductor trade with Asia including:
512
+ <ul style="margin-top: 10px; padding-left: 20px;">
513
+ <li>Hong Kong/China</li>
514
+ <li>Malaysia</li>
515
+ <li>Taiwan</li>
516
+ <li>Japan</li>
517
+ </ul>
518
+ </p>
519
+ </div>
520
+ </div>
521
+
522
+ <div class="chart-container">
523
+ <h3 class="chart-title"><i class="fas fa-globe-americas"></i> Singapore Semiconductor Ecosystem</h3>
524
+ <canvas id="ecosystemChart"></canvas>
525
+ </div>
526
+ </section>
527
+
528
+ <!-- Tariff Shock Analysis Section -->
529
+ <section id="tariff-shock" class="content-section">
530
+ <div class="section-header">
531
+ <h2><i class="fas fa-bolt"></i> Tariff Shock Analysis</h2>
532
+ </div>
533
+
534
+ <div class="card">
535
+ <h3><i class="fas fa-percentage"></i> Direct Price and Demand Effects</h3>
536
+ <p>A 50% tariff increases the landed cost for US buyers, potentially pressuring margins or end-prices.</p>
537
+ <p>The US Semiconductor Industry Association warns broad tariffs could reduce competitiveness across the supply chain.</p>
538
+ </div>
539
+
540
+ <div class="collapsible">
541
+ <div class="collapsible-header">
542
+ Softening Mechanisms <i class="fas fa-chevron-down"></i>
543
+ </div>
544
+ <div class="collapsible-content">
545
+ <p>Several mechanisms could reduce the negative impact:</p>
546
+ <ol style="margin: 15px 0; padding-left: 20px;">
547
+ <li><strong>Cost Pass-through:</strong> Memory manufacturers have signaled intent to pass tariff costs to US customers through surcharges.</li>
548
+ <li><strong>Exemptions:</strong> Companies manufacturing in the US or committing to US expansion may qualify for tariff exemptions.</li>
549
+ <li><strong>Market Rebalancing:</strong> Firms can rapidly reallocate production to non-US markets.</li>
550
+ <li><strong>Compliance Systems:</strong> Strong traceability systems allow firms to optimize tariff-exempt flows.</li>
551
+ </ol>
552
+ </div>
553
+ </div>
554
+
555
+ <div class="card">
556
+ <h3><i class="fas fa-exclamation-triangle"></i> Indirect Exposure Risks</h3>
557
+ <p>Singapore's role in intermediate and re-export flows means tariffs could affect:</p>
558
+ <ul style="margin-top: 10px; padding-left: 20px;">
559
+ <li>Upstream equipment/tooling shipments</li>
560
+ <li>Downstream assembly/test logistics</li>
561
+ <li>Precision engineering (tooling, modules)</li>
562
+ <li>High-value air cargo services</li>
563
+ </ul>
564
+ <p>Complex rules of origin add compliance risk and associated costs.</p>
565
+ </div>
566
+ </section>
567
+
568
+ <!-- Sector-Level Implications Section -->
569
+ <section id="sector-impact" class="content-section">
570
+ <div class="section-header">
571
+ <h2><i class="fas fa-cogs"></i> Sector-Level Implications</h2>
572
+ </div>
573
+
574
+ <div class="card-grid">
575
+ <div class="card">
576
+ <h3><i class="fas fa-memory"></i> Memory (DRAM/NAND)</h3>
577
+ <p><span class="impact-medium impact-level">Medium Impact</span> - Commodity nature increases price sensitivity.</p>
578
+ <p>Companies likely to pass costs to US customers through surcharges. Potential volume reallocation to non-US markets.</p>
579
+ </div>
580
+
581
+ <div class="card">
582
+ <h3><i class="fas fa-microchip"></i> Logic and Specialty Nodes</h3>
583
+ <p><span class="impact-high impact-level">High Impact</span> - Serves automotive, industrial IoT markets.</p>
584
+ <p>Product qualification cycles may slow re-sourcing approaches. OEMs may accept higher prices or shift to tariff-exempt supply chains.</p>
585
+ </div>
586
+
587
+ <div class="card">
588
+ <h3><i class="fas fa-tools"></i> Equipment and Tools</h3>
589
+ <p><span class="impact-low impact-level">Low Impact</span> - Positioned outside tariff scope.</p>
590
+ <p>Structural demand from US, Japan, Korea, India, and ASEAN fab expansions supports medium-term tool demand.</p>
591
+ </div>
592
+ </div>
593
+
594
+ <div class="chart-container">
595
+ <h3 class="chart-title"><i class="fas fa-chart-bar"></i> Segment Resilience Matrix</h3>
596
+ <canvas id="resilienceChart"></canvas>
597
+ </div>
598
+ </section>
599
+
600
+ <!-- Macro Impact Scenario Section -->
601
+ <section id="macro" class="content-section">
602
+ <div class="section-header">
603
+ <h2><i class="fas fa-chart-pie"></i> Macro Impact Scenario Analysis</h2>
604
+ </div>
605
+
606
+ <div class="card">
607
+ <h3><i class="fas fa-calculator"></i> Scenario Assumptions (12-24 months)</h3>
608
+ <ul style="margin: 15px 0; padding-left: 20px;">
609
+ <li>Semiconductor sector ≈ 6% of GDP</li>
610
+ <li>15-25% of Singapore's semiconductor output US-directed directly or indirectly</li>
611
+ <li>Sensitivity range: 10-30% US demand reduction post-tariff</li>
612
+ </ul>
613
+ </div>
614
+
615
+ <div class="chart-container">
616
+ <h3 class="chart-title"><i class="fas fa-sliders-h"></i> GDP Impact Range Comparison</h3>
617
+ <canvas id="impactChart"></canvas>
618
+ </div>
619
+
620
+ <div class="stats-grid">
621
+ <div class="stat-card">
622
+ <div class="stat-value">-0.1 to -0.3</div>
623
+ <div class="stat-label">ppt GDP Impact (50% Tariff)</div>
624
+ </div>
625
+ <div class="stat-card">
626
+ <div class="stat-value">-0.2 to -0.5</div>
627
+ <div class="stat-label">ppt GDP Impact (100% Tariff)</div>
628
+ </div>
629
+ <div class="stat-card">
630
+ <div class="stat-value">30-60%</div>
631
+ <div class="stat-label">Re-routing Mitigation Potential</div>
632
+ </div>
633
+ <div class="stat-card">
634
+ <div class="stat-value">Limited</div>
635
+ <div class="stat-label">Employment Impact</div>
636
+ </div>
637
+ </div>
638
+
639
+ <div class="info-box">
640
+ <h3><i class="fas fa-info-circle"></i> Scenario Caveats</h3>
641
+ <p>Impacts compound if tariffs broaden to end-products or persistently depress capex cycles; they shrink if exemptions are generous and US buyers absorb costs.
642
+ <span class="tooltip">Ranges<span class="tooltiptext">Reflect pass-through to US customers, exemptions for US-based manufacturing, and diversion to non-US demand.</span></span>
643
+ reflect various mitigation factors.</p>
644
+ </div>
645
+ </section>
646
+
647
+ <!-- Geopolitical Shifts Section -->
648
+ <section id="geopolitical" class="content-section">
649
+ <div class="section-header">
650
+ <h3><i class="fas fa-globe-europe"></i> Geopolitical and Technological Shifts</h3>
651
+ </div>
652
+
653
+ <div class="card-grid">
654
+ <div class="card">
655
+ <h3><i class="fas fa-users"></i> Friendshoring Trends</h3>
656
+ <p>Tariffs accelerate multi-sourcing of front-end and back-end capacity. ASEAN positioned as resilient "middle office" linking allied ecosystems.</p>
657
+ </div>
658
+
659
+ <div class="card">
660
+ <h3><i class="fas fa-building"></i> US Onshoring</h3>
661
+ <p>Incentives and tariff structures encourage US-based manufacturing. Global interdependence persists, sustaining Singapore's role.</p>
662
+ </div>
663
+
664
+ <div class="card">
665
+ <h3><i class="fas fa-coins"></i> Investment Mix</h3>
666
+ <p>US localization coexists with expanded capacity in Japan, Korea, India, and ASEAN. Singapore's equipment, packaging, and R&D capabilities remain in demand.</p>
667
+ </div>
668
+ </div>
669
+
670
+ <div class="card">
671
+ <h3><i class="fas fa-balance-scale"></i> Risk Factors to Monitor</h3>
672
+ <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-top: 1rem;">
673
+ <div>
674
+ <h4><span class="impact-high">High</span> Tariff Scope</h4>
675
+ <p>How "semiconductor" is defined (wafers, packaged ICs, modules)</p>
676
+ </div>
677
+ <div>
678
+ <h4><span class="impact-high">High</span> Duration</h4>
679
+ <p>Persistence vs time-limited measures</p>
680
+ </div>
681
+ <div>
682
+ <h4><span class="impact-medium">Medium</span> Retaliation</h4>
683
+ <p>Third-country responses reshaping demand</p>
684
+ </div>
685
+ </div>
686
+ </div>
687
+ </section>
688
+
689
+ <!-- Recommendations Section -->
690
+ <section id="recommendations" class="content-section">
691
+ <div class="section-header">
692
+ <h2><i class="fas fa-hands-helping"></i> Practical Implications and Recommendations</h2>
693
+ </div>
694
+
695
+ <div class="card">
696
+ <h3><i class="fas fa-building"></i> For Companies with Singapore Operations</h3>
697
+ <ol style="margin: 15px 0; padding-left: 20px;">
698
+ <li><strong>Commercial Preparation:</strong> Tiered pricing models, surcharges, and customer sharing following memory-sector precedent</li>
699
+ <li><strong>Supply Chain Mitigation:</strong> Dual-routing playbooks and late-stage packaging options in tariff-neutral locations</li>
700
+ <li><strong>Capacity Optimization:</strong> Evaluate small US steps to qualify for exemptions while retaining scale in Singapore</li>
701
+ <li><strong>Compliance Enhancement:</strong> Strengthen export control governance and end-use screening systems</li>
702
+ </ol>
703
+ </div>
704
+
705
+ <div class="card">
706
+ <h3><i class="fas fa-university"></i> For Policymakers and Ecosystem Partners</h3>
707
+ <ul style="margin: 15px 0; padding-left: 20px;">
708
+ <li>Targeted relief using investment/R&D tools (RIC, enterprise support)</li>
709
+ <li>Pursue sectoral trade understandings to minimize collateral supply chain damage</li>
710
+ <li>Deepen ASEAN coordination on standards, logistics, and talent development</li>
711
+ </ul>
712
+ </div>
713
+
714
+ <div class="card">
715
+ <h3><i class="fas fa-tachometer-alt"></i> Singapore's Strategic Levers</h3>
716
+ <p>Singapore maintains significant buffers through:</p>
717
+ <div class="stats-grid">
718
+ <div class="stat-card">
719
+ <div class="stat-value">10+</div>
720
+ <div class="stat-label">Free Trade Agreements</div>
721
+ </div>
722
+ <div class="stat-card">
723
+ <div class="stat-value">70+</div>
724
+ <div class="stat-label">Advanced Packaging Capabilities</div>
725
+ </div>
726
+ <div class="stat-card">
727
+ <div class="stat-value">35,000+</div>
728
+ <div class="stat-label">Skilled Workforce</div>
729
+ </div>
730
+ </div>
731
+ </div>
732
+ </section>
733
+
734
+ <!-- References Section -->
735
+ <div class="references">
736
+ <h3><i class="fas fa-book"></i> References</h3>
737
+ <div class="reference-item">[1] Explore Singapore's Innovative Semiconductor Industry: <a href="https://www.edb.gov.sg/en/our-industries/semiconductor.html" target="_blank">www.edb.gov.sg</a></div>
738
+ <div class="reference-item">[2] Speech by MOS Alvin Tan at SSIA Semiconductor Business Connect 2025: <a href="https://www.mti.gov.sg/Newsroom/Speeches/2025/07/Speech-by-MOS-Alvin-Tan-at-SSIA-Semiconductor-Business-Connect-2025" target="_blank">www.mti.gov.sg</a></div>
739
+ <div class="reference-item">[3] Tariff Wars – Singapore's Critical Role in Global Supply Chain Stability: <a href="https://rsis.edu.sg/rsis-publication/rsis/tariff-wars-singapores-critical-role-in-global-supply-chain-stability/" target="_blank">rsis.edu.sg</a></div>
740
+ <div class="reference-item">[4] US' 100% semiconductor tariff: Singapore firms likely to be hit - CNA: <a href="https://www.channelnewsasia.com/singapore/semiconductor-us-tariffs-singapore-manufacturing-exports-trump-5283016" target="_blank">channelnewsasia.com</a></div>
741
+ <div class="reference-item">[5] Grasping The Trend: Chip Wars Escalate In The AI Era, Singapore's Semiconductor Rise - A*STAR: <a href="https://www.a-star.edu.sg/News/astarNews/news/features/singapore-semiconductor-rise-ai-chip-wars" target="_blank">a-star.edu.sg</a></div>
742
+ <div class="reference-item">[6] Singapore (SGP) Exports, Imports, and Trade Partners - OEC: <a href="https://oec.world/en/profile/country/sgp" target="_blank">oec.world</a></div>
743
+ <div class="reference-item">[7] Semiconductor Devices in Singapore Trade - OEC: <a href="https://oec.world/en/profile/bilateral-product/semiconductor-devices/reporter/sgp" target="_blank">oec.world</a></div>
744
+ <div class="reference-item">[8] Trump tariffs have kicked in. How will Singapore, South-east Asia be affected - Business Times: <a href="https://www.businesstimes.com.sg/international/global/trump-tariffs-have-kicked-how-will-singapore-south-east-asia-be-affected" target="_blank">businesstimes.com.sg</a></div>
745
+ <div class="reference-item">[9] Singapore says U.S. firms should comply with export controls - NBC New York: <a href="https://www.nbcnewyork.com/news/business/money-report/singapore-says-u-s-firms-should-comply-with-export-controls-following-deepseek-chip-questions/6131428/" target="_blank">nbcnewyork.com</a></div>
746
+ <div class="reference-item">[10] Cashing in on chips - JTC: <a href="https://www.jtc.gov.sg/about-jtc/news-and-stories/feature-stories/cashing-in-on-chips" target="_blank">jtc.gov.sg</a></div>
747
+ <div class="reference-item">[11] SIA Comments on Section 232 Investigation (PDF): <a href="https://www.semiconductors.org/wp-content/uploads/2025/05/SIA-Comments-Section-232-Investigation.pdf" target="_blank">semiconductors.org</a></div>
748
+ <div class="reference-item">[12] Role of the Southeast Asia Semiconductor Industry and the "Chips" Supply Chain - Modern Diplomacy: <a href="https://moderndiplomacy.eu/2025/03/12/role-of-the-southeast-asia-semiconductor-industry-and-the-chips-supply-chain/" target="_blank">moderndiplomacy.eu</a></div>
749
+ <div class="reference-item">[13] Micron to pass on tariff costs to US buyers of memory products - TechMonitor: <a href="https://www.techmonitor.ai/hardware/silicon/micron-tariff-costs-us-buyers-memory-products" target="_blank">techmonitor.ai</a></div>
750
+ <div class="reference-item">[14] Singapore semiconductor firms exposed to planned US tariff, impact may vary - Business Times: <a href="https://www.businesstimes.com.sg/companies-markets/singapore-semiconductor-firms-exposed-planned-us-tariff-impact-may-vary-analysts" target="_blank">businesstimes.com.sg</a></div>
751
+ <div class="reference-item">[15] Singapore's Top Trading Partners 2024 - World's Top Exports: <a href="https://www.worldstopexports.com/singapores-top-import-partners/" target="_blank">worldstopexports.com</a></div>
752
+ </div>
753
+ </main>
754
+
755
+ <footer>
756
+ <div class="container">
757
+ <p>© 2025 Singapore Semiconductor Industry Analysis | Data Sources: EDB, MTI, RSIS, OEC, A*STAR</p>
758
+ <p>This analysis represents illustrative scenarios based on publicly available information and should not be construed as financial advice.</p>
759
+ </div>
760
+ </footer>
761
+
762
+ <script>
763
+ // Navigation functionality
764
+ document.querySelectorAll('.nav-item').forEach(item => {
765
+ item.addEventListener('click', function() {
766
+ // Remove active class from all nav items
767
+ document.querySelectorAll('.nav-item').forEach(nav => {
768
+ nav.classList.remove('active');
769
+ });
770
+
771
+ // Add active class to clicked item
772
+ this.classList.add('active');
773
+
774
+ // Hide all content sections
775
+ document.querySelectorAll('.content-section').forEach(section => {
776
+ section.classList.remove('active');
777
+ });
778
+
779
+ // Show corresponding section
780
+ const sectionId = this.getAttribute('data-section');
781
+ document.getElementById(sectionId).classList.add('active');
782
+
783
+ // Scroll to top
784
+ window.scrollTo({ top: 0, behavior: 'smooth' });
785
+ });
786
+ });
787
+
788
+ // Collapsible functionality
789
+ document.querySelectorAll('.collapsible-header').forEach(header => {
790
+ header.addEventListener('click', function() {
791
+ const collapsible = this.parentElement;
792
+ collapsible.classList.toggle('active');
793
+
794
+ // Rotate chevron icon
795
+ const icon = this.querySelector('i');
796
+ if (collapsible.classList.contains('active')) {
797
+ icon.classList.remove('fa-chevron-down');
798
+ icon.classList.add('fa-chevron-up');
799
+ } else {
800
+ icon.classList.remove('fa-chevron-up');
801
+ icon.classList.add('fa-chevron-down');
802
+ }
803
+ });
804
+ });
805
+
806
+ // Initialize charts
807
+ document.addEventListener('DOMContentLoaded', function() {
808
+ // Ecosystem Chart
809
+ const ecosystemCtx = document.getElementById('ecosystemChart').getContext('2d');
810
+ new Chart(ecosystemCtx, {
811
+ type: 'doughnut',
812
+ data: {
813
+ labels: ['Fabs/Wafer Fabrication', 'Assembly/Test', 'Advanced Packaging', 'Equipment', 'R&D'],
814
+ datasets: [{
815
+ data: [30, 20, 20, 15, 15],
816
+ backgroundColor: [
817
+ '#0064b4',
818
+ '#00a651',
819
+ '#ff6b00',
820
+ '#990000',
821
+ '#6a0dad'
822
+ ]
823
+ }]
824
+ },
825
+ options: {
826
+ responsive: true,
827
+ plugins: {
828
+ legend: {
829
+ position: 'bottom'
830
+ },
831
+ title: {
832
+ display: true,
833
+ text: 'Singapore Semiconductor Value Chain Distribution'
834
+ }
835
+ }
836
+ }
837
+ });
838
+
839
+ // Resilience Chart
840
+ const resilienceCtx = document.getElementById('resilienceChart').getContext('2d');
841
+ new Chart(resilienceCtx, {
842
+ type: 'bar',
843
+ data: {
844
+ labels: ['Memory', 'Logic/Specialty', 'Assembly/Test', 'Equipment'],
845
+ datasets: [
846
+ {
847
+ label: 'Price Elasticity',
848
+ data: [80, 40, 30, 20],
849
+ backgroundColor: '#0064b4'
850
+ },
851
+ {
852
+ label: 'Re-routing Potential',
853
+ data: [70, 50, 60, 90],
854
+ backgroundColor: '#00a651'
855
+ },
856
+ {
857
+ label: 'Tariff Exposure',
858
+ data: [75, 65, 55, 30],
859
+ backgroundColor: '#ff6b00'
860
+ }
861
+ ]
862
+ },
863
+ options: {
864
+ responsive: true,
865
+ scales: {
866
+ y: {
867
+ beginAtZero: true,
868
+ max: 100,
869
+ title: {
870
+ display: true,
871
+ text: 'Score (0-100)'
872
+ }
873
+ }
874
+ },
875
+ plugins: {
876
+ title: {
877
+ display: true,
878
+ text: 'Segment Resilience Metrics'
879
+ }
880
+ }
881
+ }
882
+ });
883
+
884
+ // Impact Chart
885
+ const impactCtx = document.getElementById('impactChart').getContext('2d');
886
+ new Chart(impactCtx, {
887
+ type: 'bar',
888
+ data: {
889
+ labels: ['Baseline', '50% Tariff', '100% Tariff'],
890
+ datasets: [
891
+ {
892
+ label: 'GDP Impact (ppt)',
893
+ data: [0, -0.2, -0.35],
894
+ backgroundColor: '#dc3545'
895
+ },
896
+ {
897
+ label: 'US Export Reduction (%)',
898
+ data: [0, -20, -35],
899
+ backgroundColor: '#ffc107'
900
+ },
901
+ {
902
+ label: 'Re-routing Potential (%)',
903
+ data: [0, 50, 60],
904
+ backgroundColor: '#28a745'
905
+ }
906
+ ]
907
+ },
908
+ options: {
909
+ responsive: true,
910
+ scales: {
911
+ y: {
912
+ beginAtZero: true
913
+ }
914
+ },
915
+ plugins: {
916
+ title: {
917
+ display: true,
918
+ text: 'Macro Impact Scenario Comparison'
919
+ }
920
+ }
921
+ }
922
+ });
923
+ });
924
+
925
+ // Smooth scrolling for anchor links
926
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
927
+ anchor.addEventListener('click', function (e) {
928
+ e.preventDefault();
929
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
930
+ behavior: 'smooth'
931
+ });
932
+ });
933
+ });
934
+ </script>
935
+ </body>
936
+ </html>