|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Singapore Semiconductor Tariff Impact Analysis</title> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
:root { |
|
|
--primary-color: #2563eb; |
|
|
--secondary-color: #1e40af; |
|
|
--accent-color: #f59e0b; |
|
|
--success-color: #10b981; |
|
|
--warning-color: #f59e0b; |
|
|
--danger-color: #ef4444; |
|
|
--neutral-100: #f8fafc; |
|
|
--neutral-200: #e2e8f0; |
|
|
--neutral-300: #cbd5e1; |
|
|
--neutral-700: #334155; |
|
|
--neutral-800: #1e293b; |
|
|
--neutral-900: #0f172a; |
|
|
--text-primary: #1e293b; |
|
|
--text-secondary: #64748b; |
|
|
--gradient-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
|
|
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); |
|
|
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1); |
|
|
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
|
|
|
* { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
box-sizing: border-box; |
|
|
} |
|
|
|
|
|
body { |
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; |
|
|
line-height: 1.6; |
|
|
color: var(--text-primary); |
|
|
background-color: var(--neutral-100); |
|
|
} |
|
|
|
|
|
.container { |
|
|
max-width: 1440px; |
|
|
margin: 0 auto; |
|
|
padding: 0 clamp(1rem, 4vw, 2rem); |
|
|
} |
|
|
|
|
|
.hero-section { |
|
|
background: var(--gradient-bg); |
|
|
color: white; |
|
|
padding: clamp(3rem, 8vw, 6rem) 0; |
|
|
text-align: center; |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.hero-section::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: 0; |
|
|
left: 0; |
|
|
right: 0; |
|
|
bottom: 0; |
|
|
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></svg>') repeat; |
|
|
animation: float 20s infinite linear; |
|
|
} |
|
|
|
|
|
@keyframes float { |
|
|
0% { transform: translateY(0); } |
|
|
100% { transform: translateY(-100px); } |
|
|
} |
|
|
|
|
|
.hero-title { |
|
|
font-size: clamp(2rem, 5vw, 3.5rem); |
|
|
font-weight: 700; |
|
|
margin-bottom: 1rem; |
|
|
position: relative; |
|
|
z-index: 1; |
|
|
} |
|
|
|
|
|
.hero-subtitle { |
|
|
font-size: clamp(1rem, 3vw, 1.25rem); |
|
|
opacity: 0.9; |
|
|
margin-bottom: 2rem; |
|
|
position: relative; |
|
|
z-index: 1; |
|
|
} |
|
|
|
|
|
.key-metrics { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
|
|
gap: 1.5rem; |
|
|
margin: 2rem 0; |
|
|
position: relative; |
|
|
z-index: 1; |
|
|
} |
|
|
|
|
|
.metric-card { |
|
|
background: rgba(255, 255, 255, 0.1); |
|
|
backdrop-filter: blur(10px); |
|
|
border-radius: 12px; |
|
|
padding: 1.5rem; |
|
|
text-align: center; |
|
|
border: 1px solid rgba(255, 255, 255, 0.2); |
|
|
} |
|
|
|
|
|
.metric-value { |
|
|
font-size: 2.5rem; |
|
|
font-weight: 800; |
|
|
display: block; |
|
|
margin-bottom: 0.5rem; |
|
|
} |
|
|
|
|
|
.metric-label { |
|
|
font-size: 0.9rem; |
|
|
opacity: 0.8; |
|
|
} |
|
|
|
|
|
.nav-sticky { |
|
|
position: sticky; |
|
|
top: 0; |
|
|
background: white; |
|
|
border-bottom: 1px solid var(--neutral-200); |
|
|
z-index: 100; |
|
|
padding: 1rem 0; |
|
|
box-shadow: var(--shadow-sm); |
|
|
} |
|
|
|
|
|
.nav-content { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
justify-content: space-between; |
|
|
flex-wrap: wrap; |
|
|
gap: 1rem; |
|
|
} |
|
|
|
|
|
.nav-links { |
|
|
display: flex; |
|
|
list-style: none; |
|
|
gap: 2rem; |
|
|
flex-wrap: wrap; |
|
|
} |
|
|
|
|
|
.nav-links a { |
|
|
text-decoration: none; |
|
|
color: var(--text-secondary); |
|
|
font-weight: 500; |
|
|
padding: 0.5rem 0; |
|
|
border-bottom: 2px solid transparent; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.nav-links a:hover, |
|
|
.nav-links a.active { |
|
|
color: var(--primary-color); |
|
|
border-bottom-color: var(--primary-color); |
|
|
} |
|
|
|
|
|
.search-box { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
background: var(--neutral-100); |
|
|
border-radius: 8px; |
|
|
padding: 0.5rem 1rem; |
|
|
border: 1px solid var(--neutral-300); |
|
|
min-width: 250px; |
|
|
} |
|
|
|
|
|
.search-box input { |
|
|
border: none; |
|
|
background: none; |
|
|
outline: none; |
|
|
flex: 1; |
|
|
margin-left: 0.5rem; |
|
|
} |
|
|
|
|
|
.main-content { |
|
|
padding: 3rem 0; |
|
|
} |
|
|
|
|
|
.section { |
|
|
margin-bottom: 4rem; |
|
|
opacity: 0; |
|
|
transform: translateY(30px); |
|
|
transition: all 0.6s ease; |
|
|
} |
|
|
|
|
|
.section.visible { |
|
|
opacity: 1; |
|
|
transform: translateY(0); |
|
|
} |
|
|
|
|
|
.section-header { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
margin-bottom: 2rem; |
|
|
border-bottom: 2px solid var(--neutral-200); |
|
|
padding-bottom: 1rem; |
|
|
} |
|
|
|
|
|
.section-icon { |
|
|
width: 48px; |
|
|
height: 48px; |
|
|
background: var(--primary-color); |
|
|
color: white; |
|
|
border-radius: 12px; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
justify-content: center; |
|
|
margin-right: 1rem; |
|
|
font-size: 1.5rem; |
|
|
} |
|
|
|
|
|
.section-title { |
|
|
font-size: clamp(1.5rem, 4vw, 2rem); |
|
|
font-weight: 700; |
|
|
color: var(--text-primary); |
|
|
} |
|
|
|
|
|
.card { |
|
|
background: white; |
|
|
border-radius: 16px; |
|
|
padding: 2rem; |
|
|
box-shadow: var(--shadow-md); |
|
|
margin-bottom: 2rem; |
|
|
border: 1px solid var(--neutral-200); |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.card:hover { |
|
|
transform: translateY(-4px); |
|
|
box-shadow: var(--shadow-lg); |
|
|
} |
|
|
|
|
|
.grid-2 { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); |
|
|
gap: 2rem; |
|
|
} |
|
|
|
|
|
.grid-3 { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); |
|
|
gap: 1.5rem; |
|
|
} |
|
|
|
|
|
.impact-chart { |
|
|
background: white; |
|
|
border-radius: 16px; |
|
|
padding: 2rem; |
|
|
box-shadow: var(--shadow-md); |
|
|
margin: 2rem 0; |
|
|
} |
|
|
|
|
|
.chart-header { |
|
|
display: flex; |
|
|
justify-content: between; |
|
|
align-items: center; |
|
|
margin-bottom: 2rem; |
|
|
flex-wrap: wrap; |
|
|
gap: 1rem; |
|
|
} |
|
|
|
|
|
.chart-title { |
|
|
font-size: 1.25rem; |
|
|
font-weight: 600; |
|
|
color: var(--text-primary); |
|
|
} |
|
|
|
|
|
.chart-controls { |
|
|
display: flex; |
|
|
gap: 0.5rem; |
|
|
} |
|
|
|
|
|
.btn { |
|
|
padding: 0.5rem 1rem; |
|
|
border: 1px solid var(--neutral-300); |
|
|
background: white; |
|
|
border-radius: 8px; |
|
|
cursor: pointer; |
|
|
transition: all 0.3s ease; |
|
|
font-size: 0.875rem; |
|
|
} |
|
|
|
|
|
.btn:hover { |
|
|
background: var(--neutral-100); |
|
|
} |
|
|
|
|
|
.btn.active { |
|
|
background: var(--primary-color); |
|
|
color: white; |
|
|
border-color: var(--primary-color); |
|
|
} |
|
|
|
|
|
.scenario-grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); |
|
|
gap: 1rem; |
|
|
margin: 2rem 0; |
|
|
} |
|
|
|
|
|
.scenario-card { |
|
|
padding: 1.5rem; |
|
|
border-radius: 12px; |
|
|
text-align: center; |
|
|
border: 2px solid transparent; |
|
|
cursor: pointer; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.scenario-baseline { |
|
|
background: var(--neutral-100); |
|
|
border-color: var(--neutral-300); |
|
|
} |
|
|
|
|
|
.scenario-moderate { |
|
|
background: #fef3c7; |
|
|
border-color: var(--warning-color); |
|
|
} |
|
|
|
|
|
.scenario-severe { |
|
|
background: #fee2e2; |
|
|
border-color: var(--danger-color); |
|
|
} |
|
|
|
|
|
.scenario-card.active { |
|
|
transform: scale(1.05); |
|
|
box-shadow: var(--shadow-lg); |
|
|
} |
|
|
|
|
|
.impact-value { |
|
|
font-size: 2rem; |
|
|
font-weight: 800; |
|
|
margin: 0.5rem 0; |
|
|
} |
|
|
|
|
|
.impact-description { |
|
|
font-size: 0.875rem; |
|
|
color: var(--text-secondary); |
|
|
} |
|
|
|
|
|
.data-table { |
|
|
width: 100%; |
|
|
border-collapse: collapse; |
|
|
margin: 2rem 0; |
|
|
background: white; |
|
|
border-radius: 12px; |
|
|
overflow: hidden; |
|
|
box-shadow: var(--shadow-md); |
|
|
} |
|
|
|
|
|
.data-table th { |
|
|
background: var(--neutral-800); |
|
|
color: white; |
|
|
padding: 1rem; |
|
|
text-align: left; |
|
|
font-weight: 600; |
|
|
} |
|
|
|
|
|
.data-table td { |
|
|
padding: 1rem; |
|
|
border-bottom: 1px solid var(--neutral-200); |
|
|
} |
|
|
|
|
|
.data-table tr:hover { |
|
|
background: var(--neutral-100); |
|
|
} |
|
|
|
|
|
.progress-indicator { |
|
|
position: fixed; |
|
|
top: 0; |
|
|
left: 0; |
|
|
width: 100%; |
|
|
height: 4px; |
|
|
background: var(--neutral-200); |
|
|
z-index: 1000; |
|
|
} |
|
|
|
|
|
.progress-bar { |
|
|
height: 100%; |
|
|
background: var(--primary-color); |
|
|
width: 0%; |
|
|
transition: width 0.3s ease; |
|
|
} |
|
|
|
|
|
.collapsible { |
|
|
border: 1px solid var(--neutral-300); |
|
|
border-radius: 12px; |
|
|
margin: 1rem 0; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.collapsible-header { |
|
|
background: var(--neutral-100); |
|
|
padding: 1rem; |
|
|
cursor: pointer; |
|
|
display: flex; |
|
|
justify-content: between; |
|
|
align-items: center; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.collapsible-header:hover { |
|
|
background: var(--neutral-200); |
|
|
} |
|
|
|
|
|
.collapsible-content { |
|
|
padding: 0 1rem; |
|
|
max-height: 0; |
|
|
overflow: hidden; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.collapsible.active .collapsible-content { |
|
|
padding: 1rem; |
|
|
max-height: 1000px; |
|
|
} |
|
|
|
|
|
.sources-grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); |
|
|
gap: 1rem; |
|
|
margin: 2rem 0; |
|
|
} |
|
|
|
|
|
.source-card { |
|
|
background: white; |
|
|
border-radius: 8px; |
|
|
padding: 1rem; |
|
|
border-left: 4px solid var(--primary-color); |
|
|
box-shadow: var(--shadow-sm); |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.source-card:hover { |
|
|
box-shadow: var(--shadow-md); |
|
|
transform: translateX(4px); |
|
|
} |
|
|
|
|
|
.source-number { |
|
|
font-weight: 700; |
|
|
color: var(--primary-color); |
|
|
margin-bottom: 0.5rem; |
|
|
} |
|
|
|
|
|
.source-title { |
|
|
font-weight: 600; |
|
|
margin-bottom: 0.5rem; |
|
|
font-size: 0.9rem; |
|
|
} |
|
|
|
|
|
.source-url { |
|
|
font-size: 0.8rem; |
|
|
color: var(--text-secondary); |
|
|
word-break: break-all; |
|
|
} |
|
|
|
|
|
.export-buttons { |
|
|
display: flex; |
|
|
gap: 1rem; |
|
|
margin: 2rem 0; |
|
|
flex-wrap: wrap; |
|
|
} |
|
|
|
|
|
.btn-export { |
|
|
background: var(--primary-color); |
|
|
color: white; |
|
|
border: none; |
|
|
padding: 0.75rem 1.5rem; |
|
|
border-radius: 8px; |
|
|
cursor: pointer; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
gap: 0.5rem; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.btn-export:hover { |
|
|
background: var(--secondary-color); |
|
|
transform: translateY(-2px); |
|
|
} |
|
|
|
|
|
.footer { |
|
|
background: var(--neutral-800); |
|
|
color: white; |
|
|
padding: 3rem 0; |
|
|
margin-top: 4rem; |
|
|
} |
|
|
|
|
|
.footer-content { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
|
|
gap: 2rem; |
|
|
} |
|
|
|
|
|
.footer-section h3 { |
|
|
margin-bottom: 1rem; |
|
|
font-size: 1.1rem; |
|
|
} |
|
|
|
|
|
.footer-section p, .footer-section li { |
|
|
font-size: 0.9rem; |
|
|
opacity: 0.8; |
|
|
margin-bottom: 0.5rem; |
|
|
} |
|
|
|
|
|
@media (max-width: 768px) { |
|
|
.nav-content { |
|
|
flex-direction: column; |
|
|
} |
|
|
|
|
|
.nav-links { |
|
|
order: 2; |
|
|
width: 100%; |
|
|
justify-content: space-around; |
|
|
} |
|
|
|
|
|
.search-box { |
|
|
order: 1; |
|
|
min-width: auto; |
|
|
width: 100%; |
|
|
} |
|
|
|
|
|
.grid-2 { |
|
|
grid-template-columns: 1fr; |
|
|
} |
|
|
|
|
|
.chart-controls { |
|
|
flex-wrap: wrap; |
|
|
} |
|
|
} |
|
|
|
|
|
@media (max-width: 320px) { |
|
|
.key-metrics { |
|
|
grid-template-columns: 1fr; |
|
|
} |
|
|
|
|
|
.scenario-grid { |
|
|
grid-template-columns: 1fr; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class="progress-indicator"> |
|
|
<div class="progress-bar" id="progressBar"></div> |
|
|
</div> |
|
|
|
|
|
<header class="hero-section"> |
|
|
<div class="container"> |
|
|
<h1 class="hero-title">Singapore Semiconductor Tariff Impact Analysis</h1> |
|
|
<p class="hero-subtitle">Economic and Strategic Implications of a 50% US Tariff on Imported Semiconductors</p> |
|
|
|
|
|
<div class="key-metrics"> |
|
|
<div class="metric-card"> |
|
|
<span class="metric-value">6%</span> |
|
|
<span class="metric-label">of GDP from Semiconductors</span> |
|
|
</div> |
|
|
<div class="metric-card"> |
|
|
<span class="metric-value">35,000+</span> |
|
|
<span class="metric-label">Sector Employees</span> |
|
|
</div> |
|
|
<div class="metric-card"> |
|
|
<span class="metric-value">10%</span> |
|
|
<span class="metric-label">Global Chip Production</span> |
|
|
</div> |
|
|
<div class="metric-card"> |
|
|
<span class="metric-value">20%</span> |
|
|
<span class="metric-label">Semiconductor Equipment</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
<nav class="nav-sticky"> |
|
|
<div class="container"> |
|
|
<div class="nav-content"> |
|
|
<ul class="nav-links"> |
|
|
<li><a href="#executive-summary" class="nav-link">Executive Summary</a></li> |
|
|
<li><a href="#singapore-footprint" class="nav-link">SG Footprint</a></li> |
|
|
<li><a href="#tariff-shock" class="nav-link">Tariff Impact</a></li> |
|
|
<li><a href="#scenarios" class="nav-link">Scenarios</a></li> |
|
|
<li><a href="#implications" class="nav-link">Implications</a></li> |
|
|
<li><a href="#sources" class="nav-link">Sources</a></li> |
|
|
</ul> |
|
|
<div class="search-box"> |
|
|
<i class="fas fa-search"></i> |
|
|
<input type="text" placeholder="Search report..." id="searchInput"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
<main class="main-content"> |
|
|
<div class="container"> |
|
|
<section id="executive-summary" class="section"> |
|
|
<div class="section-header"> |
|
|
<div class="section-icon"> |
|
|
<i class="fas fa-chart-line"></i> |
|
|
</div> |
|
|
<h2 class="section-title">Executive Summary</h2> |
|
|
</div> |
|
|
|
|
|
<div class="card"> |
|
|
<p style="margin-bottom: 1.5rem; font-size: 1.1rem; line-height: 1.7;"> |
|
|
A 50% US tariff on imported semiconductors would be a material shock for Singapore, a top-tier global node spanning wafer fabrication, advanced packaging, assembly/test, and semiconductor equipment. The sector contributes roughly 6% of GDP and employs more than 35,000 workers, with nine of the world's top semiconductor companies operating locally and extensive integration into US-anchored value chains. |
|
|
</p> |
|
|
|
|
|
<div class="grid-3"> |
|
|
<div style="background: #fee2e2; padding: 1.5rem; border-radius: 12px; border-left: 4px solid var(--danger-color);"> |
|
|
<h4 style="color: var(--danger-color); margin-bottom: 1rem;"> |
|
|
<i class="fas fa-exclamation-triangle"></i> Immediate Effects |
|
|
</h4> |
|
|
<ul style="list-style: none; padding-left: 0;"> |
|
|
<li style="margin-bottom: 0.5rem;">• Higher costs for US-bound shipments</li> |
|
|
<li style="margin-bottom: 0.5rem;">• Demand uncertainty</li> |
|
|
<li style="margin-bottom: 0.5rem;">• Supply chain re-routing</li> |
|
|
<li style="margin-bottom: 0.5rem;">• Ripple effects into precision engineering</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div style="background: #fef3c7; padding: 1.5rem; border-radius: 12px; border-left: 4px solid var(--warning-color);"> |
|
|
<h4 style="color: var(--warning-color); margin-bottom: 1rem;"> |
|
|
<i class="fas fa-shield-alt"></i> Mitigating Factors |
|
|
</h4> |
|
|
<ul style="list-style: none; padding-left: 0;"> |
|
|
<li style="margin-bottom: 0.5rem;">• Partial pass-through to US buyers</li> |
|
|
<li style="margin-bottom: 0.5rem;">• Reallocation to non-US markets</li> |
|
|
<li style="margin-bottom: 0.5rem;">• Exemptions for US manufacturing</li> |
|
|
<li style="margin-bottom: 0.5rem;">• Robust diversification levers</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div style="background: #ecfdf5; padding: 1.5rem; border-radius: 12px; border-left: 4px solid var(--success-color);"> |
|
|
<h4 style="color: var(--success-color); margin-bottom: 1rem;"> |
|
|
<i class="fas fa-lightbulb"></i> Strategic Opportunities |
|
|
</h4> |
|
|
<ul style="list-style: none; padding-left: 0;"> |
|
|
<li style="margin-bottom: 0.5rem;">• Faster friendshoring trends</li> |
|
|
<li style="margin-bottom: 0.5rem;">• Accelerated US onshoring</li> |
|
|
<li style="margin-bottom: 0.5rem;">• Increased ASEAN coordination</li> |
|
|
<li style="margin-bottom: 0.5rem;">• Hub for trusted supply chains</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section id="singapore-footprint" class="section"> |
|
|
<div class="section-header"> |
|
|
<div class="section-icon"> |
|
|
<i class="fas fa-microchip"></i> |
|
|
</div> |
|
|
<h2 class="section-title">Singapore's Semiconductor Footprint</h2> |
|
|
</div> |
|
|
|
|
|
<div class="grid-2"> |
|
|
<div class="card"> |
|
|
<h3 style="color: var(--primary-color); margin-bottom: 1rem;"> |
|
|
<i class="fas fa-industry"></i> Scale and Role |
|
|
</h3> |
|
|
<div style="background: var(--neutral-100); padding: 1.5rem; border-radius: 8px; margin-bottom: 1rem;"> |
|
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; text-align: center;"> |
|
|
<div> |
|
|
<div style="font-size: 2rem; font-weight: 800; color: var(--primary-color);">6%</div> |
|
|
<div style="font-size: 0.8rem; color: var(--text-secondary);">of GDP</div> |
|
|
</div> |
|
|
<div> |
|
|
<div style="font-size: 2rem; font-weight: 800; color: var(--primary-color);">35K+</div> |
|
|
<div style="font-size: 0.8rem; color: var(--text-secondary);">Jobs</div> |
|
|
</div> |
|
|
<div> |
|
|
<div style="font-size: 2rem; font-weight: 800; color: var(--primary-color);">9/15</div> |
|
|
<div style="font-size: 0.8rem; color: var(--text-secondary);">Top Firms</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<p>Singapore produces about 10% of the world's chips and 20% of semiconductor equipment, spanning R&D, fabs, advanced packaging, assembly/test operations.</p> |
|
|
<p style="margin-top: 1rem; font-size: 0.9rem; color: var(--text-secondary);"> |
|
|
<strong>Source:</strong> <a href="#source-1" style="color: var(--primary-color);">[1] EDB Singapore</a> |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="card"> |
|
|
<h3 style="color: var(--primary-color); margin-bottom: 1rem;"> |
|
|
<i class="fas fa-globe"></i> Trade Relationships |
|
|
</h3> |
|
|
<div style="background: var(--neutral-100); padding: 1rem; border-radius: 8px; margin-bottom: 1rem;"> |
|
|
<h4 style="margin-bottom: 0.5rem;">Key Trading Partners</h4> |
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin: 0.5rem 0;"> |
|
|
<span>United States</span> |
|
|
<span style="background: var(--primary-color); color: white; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.8rem;">Top Partner</span> |
|
|
</div> |
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin: 0.5rem 0;"> |
|
|
<span>Hong Kong/China</span> |
|
|
<span style="background: var(--accent-color); color: white; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.8rem;">Major</span> |
|
|
</div> |
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin: 0.5rem 0;"> |
|
|
<span>Malaysia</span> |
|
|
<span style="background: var(--accent-color); color: white; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.8rem;">Major</span> |
|
|
</div> |
|
|
</div> |
|
|
<p>Singapore serves as a major transit, manufacturing, and equipment hub, linking US/EU design and equipment to Asian fabs.</p> |
|
|
<p style="margin-top: 1rem; font-size: 0.9rem; color: var(--text-secondary);"> |
|
|
<strong>Sources:</strong> <a href="#source-6" style="color: var(--primary-color);">[6]</a> <a href="#source-7" style="color: var(--primary-color);">[7]</a> OEC Trade Data |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section id="tariff-shock" class="section"> |
|
|
<div class="section-header"> |
|
|
<div class="section-icon"> |
|
|
<i class="fas fa-bolt"></i> |
|
|
</div> |
|
|
<h2 class="section-title">Tariff Shock Transmission</h2> |
|
|
</div> |
|
|
|
|
|
<div class="impact-chart"> |
|
|
<div class="chart-header"> |
|
|
<h3 class="chart-title">Impact Transmission Pathways</h3> |
|
|
<div class="chart-controls"> |
|
|
<button class="btn active" onclick="showTransmission('direct')">Direct</button> |
|
|
<button class="btn" onclick="showTransmission('indirect')">Indirect</button> |
|
|
<button class="btn" onclick="showTransmission('sectoral')">Sectoral</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="transmission-direct"> |
|
|
<div class="grid-2"> |
|
|
<div style="background: #fee2e2; padding: 1.5rem; border-radius: 12px;"> |
|
|
<h4 style="color: var(--danger-color); margin-bottom: 1rem;"> |
|
|
<i class="fas fa-arrow-up"></i> Price Effects |
|
|
</h4> |
|
|
<p>50% tariff raises landed cost for US buyers, pressuring margins or end-prices. Memory and module makers signal intent to pass costs via surcharges.</p> |
|
|
<p style="margin-top: 1rem; font-size: 0.9rem; color: var(--text-secondary);"> |
|
|
<strong>Source:</strong> <a href="#source-13" style="color: var(--primary-color);">[13] Micron Tariff Response</a> |
|
|
</p> |
|
|
</div> |
|
|
<div style="background: #fef3c7; padding: 1.5rem; border-radius: 12px;"> |
|
|
<h4 style="color: var(--warning-color); margin-bottom: 1rem;"> |
|
|
<i class="fas fa-route"></i> Exemption Pathways |
|
|
</h4> |
|
|
<p>US tariff proposals include exemptions for companies manufacturing in the US or committing to do so, creating incentives for additional US-based capacity.</p> |
|
|
<p style="margin-top: 1rem; font-size: 0.9rem; color: var(--text-secondary);"> |
|
|
<strong>Source:</strong> <a href="#source-4" style="color: var(--primary-color);">[4] CNA Analysis</a> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="transmission-indirect" style="display: none;"> |
|
|
<div class="card" style="margin: 0;"> |
|
|
<h4 style="margin-bottom: 1rem;">Indirect Exposure Channels</h4> |
|
|
<ul style="list-style: none; padding: 0;"> |
|
|
<li style="background: var(--neutral-100); padding: 1rem; margin: 0.5rem 0; border-radius: 8px;"> |
|
|
<strong>Re-export flows:</strong> Singapore's role in intermediate and re-export flows means tariffs affect upstream equipment/tooling shipments |
|
|
</li> |
|
|
<li style="background: var(--neutral-100); padding: 1rem; margin: 0.5rem 0; border-radius: 8px;"> |
|
|
<strong>Rules of origin:</strong> Complex definitions add compliance risk and cost for multicountry supply chains |
|
|
</li> |
|
|
<li style="background: var(--neutral-100); padding: 1rem; margin: 0.5rem 0; border-radius: 8px;"> |
|
|
<strong>Downstream assembly:</strong> Impact on assembly/test logistics if US-bound volumes dip or reroute |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="transmission-sectoral" style="display: none;"> |
|
|
<div class="grid-3"> |
|
|
<div style="border: 2px solid var(--primary-color); border-radius: 12px; padding: 1.5rem;"> |
|
|
<h4 style="color: var(--primary-color);">Memory (DRAM/NAND)</h4> |
|
|
<p style="font-size: 0.9rem;">High commoditization increases price sensitivity. Surcharges likely with reallocation to other geographies.</p> |
|
|
</div> |
|
|
<div style="border: 2px solid var(--accent-color); border-radius: 12px; padding: 1.5rem;"> |
|
|
<h4 style="color: var(--accent-color);">Logic & Specialty</h4> |
|
|
<p style="font-size: 0.9rem;">Specialty, RF/analog feeds automotive, industrial, IoT. Qualification cycles slow re-sourcing.</p> |
|
|
</div> |
|
|
<div style="border: 2px solid var(--success-color); border-radius: 12px; padding: 1.5rem;"> |
|
|
<h4 style="color: var(--success-color);">Equipment & Tools</h4> |
|
|
<p style="font-size: 0.9rem;">Second-order effects on global fab investment plans, but medium-term demand remains strong.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section id="scenarios" class="section"> |
|
|
<div class="section-header"> |
|
|
<div class="section-icon"> |
|
|
<i class="fas fa-calculator"></i> |
|
|
</div> |
|
|
<h2 class="section-title">Scenario Analysis</h2> |
|
|
</div> |
|
|
|
|
|
<div class="card"> |
|
|
<h3 style="margin-bottom: 1.5rem;">GDP Impact Scenarios (12-24 Month Horizon)</h3> |
|
|
<p style="margin-bottom: 2rem; color: var(--text-secondary);"> |
|
|
Click on scenarios to view detailed impacts. Assumptions: Semiconductor sector ≈ 6% of GDP, 15-25% US exposure. |
|
|
</p> |
|
|
|
|
|
<div class="scenario-grid"> |
|
|
<div class="scenario-card scenario-baseline active" onclick="selectScenario('baseline')"> |
|
|
<h4>Baseline</h4> |
|
|
<div class="impact-value" style="color: var(--neutral-700);">0%</div> |
|
|
<div class="impact-description">No new tariff</div> |
|
|
</div> |
|
|
<div class="scenario-card scenario-moderate" onclick="selectScenario('moderate')"> |
|
|
<h4>50% Tariff</h4> |
|
|
<div class="impact-value" style="color: var(--warning-color);">-0.1 to -0.3</div> |
|
|
<div class="impact-description">ppt of GDP</div> |
|
|
</div> |
|
|
<div class="scenario-card scenario-severe" onclick="selectScenario('severe')"> |
|
|
<h4>100% Tariff</h4> |
|
|
<div class="impact-value" style="color: var(--danger-color);">-0.2 to -0.5</div> |
|
|
<div class="impact-description">ppt of GDP</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="scenario-details"> |
|
|
<table class="data-table" style="margin-top: 2rem;"> |
|
|
<thead> |
|
|
<tr> |
|
|
<th>Factor</th> |
|
|
<th>Baseline</th> |
|
|
<th>50% Tariff</th> |
|
|
<th>100% Tariff</th> |
|
|
</tr> |
|
|
</thead> |
|
|
<tbody> |
|
|
<tr> |
|
|
<td><strong>Price to US buyers</strong></td> |
|
|
<td>0%</td> |
|
|
<td>+50% landed cost</td> |
|
|
<td>+100% landed cost</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<td><strong>SG export volume to US</strong></td> |
|
|
<td>0%</td> |
|
|
<td>-10% to -25%</td> |
|
|
<td>-20% to -40%</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<td><strong>Re-routing to other markets</strong></td> |
|
|
<td>n/a</td> |
|
|
<td>30-60% of lost volume</td> |
|
|
<td>40-70% of lost volume</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<td><strong>Employment impact</strong></td> |
|
|
<td>0</td> |
|
|
<td>Limited; redeployment > layoffs</td> |
|
|
<td>Higher frictional risk</td> |
|
|
</tr> |
|
|
</tbody> |
|
|
</table> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section id="implications" class="section"> |
|
|
<div class="section-header"> |
|
|
<div class="section-icon"> |
|
|
<i class="fas fa-compass"></i> |
|
|
</div> |
|
|
<h2 class="section-title">Strategic Implications & Recommendations</h2> |
|
|
</div> |
|
|
|
|
|
<div class="grid-2"> |
|
|
<div class="card"> |
|
|
<h3 style="color: var(--primary-color); margin-bottom: 1rem;"> |
|
|
<i class="fas fa-building"></i> For Companies |
|
|
</h3> |
|
|
|
|
|
<div class="collapsible"> |
|
|
<div class="collapsible-header" onclick="toggleCollapsible(this)"> |
|
|
<span><strong>Commercial Strategy</strong></span> |
|
|
<i class="fas fa-chevron-down"></i> |
|
|
</div> |
|
|
<div class="collapsible-content"> |
|
|
<ul> |
|
|
<li>Prepare tiered pricing (surcharges) for US shipments</li> |
|
|
<li>Review Incoterms and surcharge triggers</li> |
|
|
<li>Follow memory-sector precedent for customer cost sharing</li> |
|
|
</ul> |
|
|
<p style="font-size: 0.9rem; color: var(--text-secondary); margin-top: 1rem;"> |
|
|
<strong>Source:</strong> <a href="#source-13" style="color: var(--primary-color);">[13] Micron Response</a> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="collapsible"> |
|
|
<div class="collapsible-header" onclick="toggleCollapsible(this)"> |
|
|
<span><strong>Supply Chain Design</strong></span> |
|
|
<i class="fas fa-chevron-down"></i> |
|
|
</div> |
|
|
<div class="collapsible-content"> |
|
|
<ul> |
|
|
<li>Design dual-routing playbooks (US vs non-US)</li> |
|
|
<li>Late-stage packaging options in tariff-exempt locations</li> |
|
|
<li>Bolster rules-of-origin and traceability systems</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="collapsible"> |
|
|
<div class="collapsible-header" onclick="toggleCollapsible(this)"> |
|
|
<span><strong>Compliance & Governance</strong></span> |
|
|
<i class="fas fa-chevron-down"></i> |
|
|
</div> |
|
|
<div class="collapsible-content"> |
|
|
<ul> |
|
|
<li>Strengthen export control governance</li> |
|
|
<li>Enhance end-use screening capabilities</li> |
|
|
<li>Align with Singapore regulatory expectations</li> |
|
|
</ul> |
|
|
<p style="font-size: 0.9rem; color: var(--text-secondary); margin-top: 1rem;"> |
|
|
<strong>Source:</strong> <a href="#source-9" style="color: var(--primary-color);">[9] NBC Export Controls</a> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="card"> |
|
|
<h3 style="color: var(--success-color); margin-bottom: 1rem;"> |
|
|
<i class="fas fa-landmark"></i> For Policymakers |
|
|
</h3> |
|
|
|
|
|
<div class="collapsible"> |
|
|
<div class="collapsible-header" onclick="toggleCollapsible(this)"> |
|
|
<span><strong>Targeted Relief & Support</strong></span> |
|
|
<i class="fas fa-chevron-down"></i> |
|
|
</div> |
|
|
<div class="collapsible-content"> |
|
|
<ul> |
|
|
<li>Use existing investment/R&D tools (RIC, EIS)</li> |
|
|
<li>Deploy enterprise support programs</li> |
|
|
<li>Implement workforce transition assistance</li> |
|
|
</ul> |
|
|
<p style="font-size: 0.9rem; color: var(--text-secondary); margin-top: 1rem;"> |
|
|
<strong>Source:</strong> <a href="#source-2" style="color: var(--primary-color);">[2] MOS Alvin Tan Speech</a> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="collapsible"> |
|
|
<div class="collapsible-header" onclick="toggleCollapsible(this)"> |
|
|
<span><strong>Trade Diplomacy</strong></span> |
|
|
<i class="fas fa-chevron-down"></i> |
|
|
</div> |
|
|
<div class="collapsible-content"> |
|
|
<ul> |
|
|
<li>Pursue sectoral understandings on allied interdependence</li> |
|
|
<li>Minimize collateral damage to allied supply chains</li> |
|
|
<li>Maintain rules-based, pro-trade posture</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="collapsible"> |
|
|
<div class="collapsible-header" onclick="toggleCollapsible(this)"> |
|
|
<span><strong>Regional Integration</strong></span> |
|
|
<i class="fas fa-chevron-down"></i> |
|
|
</div> |
|
|
<div class="collapsible-content"> |
|
|
<ul> |
|
|
<li>Deepen ASEAN coordination on standards and logistics</li> |
|
|
<li>Reinforce Singapore's hub role</li> |
|
|
<li>Enable efficient re-routing during shocks</li> |
|
|
</ul> |
|
|
<p style="font-size: 0.9rem; color: var(--text-secondary); margin-top: 1rem;"> |
|
|
<strong>Source:</strong> <a href="#source-12" style="color: var(--primary-color);">[12] Modern Diplomacy</a> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="card" style="margin-top: 2rem; background: var(--gradient-bg); color: white;"> |
|
|
<h3 style="color: white; margin-bottom: 1rem;"> |
|
|
<i class="fas fa-telescope"></i> Long-term Strategic Outlook |
|
|
</h3> |
|
|
<div class="grid-3"> |
|
|
<div style="background: rgba(255, 255, 255, 0.1); padding: 1rem; border-radius: 8px;"> |
|
|
<h4><i class="fas fa-handshake"></i> Friendshoring</h4> |
|
|
<p style="font-size: 0.9rem;">Accelerated multi-sourcing with ASEAN positioned as resilient, trusted "middle office"</p> |
|
|
</div> |
|
|
<div style="background: rgba(255, 255, 255, 0.1); padding: 1rem; border-radius: 8px;"> |
|
|
<h4><i class="fas fa-flag-usa"></i> US Onshoring</h4> |
|
|
<p style="font-size: 0.9rem;">Incentives nudge more US-based manufacturing while maintaining Singapore's global role</p> |
|
|
</div> |
|
|
<div style="background: rgba(255, 255, 255, 0.1); padding: 1rem; border-radius: 8px;"> |
|
|
<h4><i class="fas fa-chart-network"></i> Investment Mix</h4> |
|
|
<p style="font-size: 0.9rem;">Expanded capacity across Japan, Korea, India, ASEAN; Singapore's equipment/R&D capabilities in demand</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section id="sources" class="section"> |
|
|
<div class="section-header"> |
|
|
<div class="section-icon"> |
|
|
<i class="fas fa-book"></i> |
|
|
</div> |
|
|
<h2 class="section-title">Sources & References</h2> |
|
|
</div> |
|
|
|
|
|
<div class="export-buttons"> |
|
|
<button class="btn-export" onclick="exportPDF()"> |
|
|
<i class="fas fa-file-pdf"></i> Export as PDF |
|
|
</button> |
|
|
<button class="btn-export" onclick="exportData()"> |
|
|
<i class="fas fa-download"></i> Download Data |
|
|
</button> |
|
|
<button class="btn-export" onclick="copyLink()"> |
|
|
<i class="fas fa-link"></i> Share Report |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div class="sources-grid"> |
|
|
<div class="source-card" id="source-1"> |
|
|
<div class="source-number">[1]</div> |
|
|
<div class="source-title">Explore Singapore's Innovative Semiconductor Industry</div> |
|
|
<div class="source-url">https://www.edb.gov.sg/en/our-industries/semiconductor.html</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-2"> |
|
|
<div class="source-number">[2]</div> |
|
|
<div class="source-title">Speech by MOS Alvin Tan at SSIA Semiconductor Business Connect 2025</div> |
|
|
<div class="source-url">https://www.mti.gov.sg/Newsroom/Speeches/2025/07/Speech-by-MOS-Alvin-Tan-at-SSIA-Semiconductor-Business-Connect-2025</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-3"> |
|
|
<div class="source-number">[3]</div> |
|
|
<div class="source-title">Tariff Wars – Singapore's Critical Role in Global Supply Chain Stability</div> |
|
|
<div class="source-url">https://rsis.edu.sg/rsis-publication/rsis/tariff-wars-singapores-critical-role-in-global-supply-chain-stability/</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-4"> |
|
|
<div class="source-number">[4]</div> |
|
|
<div class="source-title">US' 100% semiconductor tariff: Singapore firms likely to be hit - CNA</div> |
|
|
<div class="source-url">https://www.channelnewsasia.com/singapore/semiconductor-us-tariffs-singapore-manufacturing-exports-trump-5283016</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-5"> |
|
|
<div class="source-number">[5]</div> |
|
|
<div class="source-title">Chip Wars Escalate In The AI Era, Singapore's Semiconductor Rise - A*STAR</div> |
|
|
<div class="source-url">https://www.a-star.edu.sg/News/astarNews/news/features/singapore-semiconductor-rise-ai-chip-wars</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-6"> |
|
|
<div class="source-number">[6]</div> |
|
|
<div class="source-title">Singapore (SGP) Exports, Imports, and Trade Partners - OEC</div> |
|
|
<div class="source-url">https://oec.world/en/profile/country/sgp</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-7"> |
|
|
<div class="source-number">[7]</div> |
|
|
<div class="source-title">Semiconductor Devices in Singapore Trade - OEC</div> |
|
|
<div class="source-url">https://oec.world/en/profile/bilateral-product/semiconductor-devices/reporter/sgp</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-8"> |
|
|
<div class="source-number">[8]</div> |
|
|
<div class="source-title">Trump tariffs have kicked in. How will Singapore, South-east Asia be affected</div> |
|
|
<div class="source-url">https://www.businesstimes.com.sg/international/global/trump-tariffs-have-kicked-how-will-singapore-south-east-asia-be-affected</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-9"> |
|
|
<div class="source-number">[9]</div> |
|
|
<div class="source-title">Singapore says U.S. firms should comply with export controls - NBC New York</div> |
|
|
<div class="source-url">https://www.nbcnewyork.com/news/business/money-report/singapore-says-u-s-firms-should-comply-with-export-controls-following-deepseek-chip-questions/6131428/</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-10"> |
|
|
<div class="source-number">[10]</div> |
|
|
<div class="source-title">Cashing in on chips - JTC</div> |
|
|
<div class="source-url">https://www.jtc.gov.sg/about-jtc/news-and-stories/feature-stories/cashing-in-on-chips</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-11"> |
|
|
<div class="source-number">[11]</div> |
|
|
<div class="source-title">SIA Comments on Section 232 Investigation (PDF)</div> |
|
|
<div class="source-url">https://www.semiconductors.org/wp-content/uploads/2025/05/SIA-Comments-Section-232-Investigation.pdf</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-12"> |
|
|
<div class="source-number">[12]</div> |
|
|
<div class="source-title">Role of the Southeast Asia Semiconductor Industry - Modern Diplomacy</div> |
|
|
<div class="source-url">https://moderndiplomacy.eu/2025/03/12/role-of-the-southeast-asia-semiconductor-industry-and-the-chips-supply-chain/</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-13"> |
|
|
<div class="source-number">[13]</div> |
|
|
<div class="source-title">Micron to pass on tariff costs to US buyers of memory products</div> |
|
|
<div class="source-url">https://www.techmonitor.ai/hardware/silicon/micron-tariff-costs-us-buyers-memory-products</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-14"> |
|
|
<div class="source-number">[14]</div> |
|
|
<div class="source-title">Singapore semiconductor firms exposed to planned US tariff</div> |
|
|
<div class="source-url">https://www.businesstimes.com.sg/companies-markets/singapore-semiconductor-firms-exposed-planned-us-tariff-impact-may-vary-analysts</div> |
|
|
</div> |
|
|
|
|
|
<div class="source-card" id="source-15"> |
|
|
<div class="source-number">[15]</div> |
|
|
<div class="source-title">Singapore's Top Trading Partners 2024 - World's Top Exports</div> |
|
|
<div class="source-url">https://www.worldstopexports.com/singapores-top-import-partners/</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</div> |
|
|
</main> |
|
|
|
|
|
<footer class="footer"> |
|
|
<div class="container"> |
|
|
<div class="footer-content"> |
|
|
<div class="footer-section"> |
|
|
<h3>About This Analysis</h3> |
|
|
<p>Comprehensive analysis of potential US semiconductor tariff impacts on Singapore's economy and strategic position in the global supply chain.</p> |
|
|
<p>Last updated: January 2025</p> |
|
|
</div> |
|
|
<div class="footer-section"> |
|
|
<h3>Key Findings</h3> |
|
|
<ul style="list-style: none; padding: 0;"> |
|
|
<li>• Modest GDP impact: -0.1 to -0.3 ppt</li> |
|
|
<li>• Strong mitigation capabilities</li> |
|
|
<li>• Strategic repositioning opportunities</li> |
|
|
<li>• Continued hub role in friendshored chains</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="footer-section"> |
|
|
<h3>Methodology</h3> |
|
|
<p>Scenario-based analysis incorporating:</p> |
|
|
<ul style="list-style: none; padding: 0;"> |
|
|
<li>• Industry structure analysis</li> |
|
|
<li>• Trade flow mapping</li> |
|
|
<li>• Company response precedents</li> |
|
|
<li>• Policy framework assessment</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="footer-section"> |
|
|
<h3>Contact & Updates</h3> |
|
|
<p>For the latest updates on Singapore's semiconductor industry and trade policy impacts, visit:</p> |
|
|
<p style="margin-top: 1rem;"> |
|
|
<i class="fas fa-globe"></i> Economic Development Board<br> |
|
|
<i class="fas fa-building"></i> Ministry of Trade & Industry |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
function updateProgressBar() { |
|
|
const scrolled = (window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100; |
|
|
document.getElementById('progressBar').style.width = scrolled + '%'; |
|
|
} |
|
|
|
|
|
window.addEventListener('scroll', updateProgressBar); |
|
|
|
|
|
|
|
|
const observer = new IntersectionObserver((entries) => { |
|
|
entries.forEach(entry => { |
|
|
if (entry.isIntersecting) { |
|
|
entry.target.classList.add('visible'); |
|
|
|
|
|
|
|
|
const id = entry.target.id; |
|
|
document.querySelectorAll('.nav-link').forEach(link => { |
|
|
link.classList.remove('active'); |
|
|
}); |
|
|
const activeLink = document.querySelector(`a[href="#${id}"]`); |
|
|
if (activeLink) activeLink.classList.add('active'); |
|
|
} |
|
|
}); |
|
|
}, { threshold: 0.1 }); |
|
|
|
|
|
document.querySelectorAll('.section').forEach(section => { |
|
|
observer.observe(section); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
const targetId = this.getAttribute('href').substring(1); |
|
|
const targetElement = document.getElementById(targetId); |
|
|
if (targetElement) { |
|
|
targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
document.getElementById('searchInput').addEventListener('input', function(e) { |
|
|
const searchTerm = e.target.value.toLowerCase(); |
|
|
const sections = document.querySelectorAll('.section'); |
|
|
|
|
|
sections.forEach(section => { |
|
|
const text = section.textContent.toLowerCase(); |
|
|
if (searchTerm === '' || text.includes(searchTerm)) { |
|
|
section.style.display = 'block'; |
|
|
} else { |
|
|
section.style.display = 'none'; |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
function showTransmission(type) { |
|
|
document.querySelectorAll('[id^="transmission-"]').forEach(div => { |
|
|
div.style.display = 'none'; |
|
|
}); |
|
|
document.getElementById(`transmission-${type}`).style.display = 'block'; |
|
|
|
|
|
document.querySelectorAll('.chart-controls .btn').forEach(btn => { |
|
|
btn.classList.remove('active'); |
|
|
}); |
|
|
event.target.classList.add('active'); |
|
|
} |
|
|
|
|
|
|
|
|
function selectScenario(scenario) { |
|
|
document.querySelectorAll('.scenario-card').forEach(card => { |
|
|
card.classList.remove('active'); |
|
|
}); |
|
|
event.target.classList.add('active'); |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
function toggleCollapsible(header) { |
|
|
const collapsible = header.parentElement; |
|
|
collapsible.classList.toggle('active'); |
|
|
|
|
|
const icon = header.querySelector('i'); |
|
|
if (collapsible.classList.contains('active')) { |
|
|
icon.className = 'fas fa-chevron-up'; |
|
|
} else { |
|
|
icon.className = 'fas fa-chevron-down'; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function exportPDF() { |
|
|
|
|
|
alert('PDF export functionality would be implemented here. This would generate a formatted PDF version of the report.'); |
|
|
} |
|
|
|
|
|
function exportData() { |
|
|
|
|
|
const data = { |
|
|
report_title: "Singapore Semiconductor Tariff Impact Analysis", |
|
|
key_metrics: { |
|
|
gdp_contribution: "6%", |
|
|
employees: "35000+", |
|
|
global_chip_production: "10%", |
|
|
equipment_share: "20%" |
|
|
}, |
|
|
scenarios: { |
|
|
baseline: { gdp_impact: 0, tariff_rate: 0 }, |
|
|
moderate: { gdp_impact: "-0.1 to -0.3", tariff_rate: 50 }, |
|
|
severe: { gdp_impact: "-0.2 to -0.5", tariff_rate: 100 } |
|
|
} |
|
|
}; |
|
|
|
|
|
const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }); |
|
|
const url = URL.createObjectURL(blob); |
|
|
const a = document.createElement('a'); |
|
|
a.href = url; |
|
|
a.download = 'singapore_semiconductor_tariff_analysis.json'; |
|
|
document.body.appendChild(a); |
|
|
a.click(); |
|
|
document.body.removeChild(a); |
|
|
URL.revokeObjectURL(url); |
|
|
} |
|
|
|
|
|
function copyLink() { |
|
|
navigator.clipboard.writeText(window.location.href).then(() => { |
|
|
|
|
|
const notification = document.createElement('div'); |
|
|
notification.textContent = 'Link copied to clipboard!'; |
|
|
notification.style.cssText = ` |
|
|
position: fixed; |
|
|
top: 20px; |
|
|
right: 20px; |
|
|
background: var(--success-color); |
|
|
color: white; |
|
|
padding: 1rem 2rem; |
|
|
border-radius: 8px; |
|
|
z-index: 1001; |
|
|
animation: slideIn 0.3s ease; |
|
|
`; |
|
|
|
|
|
document.body.appendChild(notification); |
|
|
setTimeout(() => { |
|
|
notification.remove(); |
|
|
}, 3000); |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
|
|
|
document.querySelector('.section').classList.add('visible'); |
|
|
|
|
|
|
|
|
document.querySelector('.nav-link').classList.add('active'); |
|
|
}); |
|
|
|
|
|
|
|
|
const style = document.createElement('style'); |
|
|
style.textContent = ` |
|
|
@keyframes slideIn { |
|
|
from { transform: translateX(100%); opacity: 0; } |
|
|
to { transform: translateX(0); opacity: 1; } |
|
|
} |
|
|
`; |
|
|
document.head.appendChild(style); |
|
|
|
|
|
</script> |
|
|
</body> |
|
|
</html> |
