Delete unilateral-free-trade-smart-policy.html
· 1 year ago
98123ca10a6650d3b824239cb5d79ec326e452a0
Parent:
0a79e78d2
1 file changed +0 −1502
- unilateral-free-trade-smart-policy.html +0 −1502
Diff
--- a/unilateral-free-trade-smart-policy.html +++ /dev/null @@ -1,1502 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <title>Unilateral Free Trade: A Nation's Smartest Move for Strength & Prosperity</title> - - <link - rel="icon" - href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📈</text></svg>" - /> - - <meta - name="description" - content="A compelling guide on why unilateral free trade is a nation's best strategy for economic strength, national security, and higher living standards for everyone." - /> - - <link rel="canonical" href="https://cheatsheets.davidveksler.comm/unilateral-free-trade-smart-policy.html" /> - - <meta property="og:title" content="Unilateral Free Trade: A Nation's Smartest Move" /> - <meta - property="og:description" - content="Learn how opening our own markets, regardless of others, builds a stronger economy, enhances national security, and puts more money in your pocket." - /> - <meta property="og:type" content="article" /> - <meta property="og:url" content="https://cheatsheets.davidveksler.comm/unilateral-free-trade-smart-policy.html" /> - <!-- <meta property="og:image" content="https://cheatsheets.davidveksler.comm/images/uft-og-image-v2.png"> --> - <meta property="og:image:alt" content="Illustration of a rising economic graph with an open global trade icon." /> - <meta property="og:site_name" content="Strategic Economic Insights" /> - - <meta name="twitter:card" content="summary_large_image" /> - <meta name="twitter:title" content="Unilateral Free Trade: Why It's Our Best Bet" /> - <meta - name="twitter:description" - content="This guide breaks down how removing our own trade barriers is a winning strategy for American strength, jobs, and security." - /> - <!-- <meta name="twitter:image" content="https://cheatsheets.davidveksler.comm/images/uft-twitter-image-v2.png"> --> - <meta name="twitter:image:alt" content="Key benefits of unilateral free trade: prosperity, choice, strength." /> - - <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" /> - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" /> - <script src="https://cdn.jsdelivr.net/npm/[email protected]/leader-line.min.js"></script> - - <style> - :root { - --bs-body-bg: #f4f6f8; /* Lighter, cleaner background */ - --primary-blue: #005a9c; /* Deeper, authoritative blue */ - --primary-blue-dark: #003e6b; - --primary-blue-light: #d6eaf8; - --accent-gold: #e0a000; /* Confident gold/amber */ - --accent-gold-light: #fff8e1; - --text-color-main: #212529; - --text-color-secondary: #4a4a4a; /* Softer secondary text */ - --card-border-color: #ced4da; - --card-shadow-color: rgba(0, 0, 0, 0.06); - --blueprint-grid-color: rgba(0, 90, 156, 0.05); /* Subtle grid in primary blue */ - --schema-bg-color: rgba(255, 255, 255, 0.9); - --schema-border-color: var(--primary-blue-light); - - /* --- Section Colors --- */ - --ft-color-intro: #4a6b8a; /* Steel Blue */ - --ft-color-rationale: #007bff; /* Classic Blue */ - --ft-color-rebuttals: #b85c5a; /* Muted Red/Terracotta */ - --ft-color-superiority: #4682b4; /* Steel Blue (variation) */ - --ft-color-historical: #6c757d; /* Bootstrap Secondary Grey */ - --ft-color-ethical: #708090; /* Slate Grey */ - --ft-color-conclusion: #2a3b4e; /* Dark Slate Blue/Charcoal */ - - --db-category-color: var(--ft-color-rationale); /* Default for JS */ - } - - body { - background-color: var(--bs-body-bg); - background-image: linear-gradient(to right, var(--blueprint-grid-color) 1px, transparent 1px), - linear-gradient(to bottom, var(--blueprint-grid-color) 1px, transparent 1px); - background-size: 80px 80px; /* Static grid, no animation */ - font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; - padding-bottom: 3rem; - font-size: 16.5px; /* Slightly larger base font */ - color: var(--text-color-main); - box-sizing: border-box; - line-height: 1.65; - } - *, - *::before, - *::after { - box-sizing: inherit; - } - - .page-header { - background: linear-gradient(135deg, var(--primary-blue-light), #ffffff); - padding: 3.5rem 1.5rem; - text-align: center; - border-bottom: 4px solid var(--primary-blue); - margin-bottom: 3.5rem; - position: relative; - z-index: 10; - box-shadow: 0 5px 20px rgba(0, 90, 156, 0.12); - } - .page-header h1 { - color: var(--primary-blue-dark); - font-weight: 700; - letter-spacing: -0.75px; - margin-bottom: 1rem; - font-size: 3rem; /* More impactful */ - } - .page-header h1 .bi { - font-size: 0.95em; - vertical-align: -0.1em; - margin-right: 0.5em; - color: var(--primary-blue); - } - .page-header .lead { - color: var(--text-color-secondary); - font-size: 1.25rem; - max-width: 900px; - margin: auto; - font-weight: 400; - } - - .schema-container { - background-color: var(--schema-bg-color); - border: 1px solid var(--schema-border-color); - border-radius: 12px; /* Softer radius */ - padding: 2rem 2rem 1rem 2rem; - margin-bottom: 3.5rem; - box-shadow: 0 8px 25px rgba(0, 90, 156, 0.09); - backdrop-filter: blur(6px); - position: relative; - } - - .section-title { - color: #fff; /* White text on colored background */ - background-color: var(--db-category-color); - margin: -3.5rem 0 2.5rem 0; /* Increased negative margin */ - font-weight: 600; - text-transform: uppercase; - letter-spacing: 0.07em; - font-size: 1.15rem; - padding: 0.7rem 1.4rem; - display: inline-block; - position: relative; - left: 2rem; /* Match container padding */ - z-index: 15; - border-radius: 8px 8px 0 0; - box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.07); - } - - .info-card { - background: #fff; - border: 1px solid var(--card-border-color); - border-left: 6px solid var(--db-category-color); /* Stronger accent */ - border-radius: 8px; - box-shadow: 0 5px 12px var(--card-shadow-color); - height: 100%; - display: flex; - flex-direction: column; - transition: box-shadow 0.25s ease, transform 0.2s ease; /* Smoother transitions */ - position: relative; - z-index: 5; - } - - #main-container.is-dimmed .schema-container:not(.is-highlighted-section) .info-card { - opacity: 0.5; - transform: scale(0.98); - } - #main-container.is-dimmed .schema-container:not(.is-highlighted-section) > .section-title { - opacity: 0.55; - } - - .info-card.is-highlighted { - opacity: 1 !important; - transform: scale(1.02) !important; - box-shadow: 0 0 0 3px var(--db-category-color), 0 10px 22px rgba(0, 0, 0, 0.12) !important; - z-index: 25 !important; - } - .info-card:not(.is-highlighted):hover { - box-shadow: 0 7px 18px rgba(0, 0, 0, 0.1); - transform: translateY(-4px); /* More noticeable hover */ - z-index: 20; - } - - .info-card .card-body { - padding: 0; - flex-grow: 1; - display: flex; - flex-direction: column; - } - .info-card h5 { - color: var(--db-category-color); /* Section color for title text */ - background-color: #f8f9fa; /* Light bg for header */ - border-bottom: 2px solid var(--db-category-color); /* Bottom border in section color */ - font-size: 1.15rem; - text-align: center; - margin: 0; - padding: 0.9rem 0.7rem; - font-weight: 600; - display: flex; - justify-content: center; - align-items: center; - gap: 0.7rem; - border-radius: 7px 0 0 0; - } - .info-card h5 .bi { - font-size: 1.35em; - opacity: 0.95; - color: var(--db-category-color); - } - .card-content-wrapper { - padding: 1.4rem; - flex-grow: 1; - display: flex; - flex-direction: column; - } - .info-card p.summary { - font-size: 1rem; - color: var(--text-color-secondary); - margin-bottom: 1rem; - flex-grow: 1; - line-height: 1.7; - } - - .collapse-content { - font-size: 0.95rem; - border-top: 1px solid #e0e0e0; - padding: 1.4rem; - margin-top: 1rem; - color: var(--text-color-main); - background-color: #fdfdfe; - border-radius: 0 0 7px 7px; - } - .collapse-content h6 { - font-weight: 700; - color: var(--primary-blue-dark); - margin-top: 1.1rem; - margin-bottom: 0.5rem; - font-size: 1.05rem; - } - .collapse-content ul { - padding-left: 0.5rem; - margin-bottom: 1.1rem; - list-style: none; - } - .collapse-content li { - margin-bottom: 0.8rem; - padding-bottom: 0.8rem; - font-size: 0.93rem; - line-height: 1.6; - border-bottom: 1px dotted #d1d5db; - position: relative; - padding-left: 2rem; - } - .collapse-content li:last-child { - border-bottom: none; - margin-bottom: 0; - } - .collapse-content li::before { - content: "\F26A"; /* Bootstrap icon: check2 */ - font-family: "bootstrap-icons"; - position: absolute; - left: 0; - top: 4px; - color: var(--primary-blue); - opacity: 0.85; - font-size: 1.2em; - } - .collapse-content li strong { - color: var(--primary-blue-dark); - display: block; - margin-bottom: 0.3rem; - font-weight: 600; - } - .collapse-content p { - font-size: 0.95rem; - margin-bottom: 0.8rem; - line-height: 1.65; - } - .collapse-content code { - font-size: 0.9rem; - color: var(--primary-blue-dark); - background-color: var(--primary-blue-light); - padding: 0.2em 0.5em; - border-radius: 4px; - } - .collapse-content .key-takeaway-title { - font-weight: bold; - color: var(--primary-blue-dark); - margin-top: 1.3rem; - margin-bottom: 0.7rem; - display: block; - font-size: 1rem; - } - .collapse-content .critical-point { - font-weight: bold; - color: var(--ft-color-rebuttals); - margin-top: 1.3rem; - display: block; - background-color: #fadbd8; - padding: 0.5rem; - border-left: 4px solid var(--ft-color-rebuttals); - border-radius: 4px; - } - - .row > * { - margin-bottom: 2.8rem; - } /* More spacing between cards */ - footer { - padding: 3rem 1.5rem 1.5rem 1.5rem; - font-size: 0.92em; - color: #525252; - position: relative; - z-index: 10; - text-align: center; - background-color: #e9ecef; - border-top: 1px solid #dee2e6; - } - - .details-toggle { - font-size: 0.88rem; - margin-top: auto; - align-self: flex-start; - padding: 0.45rem 0.9rem; - color: var(--db-category-color); - border: 2px solid var(--db-category-color); - background-color: transparent; - transition: background-color 0.2s ease, color 0.2s ease; - display: inline-flex; - align-items: center; - gap: 0.45em; - border-radius: 5px; - font-weight: 500; - } - .details-toggle:hover { - background-color: var(--db-category-color); - color: white; - } - .details-toggle .bi { - transition: transform 0.2s ease-in-out; - font-size: 1.15em; - } - .details-toggle[aria-expanded="true"] .bi { - transform: rotate(180deg); - } - - .term { - font-weight: 600; - color: var(--accent-gold); - background-color: var(--accent-gold-light); - padding: 0.2em 0.45em; - border-radius: 4px; - border: 1px solid #f9e79f; - } - a { - color: var(--primary-blue); - text-decoration: none; - font-weight: 500; - } - a:hover { - color: var(--primary-blue-dark); - text-decoration: underline; - } - .collapse-content a { - color: var(--primary-blue-dark); - } - .collapse-content a:hover { - color: var(--primary-blue); - } - - .leader-line { - pointer-events: none; - z-index: 20; - transition: opacity 0.2s ease-in-out; - } /* Faster opacity transition for line */ - - /* --- Free Trade Category Color Styling --- */ - .section-intro, - .card-intro { - --db-category-color: var(--ft-color-intro); - } - .section-rationale, - .card-rationale { - --db-category-color: var(--ft-color-rationale); - } - .section-rebuttals, - .card-rebuttals { - --db-category-color: var(--ft-color-rebuttals); - } - .section-superiority, - .card-superiority { - --db-category-color: var(--ft-color-superiority); - } - .section-historical, - .card-historical { - --db-category-color: var(--ft-color-historical); - } - .section-ethical, - .card-ethical { - --db-category-color: var(--ft-color-ethical); - } - .section-conclusion, - .card-conclusion { - --db-category-color: var(--ft-color-conclusion); - } - - @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"); - </style> - </head> - <body> - <header class="page-header"> - <h1> - <i class="bi bi-shield-check"></i> Unilateral Free Trade: Our Nation's Smartest Path to Strength & Prosperity - </h1> - <p class="lead"> - Tired of high prices and confusing trade debates? This guide reveals how - <span class="term">acting in our own best interest</span> by simply opening our own markets—regardless of what - other countries do—builds a richer, stronger, and more secure nation for everyone. - </p> - </header> - <div class="container" id="main-container"> - <!-- 0. INTRODUCTION: WHY THIS MATTERS TO YOU --> - <div class="schema-container section-intro" data-section-id="section-intro-main"> - <h2 class="section-title" id="section-intro-main-title">Why Trade Policy Matters To You</h2> - <div class="row"> - <div class="col-lg-6 col-md-12"> - <div class="info-card card-intro" id="card-defining-uft"> - <div class="card-body"> - <h5><i class="bi bi-key-fill"></i> What is Unilateral Free Trade?</h5> - <div class="card-content-wrapper"> - <p class="summary"> - It's simple: <span class="term">Unilateral Free Trade</span> means our nation chooses to remove its - own trade barriers (like taxes on imports), no matter what other countries do. Think of it as taking - down our own roadblocks to prosperity. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseDefiningUFT" - aria-expanded="false" - aria-controls="collapseDefiningUFT" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseDefiningUFT"> - <h6>The Core Idea</h6> - <p>Governments often put up "trade barriers" like:</p> - <ul> - <li> - <strong>Tariffs:</strong> Taxes on goods brought into our country. Who pays these? We do, as higher - prices. - </li> - <li> - <strong>Quotas:</strong> Limits on how much of something can be imported, creating artificial - scarcity and higher prices. - </li> - </ul> - <p> - <span class="term">Unilateral Free Trade</span> means we decide, for our own good, to get rid of these - self-imposed costs. It's not about complex deals; it's about making a smart choice for ourselves. - </p> - </div> - </div> - </div> - <div class="col-lg-6 col-md-12"> - <div class="info-card card-intro" id="card-core-promise"> - <div class="card-body"> - <h5><i class="bi bi-bullseye"></i> The Promise: A Stronger Nation</h5> - <div class="card-content-wrapper"> - <p class="summary"> - This guide argues one core point: Unilateral free trade is the - <span class="term">single best policy</span> for more money in your pocket, more American - innovation, better jobs, and a truly stronger, more secure nation. And it doesn't depend on anyone - else. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseCorePromise" - aria-expanded="false" - aria-controls="collapseCorePromise" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseCorePromise"> - <h6>Why This Is A Game-Changer</h6> - <p> - Forget waiting for other countries to "play fair." This policy is about taking control of our own - economic destiny. - </p> - <ul> - <li><strong>More Purchasing Power:</strong> Lower prices for everyday goods and services.</li> - <li> - <strong>Boost to Businesses:</strong> Access to the best and most affordable inputs, making our - companies more competitive. - </li> - <li> - <strong>Real Economic Growth:</strong> A dynamic economy creating new and better opportunities. - </li> - </ul> - <p> - We'll show you how this isn't just theory – it's a practical path to a more prosperous future for all - Americans. - </p> - </div> - </div> - </div> - </div> - <!-- /.row --> - </div> - <!-- /.schema-container --> - - <!-- I. THE PAYOFF: HOW WE ALL WIN WITH UNILATERAL FREE TRADE --> - <div class="schema-container section-rationale" data-section-id="section-core-payoff"> - <h2 class="section-title" id="section-core-payoff-title"> - The Payoff: More Money, Better Products, Stronger Economy - </h2> - <div class="row"> - <div class="col-lg-4 col-md-6"> - <div class="info-card card-rationale" id="card-consumer-first"> - <div class="card-body"> - <h5><i class="bi bi-wallet2"></i> You, The Consumer: Bigger Savings, More Choice</h5> - <div class="card-content-wrapper"> - <p class="summary"> - Imagine lower prices on everything from groceries to electronics, plus a massive increase in product - variety. That’s the <span class="term">direct benefit to you</span> when we stop taxing imports. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseConsumerFirst" - aria-expanded="false" - aria-controls="collapseConsumerFirst" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseConsumerFirst"> - <h6>Your Wallet Wins</h6> - <ul> - <li> - <strong>Lower Prices, Instantly:</strong> Tariffs are taxes YOU pay. Removing them means immediate - savings. This is like a tax cut for everyone. - </li> - <li> - <strong>More Bang for Your Buck:</strong> Your money goes further, effectively increasing your - income and living standard. - </li> - <li> - <strong>Unbeatable Variety:</strong> Access to the best products from around the world, not just - what’s made (often more expensively) at home. - </li> - </ul> - <p> - Think of it: If your local grocery store could only stock food grown in your town, prices would - skyrocket and choice would vanish. Free trade is opening up to the world's best "supermarkets" for - everything. - </p> - </div> - </div> - </div> - <div class="col-lg-4 col-md-6"> - <div class="info-card card-rationale" id="card-smarter-economy"> - <div class="card-body"> - <h5><i class="bi bi-lightbulb"></i> A Smarter, More Productive Economy</h5> - <div class="card-content-wrapper"> - <p class="summary"> - Unilateral free trade pushes our businesses to be their best. By focusing on what we do - exceptionally well (<span class="term">comparative advantage</span>), we all get richer. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseSmarterEconomy" - aria-expanded="false" - aria-controls="collapseSmarterEconomy" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseSmarterEconomy"> - <h6>Playing to Our Strengths</h6> - <p>Every nation, like every individual, is better at some things than others. It’s common sense:</p> - <ul> - <li> - <strong>Focus and Excel:</strong> We specialize in industries where we are most efficient and - innovative, and trade for things others make better or cheaper. - </li> - <li> - <strong>Internal Gains:</strong> This shift makes OUR economy more productive. The benefit is ours, - regardless of what others do. We become wealthier by making this smart internal adjustment. - </li> - <li> - <strong>Innovation Surge:</strong> Competition from global best-in-class products forces our own - companies to step up, innovate, and improve. This is how we get better products and services. - </li> - </ul> - </div> - </div> - </div> - <div class="col-lg-4 col-md-6"> - <div class="info-card card-rationale" id="card-overall-growth"> - <div class="card-body"> - <h5><i class="bi bi-graph-up-arrow"></i> More Jobs, Higher Growth, Real Strength</h5> - <div class="card-content-wrapper"> - <p class="summary"> - All these benefits – lower prices, smarter industries – add up to - <span class="term">faster economic growth, more high-value jobs</span>, and a genuinely stronger - nation. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseOverallGrowth" - aria-expanded="false" - aria-controls="collapseOverallGrowth" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseOverallGrowth"> - <h6>The Upward Spiral</h6> - <p>An open economy is a dynamic, growing economy:</p> - <ul> - <li> - <strong>Efficient Resource Use:</strong> Our nation's talent, capital, and resources naturally flow - to where they create the most value. We stop wasting resources propping up uncompetitive industries. - </li> - <li> - <strong>Foundation for Better Jobs:</strong> As businesses thrive by focusing on their strengths and - accessing cheaper inputs, they create more sustainable, higher-paying jobs. - </li> - <li> - <strong>Increased Investment:</strong> A growing, efficient economy is a magnet for both domestic - and foreign investment, further fueling progress. - </li> - </ul> - <p>This isn't about theory; it's about creating tangible prosperity and opportunity.</p> - </div> - </div> - </div> - </div> - <!-- /.row --> - </div> - <!-- /.schema-container --> - - <!-- II. TACKLING THE TOUGH QUESTIONS & MYTHS --> - <div class="schema-container section-rebuttals" data-section-id="section-tough-questions"> - <h2 class="section-title" id="section-tough-questions-title">Tackling Tough Questions & Myths</h2> - <div class="row"> - <div class="col-lg-4 col-md-6"> - <div class="info-card card-rebuttals" id="card-jobs-concern"> - <div class="card-body"> - <h5><i class="bi bi-person-badge"></i> What About American Jobs?</h5> - <div class="card-content-wrapper"> - <p class="summary"> - Change can be tough, but free trade ultimately means <span class="term">more and better jobs</span>. - It shifts work to what we’re good at, not propping up yesterday's industries with today's taxes. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseJobsConcern" - aria-expanded="false" - aria-controls="collapseJobsConcern" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseJobsConcern"> - <h6>Smarter Jobs, Stronger Economy</h6> - <p>It’s natural to worry about jobs. Here’s the reality:</p> - <ul> - <li> - <strong>Transition to Value:</strong> Some jobs in less efficient, protected industries may change. - But new, often better-paying jobs emerge in industries where we are globally competitive and - innovative. Think fewer VCR factories, more smartphone app developers. - </li> - <li> - <strong>Consumer Power Creates Jobs:</strong> When you save money from cheaper imports, you spend it - on other goods and services, creating demand and jobs in those sectors. - </li> - <li> - <strong>Dynamic, Not Static:</strong> A healthy economy is always evolving. The goal isn't to freeze - jobs in place, but to foster an environment where new, higher-value jobs are constantly being - created. Government can help with worker transition, not by blocking progress. - </li> - </ul> - <p class="critical-point"> - Protectionism tries to save some specific jobs by making everyone else poorer. Free trade helps create - more overall wealth and opportunity. - </p> - </div> - </div> - </div> - <div class="col-lg-4 col-md-6"> - <div class="info-card card-rebuttals" id="card-fairness-trap"> - <div class="card-body"> - <h5><i class="bi bi-sign-stop-lights-fill"></i> The "Level Playing Field" Trap</h5> - <div class="card-content-wrapper"> - <p class="summary"> - "Others don't play fair, so why should we open up?" Because - <span class="term">our own trade barriers hurt US first</span>. It's like punching ourselves because - someone else is acting foolishly. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseFairnessTrap" - aria-expanded="false" - aria-controls="collapseFairnessTrap" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseFairnessTrap"> - <h6>Why We Harm Ourselves by "Retaliating"</h6> - <p>The idea that we should only lower our barriers if others do is a common mistake:</p> - <ul> - <li> - <strong>Tariffs Are Self-Taxes:</strong> When WE impose tariffs, WE make goods more expensive for - OUR citizens and OUR businesses. The primary pain is self-inflicted. - </li> - <li> - <strong>Don't Copy Bad Policy:</strong> If another country wants to harm its own economy with - protectionism (making their people pay more), why would we copy that mistake? It's like saying, "My - neighbor is overtaxing his citizens, so I should overtax mine too!" - </li> - <li> - <strong>Unlock Our Own Potential:</strong> The benefits of removing our own barriers are immediate - and accrue to us, the nation that liberalizes. We get richer, more efficient, and more innovative - regardless of what others do. - </li> - </ul> - <p class="critical-point"> - Demanding others change before we do is holding our own prosperity hostage. Smart policy focuses on - what benefits US most, right now. - </p> - </div> - </div> - </div> - <div class="col-lg-4 col-md-6"> - <div class="info-card card-rebuttals" id="card-national-security-real"> - <div class="card-body"> - <h5><i class="bi bi-shield-fill-check"></i> Real National Security</h5> - <div class="card-content-wrapper"> - <p class="summary"> - True national security comes from <span class="term">economic strength and dynamism</span>, not from - propping up inefficient industries. A rich nation can afford a strong defense. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseNationalSecurityReal" - aria-expanded="false" - aria-controls="collapseNationalSecurityReal" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseNationalSecurityReal"> - <h6>Strength Through Prosperity, Not Protection</h6> - <p>Some argue we need to protect certain industries for national security. Here’s a stronger view:</p> - <ul> - <li> - <strong>Economic Power IS Security:</strong> A wealthy, innovative, and technologically advanced - economy is the bedrock of true national security. Free trade builds this foundation. - </li> - <li> - <strong>Resilient Supply, Not Weak Links:</strong> Relying on a single, protected (and often - inefficient) domestic supplier can be riskier than having access to diverse global supply chains - through free trade. This diversity provides resilience. - </li> - <li> - <strong>Protectionism Weakens Us:</strong> Taxing imports to "protect" an industry makes inputs more - expensive for ALL other industries (including defense) and weakens our overall economic vitality. - </li> - <li> - <strong>Targeted Solutions for Real Risks:</strong> If a specific item is truly vital and vulnerable - (a rare case), direct support like stockpiling or specific R&D funding is far more efficient and - less damaging than broad trade barriers that harm everyone. - </li> - </ul> - <p class="critical-point"> - A nation that embraces open markets becomes richer and technologically superior, which are key - components of modern national security. Protectionism is a self-inflicted wound. - </p> - </div> - </div> - </div> - <div class="col-lg-6 col-md-6"> - <div class="info-card card-rebuttals" id="card-infant-industry-myth"> - <div class="card-body"> - <h5><i class="bi bi-stopwatch"></i> The "Infant Industry" Myth</h5> - <div class="card-content-wrapper"> - <p class="summary"> - The idea of temporarily protecting new industries sounds good, but it rarely works. It often leads - to <span class="term">permanent protection for politically connected firms</span>, not real - champions. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseInfantIndustryMyth" - aria-expanded="false" - aria-controls="collapseInfantIndustryMyth" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseInfantIndustryMyth"> - <h6>Why It Usually Fails</h6> - <ul> - <li> - <strong>Governments Can't Pick Winners:</strong> It's incredibly hard for bureaucrats to know which - industries will be future successes. The market does this far better. - </li> - <li> - <strong>Cronyism, Not Competition:</strong> Protection often gets captured by well-connected - businesses, not true "infants" needing a temporary boost. They then lobby to keep the protection - forever. - </li> - <li> - <strong>Stifles Innovation:</strong> Being shielded from competition removes the pressure to - innovate and become truly world-class. True strength is built in the competitive arena. - </li> - </ul> - </div> - </div> - </div> - <div class="col-lg-6 col-md-6"> - <div class="info-card card-rebuttals" id="card-dumping-reality"> - <div class="card-body"> - <h5><i class="bi bi-tags-fill"></i> "Dumping" & Foreign Bargains</h5> - <div class="card-content-wrapper"> - <p class="summary"> - If foreign companies want to sell us goods cheap, even "below cost," that's a - <span class="term">bargain for our consumers!</span> Truly predatory dumping is rare and very hard - to sustain. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseDumpingReality" - aria-expanded="false" - aria-controls="collapseDumpingReality" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseDumpingReality"> - <h6>The "Problem" of Low Prices?</h6> - <ul> - <li> - <strong>Consumers Win Big:</strong> When we get goods for less, our living standards rise. It's like - foreign companies are giving our citizens a discount. - </li> - <li> - <strong>Predatory Dumping is a Unicorn:</strong> The idea that a foreign firm will sell at a loss - for years to bankrupt all US rivals, then jack up prices, is mostly a myth. It's incredibly costly - and risky for them, and new competitors (domestic or foreign) can always enter if prices rise too - much. - </li> - <li> - <strong>"Anti-Dumping" is Often Protectionism in Disguise:</strong> Many anti-dumping cases are just - domestic industries trying to block legitimate, cheaper foreign competition, which hurts all - consumers. - </li> - </ul> - <p class="critical-point"> - Let's not be afraid of good deals. Low prices from abroad are a benefit, not a threat. - </p> - </div> - </div> - </div> - </div> - <!-- /.row --> - </div> - <!-- /.schema-container --> - - <!-- III. THE UNILATERAL EDGE: WHY ACTING ALONE IS SMARTER --> - <div class="schema-container section-superiority" data-section-id="section-unilateral-edge"> - <h2 class="section-title" id="section-unilateral-edge-title"> - The Unilateral Edge: Why Acting Alone is Smart & Strong - </h2> - <div class="row"> - <div class="col-lg-4 col-md-6"> - <div class="info-card card-superiority" id="card-fast-decisive"> - <div class="card-body"> - <h5><i class="bi bi-rocket-takeoff-fill"></i> Fast, Decisive Action</h5> - <div class="card-content-wrapper"> - <p class="summary"> - Unilateral free trade can be implemented <span class="term">quickly by our own government</span>. No - more waiting for years of complex, often dead-end, international negotiations. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseFastDecisive" - aria-expanded="false" - aria-controls="collapseFastDecisive" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseFastDecisive"> - <h6>Take Control, Reap Rewards Sooner</h6> - <ul> - <li> - <strong>Immediate Economic Boost:</strong> The benefits of lower prices and increased efficiency - start flowing right away. - </li> - <li> - <strong>Cut Through Red Tape:</strong> Avoids the endless complexities, compromises, and delays of - trying to get dozens of countries to agree. - </li> - <li> - <strong>Clear, Simple Policy:</strong> It's a straightforward decision to stop harming ourselves - with our own barriers. - </li> - </ul> - </div> - </div> - </div> - <div class="col-lg-4 col-md-6"> - <div class="info-card card-superiority" id="card-no-bad-deals"> - <div class="card-body"> - <h5><i class="bi bi-shield-exclamation"></i> Avoid Protectionist Traps</h5> - <div class="card-content-wrapper"> - <p class="summary"> - International trade "deals" often end up as <span class="term">swaps of bad policies</span>, where - special interests, not citizens, win. Unilateralism focuses purely on our benefit. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseNoBadDeals" - aria-expanded="false" - aria-controls="collapseNoBadDeals" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseNoBadDeals"> - <h6>The Problem with Horse-Trading Protection</h6> - <ul> - <li> - <strong>Special Interests Drive Deals:</strong> Negotiated agreements are often playgrounds for - lobbyists seeking carve-outs and protection for their specific industries, not genuine free trade - for all. - </li> - <li> - <strong>Watered-Down Results:</strong> The final "agreements" are often complex webs of managed - trade, full of exceptions, rather than true openness. - </li> - <li> - <strong>Focus on Self-Improvement:</strong> Unilateral action is clean. It's about removing *our - own* harmful barriers, ensuring maximum gain for *our* nation. - </li> - </ul> - </div> - </div> - </div> - <div class="col-lg-4 col-md-6"> - <div class="info-card card-superiority" id="card-lead-by-example"> - <div class="card-body"> - <h5><i class="bi bi-patch-check-fill"></i> Lead by Smart Example</h5> - <div class="card-content-wrapper"> - <p class="summary"> - When we thrive by opening our markets, it sends a - <span class="term">powerful message to the world</span>. Success is the best argument for others to - follow suit. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseLeadByExample" - aria-expanded="false" - aria-controls="collapseLeadByExample" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseLeadByExample"> - <h6>Influence Through Prosperity</h6> - <ul> - <li> - <strong>Demonstrate the Benefits:</strong> A nation flourishing under unilateral free trade becomes - a compelling case study. - </li> - <li> - <strong>Inspire, Don't Coerce:</strong> This positive example can encourage broader global - liberalization more effectively than demanding concessions. - </li> - <li> - <strong>Confidence and Principle:</strong> It signals a nation confident in its economic principles - and its ability to compete and win. - </li> - </ul> - <p class="key-takeaway-title"> - The best reason to adopt unilateral free trade is because IT BENEFITS US. If others follow, that's a - bonus. - </p> - </div> - </div> - </div> - </div> - <!-- /.row --> - </div> - <!-- /.schema-container --> - - <!-- IV. LEARNING FROM THE PAST --> - <div class="schema-container section-historical" data-section-id="section-history-lessons"> - <h2 class="section-title" id="section-history-lessons-title">Learning from the Past</h2> - <div class="row"> - <div class="col-lg-6 col-md-12"> - <div class="info-card card-historical" id="card-openness-works"> - <div class="card-body"> - <h5><i class="bi bi-unlock-fill"></i> History Shows Openness Works</h5> - <div class="card-content-wrapper"> - <p class="summary"> - Time and again, nations that have boldly opened their markets, like 19th-century Britain or modern - successes like Hong Kong, have seen <span class="term">remarkable growth and prosperity</span>. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseOpennessWorks" - aria-expanded="false" - aria-controls="collapseOpennessWorks" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseOpennessWorks"> - <h6>Landmarks of Liberalization</h6> - <ul> - <li> - <strong>Britain's 19th Century Leap:</strong> By unilaterally repealing its "Corn Laws" (grain - tariffs) in 1846, Britain lowered food prices for its people, boosted its industries, and became the - world's economic powerhouse. - </li> - <li> - <strong>Asian Tigers:</strong> Places like Hong Kong and Singapore achieved stunning economic - success largely by embracing open trade policies from their inception. - </li> - <li> - <strong>Modern Reformers:</strong> Countries like Chile and New Zealand undertook significant - unilateral trade reforms in the late 20th century, transforming their economies into more dynamic - and competitive players on the world stage. - </li> - </ul> - </div> - </div> - </div> - <div class="col-lg-6 col-md-12"> - <div class="info-card card-historical" id="card-protectionism-fails-hist"> - <div class="card-body"> - <h5><i class="bi bi-bricks"></i> Protectionism: A History of Failure</h5> - <div class="card-content-wrapper"> - <p class="summary"> - Conversely, history is littered with examples where raising trade barriers led to - <span class="term">economic decline, stagnation, and even worsened global crises</span>, like in the - 1930s. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseProtectionismFailsHist" - aria-expanded="false" - aria-controls="collapseProtectionismFailsHist" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseProtectionismFailsHist"> - <h6>The High Cost of Closed Doors</h6> - <ul> - <li> - <strong>The Great Depression Worsened:</strong> The infamous Smoot-Hawley Tariff in the U.S. (1930) - triggered a wave of retaliatory tariffs worldwide, causing global trade to collapse and deepening - the depression. - </li> - <li> - <strong>Stagnation Behind Walls:</strong> Many countries that pursued "import substitution" (trying - to make everything at home behind high tariff walls) experienced slower growth, less innovation, and - lower living standards for their people. - </li> - <li> - <strong>Always Higher Costs, Always Fewer Choices:</strong> The consistent outcome of protectionism - is that domestic consumers and businesses pay more for less. - </li> - </ul> - <p>The historical lesson is clear: openness fosters wealth, while protectionism breeds poverty.</p> - </div> - </div> - </div> - </div> - <!-- /.row --> - </div> - <!-- /.schema-container --> - - <!-- V. THE PRINCIPLED CASE: FREEDOM & FAIRNESS --> - <div class="schema-container section-ethical" data-section-id="section-principled-case"> - <h2 class="section-title" id="section-principled-case-title">The Principled Case: Freedom & Good Government</h2> - <div class="row"> - <div class="col-lg-6 col-md-12"> - <div class="info-card card-ethical" id="card-freedom-to-choose"> - <div class="card-body"> - <h5><i class="bi bi-person-arms-up"></i> Your Freedom to Choose</h5> - <div class="card-content-wrapper"> - <p class="summary"> - At its heart, free trade is about <span class="term">your basic economic liberty</span>: the freedom - to buy and sell with whomever you choose, without unnecessary government interference. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseFreedomToChoose" - aria-expanded="false" - aria-controls="collapseFreedomToChoose" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseFreedomToChoose"> - <h6>Restoring Economic Liberty</h6> - <p>Trade barriers are government restrictions on your freedom:</p> - <ul> - <li> - <strong>You Decide, Not Bureaucrats:</strong> You should be free to buy the best products at the - best prices, whether they're made down the street or across the ocean. - </li> - <li> - <strong>Less Government Intrusion:</strong> Tariffs and quotas are the government telling you what - you can buy and how much you must pay extra for it. - </li> - <li> - <strong>Empowering Individuals & Businesses:</strong> Unilateral free trade returns this - decision-making power to you. - </li> - </ul> - </div> - </div> - </div> - <div class="col-lg-6 col-md-12"> - <div class="info-card card-ethical" id="card-clean-government"> - <div class="card-body"> - <h5><i class="bi bi-shield-check"></i> Cleaner Government, Less Corruption</h5> - <div class="card-content-wrapper"> - <p class="summary"> - Complex trade barriers create loopholes and incentives for - <span class="term">corruption and cronyism</span>. Simple, open trade promotes transparency and - fairness. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseCleanGovernment" - aria-expanded="false" - aria-controls="collapseCleanGovernment" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseCleanGovernment"> - <h6>Openness Reduces Opportunities for Abuse</h6> - <p>When governments can pick winners and losers through tariffs and quotas:</p> - <ul> - <li> - <strong>Rent-Seeking and Lobbying:</strong> Businesses waste resources lobbying for special - protection instead of innovating. - </li> - <li> - <strong>Risk of Corruption:</strong> Import licenses and complex regulations can become tools for - bribery and favoritism. - </li> - <li> - <strong>Simplicity is Strength:</strong> Unilateral free trade, by sweeping away many of these - complicated rules, makes the system cleaner and reduces opportunities for special interests to game - the system at your expense. - </li> - </ul> - </div> - </div> - </div> - </div> - <!-- /.row --> - </div> - <!-- /.schema-container --> - - <!-- VI. CONCLUSION: OUR STRONGEST MOVE --> - <div class="schema-container section-conclusion" data-section-id="section-final-call"> - <h2 class="section-title" id="section-final-call-title">Our Strongest Move: Embrace Unilateral Free Trade</h2> - <div class="row"> - <div class="col-lg-6 col-md-12"> - <div class="info-card card-conclusion" id="card-summary-verdict"> - <div class="card-body"> - <h5><i class="bi bi-flag-fill"></i> The Verdict: An Unbeatable Strategy for Us</h5> - <div class="card-content-wrapper"> - <p class="summary"> - Unilateral free trade is not about abstract economics; it's a - <span class="term">commonsense strategy for national strength</span>. It means lower prices for you, - more innovation, better jobs, and a more secure and prosperous America. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseSummaryVerdict" - aria-expanded="false" - aria-controls="collapseSummaryVerdict" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseSummaryVerdict"> - <h6>Why This is Our Best Path</h6> - <p>The evidence and logic are overwhelming:</p> - <ul> - <li><strong>Directly Benefits Citizens:</strong> Raises everyone's living standards.</li> - <li><strong>Unleashes Our Businesses:</strong> Makes them more competitive and innovative.</li> - <li> - <strong>Strengthens Our Economy:</strong> Builds a resilient foundation for real national security. - </li> - <li> - <strong>The Smart Choice:</strong> It's based on acting in our own best interest, not waiting for - others. - </li> - </ul> - <p>The arguments against it are based on fear and misunderstanding, not facts.</p> - </div> - </div> - </div> - <div class="col-lg-6 col-md-12"> - <div class="info-card card-conclusion" id="card-call-to-action-final"> - <div class="card-body"> - <h5><i class="bi bi-lightning-charge"></i> A Call for Bold American Leadership</h5> - <div class="card-content-wrapper"> - <p class="summary"> - To our policymakers: Have the courage to <span class="term">put America's interests first</span> by - simply removing our own self-imposed trade barriers. To everyone: Understand and advocate for this - powerful, principled path to a stronger nation. - </p> - <button - class="btn btn-sm details-toggle" - type="button" - data-bs-toggle="collapse" - data-bs-target="#collapseCallToActionFinal" - aria-expanded="false" - aria-controls="collapseCallToActionFinal" - > - Details <i class="bi bi-chevron-down"></i> - </button> - </div> - </div> - <div class="collapse collapse-content" id="collapseCallToActionFinal"> - <h6>Let's Build a More Prosperous Future</h6> - <p> - <strong>To Policymakers:</strong> The power to make our nation significantly richer and stronger is in - your hands. Don't let misguided fears or narrow special interests hold back our potential. Lead with - confidence by adopting unilateral free trade. - </p> - <p> - <strong>To All Citizens, Business Leaders, and Students:</strong> Understand that free trade, - unilaterally pursued, is a win for America. Challenge protectionist myths. Support policies that - expand opportunity and prosperity for all. - </p> - <p> - This isn't about being naive; it's about being smart, strong, and self-reliant. It's time to unleash - America's full economic might. - </p> - </div> - </div> - </div> - </div> - <!-- /.row --> - </div> - <!-- /.schema-container --> - </div> - <!-- /container --> - - <footer class="container-fluid text-center pb-3 pt-4"> - <!-- container-fluid for full width footer bg --> - <p class="mb-2"> - © <span id="currentYear"></span> Strategic Economic Insights. <br /><span class="fw-bold">Disclaimer:</span> - This guide presents economic arguments for educational and persuasive purposes. Policy decisions require careful - consideration of all factors. - </p> - <div> - <a - href="https://www.wto.org" - title="World Trade Organization" - target="_blank" - rel="noopener noreferrer" - class="mx-2 link-secondary" - > - <i class="bi bi-building"></i> World Trade Organization - </a> - <a - href="https://www.piie.com/research/topics/trade" - title="Peterson Institute for International Economics - Trade" - target="_blank" - rel="noopener noreferrer" - class="mx-2 link-secondary" - > - <i class="bi bi-bar-chart-line-fill"></i> PIIE - Trade Research - </a> - <a - href="https://www.mercatus.org/trade-and-immigration" - title="Mercatus Center - Trade" - target="_blank" - rel="noopener noreferrer" - class="mx-2 link-secondary" - > - <i class="bi bi-book-half"></i> Mercatus Center - Trade - </a> - </div> - </footer> - - <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> - <script> - document.addEventListener("DOMContentLoaded", () => { - const mainContainer = document.getElementById("main-container"); - let currentHoverState = { card: null, line: null }; - - function debounce(func, wait) { - let timeout; - return function executedFunction(...args) { - const later = () => { - clearTimeout(timeout); - func(...args); - }; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - }; - } - - function getElementColor(element) { - if (!element) return "#6c757d"; - const card = element.closest(".info-card") || element; - let color = window.getComputedStyle(card).getPropertyValue("--db-category-color").trim(); - return color || "#6c757d"; - } - - function clearHoverState(forceClear = false) { - const isMouseStillOverCard = currentHoverState.card && currentHoverState.card.matches(":hover"); - if (forceClear || !isMouseStillOverCard) { - if (currentHoverState.line) { - try { - currentHoverState.line.remove(); - } catch (e) { - /* Line already removed or error */ - } - currentHoverState.line = null; - } - mainContainer.classList.remove("is-dimmed"); - if (currentHoverState.card) { - currentHoverState.card.classList.remove("is-highlighted"); - const oldSchemaContainer = currentHoverState.card.closest(".schema-container"); - if (oldSchemaContainer) { - oldSchemaContainer.classList.remove("is-highlighted-section"); - } - currentHoverState.card = null; - } - } - } - - function applyHoverState(card) { - if (!card || card === currentHoverState.card) return; - clearHoverState(true); - - const schemaContainer = card.closest(".schema-container"); - const sectionHeader = schemaContainer ? schemaContainer.querySelector(".section-title") : null; - - currentHoverState.card = card; - mainContainer.classList.add("is-dimmed"); - card.classList.add("is-highlighted"); - if (schemaContainer) schemaContainer.classList.add("is-highlighted-section"); - - if (!sectionHeader || !card.id || !sectionHeader.id || typeof LeaderLine === "undefined") { - return; - } - - try { - const startElement = document.getElementById(sectionHeader.id); - const endElement = document.getElementById(card.id); - if (!startElement || !endElement) return; - - const cardColor = getElementColor(card); - const line = new LeaderLine(startElement, endElement, { - color: cardColor, - size: 2.5, - path: "straight", // Solid, straight line - startSocket: "bottom", - endSocket: "top", - startSocketGravity: [0, -20], - endSocketGravity: [0, 20], - }); - currentHoverState.line = line; - } catch (e) { - /* LeaderLine error */ - } - } - - mainContainer.addEventListener("mouseover", (event) => { - const targetCard = event.target.closest(".info-card"); - if (targetCard && targetCard !== currentHoverState.card) { - applyHoverState(targetCard); - } - }); - - mainContainer.addEventListener("mouseout", (event) => { - const relatedTarget = event.relatedTarget; - const currentCard = currentHoverState.card; - if ( - currentCard && - (event.target === currentCard || currentCard.contains(event.target)) && - !currentCard.contains(relatedTarget) && - (!relatedTarget?.closest(".info-card") || !mainContainer.contains(relatedTarget)) - ) { - setTimeout(() => { - if (!mainContainer.querySelector(".info-card:hover")) { - clearHoverState(false); - } - }, 70); - } - }); - - const positionLines = debounce(() => { - if (currentHoverState.line) { - try { - if (currentHoverState.line && typeof currentHoverState.line.position === "function") { - currentHoverState.line.position(); - } else if (currentHoverState.line) { - clearHoverState(true); - } - } catch (e) { - clearHoverState(true); - } - } - }, 100); - - window.addEventListener("resize", positionLines); - window.addEventListener("scroll", positionLines, { passive: true }); - - document.querySelectorAll(".collapse").forEach((collapseEl) => { - const button = document.querySelector(`.details-toggle[data-bs-target="#${collapseEl.id}"]`); - const icon = button ? button.querySelector(".bi") : null; - if (button && icon) { - const updateUI = () => { - const isShown = collapseEl.classList.contains("show"); - icon.classList.toggle("bi-chevron-down", !isShown); - icon.classList.toggle("bi-chevron-up", isShown); - button.setAttribute("aria-expanded", isShown.toString()); - positionLines(); // Reposition lines after collapse/expand - }; - updateUI(); // Initial state - collapseEl.addEventListener("shown.bs.collapse", updateUI); - collapseEl.addEventListener("hidden.bs.collapse", updateUI); - } - }); - document.getElementById("currentYear").textContent = new Date().getFullYear(); - }); - </script> - </body> -</html>