Update objectivism.html
· 1 year ago
ee5a73a2fbb899c96ad150419476c5284a98b5a4
Parent:
4e03a3a94
1 file changed +193 −98
- objectivism.html +193 −98
Diff
--- a/objectivism.html +++ b/objectivism.html @@ -4,102 +4,185 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Objectivism: The Philosophy of Ayn Rand - A Cheatsheet</title> - <meta name="description" content="A concise cheatsheet covering the core principles of Objectivism, including Metaphysics, Epistemology, Ethics, Politics, and Aesthetics, based on Ayn Rand's philosophy. Features key quotes and detailed source references."> - <meta name="keywords" content="Objectivism, Ayn Rand, Leonard Peikoff, philosophy, cheatsheet, Metaphysics, Epistemology, Ethics, Politics, Aesthetics, Rational Self-Interest, Capitalism, Individual Rights, Reason, Quotes, Sources"> + <meta name="description" content="A redesigned, concise cheatsheet covering the core principles of Objectivism, including Metaphysics, Epistemology, Ethics, Politics, and Aesthetics, based on Ayn Rand's philosophy. Features key quotes and thematic dark design."> + <meta name="keywords" content="Objectivism, Ayn Rand, philosophy, cheatsheet, Metaphysics, Epistemology, Ethics, Politics, Aesthetics, Rational Self-Interest, Capitalism, Individual Rights, Reason, Quotes, Dark Theme"> <meta name="author" content="Ayn Rand / Generated"> - <link rel="canonical" href="[YOUR_URL_HERE]/objectivism-cheatsheet-sourced-v2.html"> <!-- Add canonical URL if deploying --> - <meta property="og:title" content="Objectivism: The Philosophy of Ayn Rand - A Cheatsheet"> - <meta property="og:description" content="Quick reference to Ayn Rand's Objectivism: Metaphysics, Epistemology, Ethics, Politics, Aesthetics. Includes impactful quotes and detailed source references."> - <meta property="og:type" content="article"> - <meta property="og:url" content="[YOUR_URL_HERE]/objectivism-cheatsheet-sourced-v2.html"> - <meta property="og:image" content="[YOUR_IMAGE_URL_HERE]/objectivism-og-image-themed.png"> <!-- Create and link an OG image --> - <meta property="og:image:alt" content="Stylized overview of Objectivist concepts - Sourced"> + <link rel="canonical" href="http://cheatsheets.davidveksler.com/objectivism.html"> <!-- Add canonical URL if deploying --> + <!-- OG/Twitter tags remain similar, update image URL/alt text if needed --> + <meta property="og:title" content="Objectivism: The Philosophy of Ayn Rand - A Cheatsheet (Dark Theme)"> + <meta property="og:description" content="Quick reference to Ayn Rand's Objectivism in a bold, dark theme: Metaphysics, Epistemology, Ethics, Politics, Aesthetics. Includes impactful quotes."> + <meta property="og:url" content="http://cheatsheets.davidveksler.com/objectivism.html"> + <meta property="og:image" content="[YOUR_IMAGE_URL_HERE]/objectivism-og-image-dark.png"> + <meta property="og:image:alt" content="Stylized dark theme overview of Objectivist concepts"> <meta name="twitter:card" content="summary_large_image"> - <meta name="twitter:title" content="Objectivism: The Philosophy of Ayn Rand - A Cheatsheet"> - <meta name="twitter:description" content="A concise, themed summary of Ayn Rand's philosophy, covering its core branches, key terms, major works, common misconceptions, impactful quotes, and detailed sources."> - <meta name="twitter:url" content="[YOUR_URL_HERE]/objectivism-cheatsheet-sourced-v2.html"> - <meta name="twitter:image" content="[YOUR_IMAGE_URL_HERE]/objectivism-og-image-themed.png"> - <meta name="twitter:image:alt" content="Stylized overview of Objectivist concepts - Sourced"> + <meta name="twitter:title" content="Objectivism: The Philosophy of Ayn Rand - A Cheatsheet (Dark Theme)"> + <meta name="twitter:description" content="A concise, dark-themed summary of Ayn Rand's philosophy, covering its core branches, key terms, major works, common misconceptions, and impactful quotes."> + <meta name="twitter:url" content="http://cheatsheets.davidveksler.com/objectivism.html"> + <meta name="twitter:image" content="[YOUR_IMAGE_URL_HERE]/objectivism-og-image-dark.png"> + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> + <!-- Google Fonts --> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@300;600;700&display=swap" rel="stylesheet"> + <style> - /* --- Thematic Color Scheme --- */ + /* --- Thematic Dark Red/Black Color Scheme --- */ :root { - --obj-bg-light: #f8f9fa; /* Very light grey - main background */ - --obj-bg-medium: #e9ecef; /* Light grey - section/card accents */ - --obj-border: #dee2e6; /* Medium grey - borders */ - --obj-text-dark: #212529; /* Near black - primary text */ - --obj-text-medium: #495057; /* Dark grey - secondary text */ - --obj-text-muted: #6c757d; /* Muted grey */ - --obj-primary-dark: #0d2c40; /* Deep blue - main headings */ - --obj-primary-medium: #2a4d6a;/* Medium blue - subheadings, strong */ - --obj-accent: #0d6efd; /* Standard Bootstrap blue - links, icons */ - --obj-accent-hover: #0a58ca; /* Darker blue for link hover */ - --obj-rejected: #dc3545; /* Red for rejected concepts */ - --obj-corrected: #198754; /* Green for corrections */ - --obj-quote-bg: #e2e8f0; /* Slightly different grey for quotes */ - --obj-quote-border: #adb5bd; /* Grey quote border */ + --obj-dark-bg: #1a1d21; /* Very dark grey/off-black */ + --obj-dark-card-bg: #2c3036; /* Dark grey for cards/sections */ + --obj-dark-border: #454a52; /* Mid-dark grey border */ + --obj-dark-text-light: #f8f9fa; /* White/very light grey text */ + --obj-dark-text-medium: #adb5bd; /* Lighter grey text */ + --obj-dark-text-muted: #6c757d; /* Muted grey */ + --obj-accent-red: #e74c3c; /* Strong but not overly bright red */ + --obj-accent-red-hover: #c0392b; /* Darker red for hover */ + --obj-rejected: #e74c3c; /* Using accent red for rejected */ + --obj-corrected: #2ecc71; /* Bright green for correction */ + --obj-quote-bg: #343a40; /* Darker quote background */ + --obj-quote-border: var(--obj-accent-red); /* Red quote border */ } - body { background-color: var(--obj-bg-light); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding: 0 0 30px; font-size: 16px; line-height: 1.6; color: var(--obj-text-dark); } - .page-header { background-color: var(--obj-bg-medium); padding: 1.5rem 1.5rem; margin-bottom: 2rem; text-align: center; border-bottom: 1px solid var(--obj-border); } - .page-header h1 { color: var(--obj-primary-dark); font-weight: 300; margin-bottom: .25rem; font-size: 2.2rem; } - .page-header h1 i.bi { color: var(--obj-accent); position: relative; top: -2px;} - .page-header .lead { color: var(--obj-primary-medium); font-size: 1.05rem; margin-bottom: 0; } - - .section { padding: 1.5rem 0; } - .section h2 { text-align: center; color: var(--obj-primary-dark); margin-bottom: 1.5rem; font-weight: 400; border-bottom: 2px solid var(--obj-border); padding-bottom: 0.75rem; font-size: 1.8rem; } - .section h3 { color: var(--obj-primary-medium); margin-top: 1.5rem; margin-bottom: 1rem; font-weight: 600; font-size: 1.4rem; border-left: 4px solid var(--obj-accent); padding-left: 0.75rem; } - .section h4 { color: var(--obj-primary-medium); margin-top: 1.25rem; margin-bottom: 0.75rem; font-weight: 600; font-size: 1.15rem; } + body { + background-color: var(--obj-dark-bg); + font-family: 'Lato', sans-serif; /* Improved Typography */ + padding: 0 0 30px; + font-size: 16px; + line-height: 1.7; /* Slightly increased line height for readability */ + color: var(--obj-dark-text-light); + } + .page-header { + background-color: var(--obj-dark-card-bg); + padding: 2rem 1.5rem; + margin-bottom: 2.5rem; + text-align: center; + border-bottom: 1px solid var(--obj-dark-border); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow */ + } + .page-header h1 { + color: var(--obj-dark-text-light); + font-family: 'Montserrat', sans-serif; /* Improved Typography */ + font-weight: 300; + margin-bottom: .5rem; + font-size: 2.5rem; + letter-spacing: 1px; + } + .page-header h1 i.bi { color: var(--obj-accent-red); position: relative; top: -2px;} + .page-header .lead { color: var(--obj-dark-text-medium); font-size: 1.1rem; margin-bottom: 0; } + + .section { padding: 2rem 0; } + .section h2 { + text-align: center; + color: var(--obj-dark-text-light); + margin-bottom: 2rem; + font-family: 'Montserrat', sans-serif; /* Improved Typography */ + font-weight: 600; + border-bottom: 2px solid var(--obj-accent-red); /* Red border */ + padding-bottom: 0.75rem; + font-size: 2rem; + letter-spacing: 0.5px; + } + .section h3 { + color: var(--obj-dark-text-light); + margin-top: 1.5rem; + margin-bottom: 1.25rem; + font-family: 'Montserrat', sans-serif; /* Improved Typography */ + font-weight: 600; + font-size: 1.5rem; + border-left: 4px solid var(--obj-accent-red); /* Red accent */ + padding-left: 0.75rem; + } + .section h4 { + color: var(--obj-dark-text-medium); + margin-top: 1.25rem; + margin-bottom: 0.75rem; + font-family: 'Montserrat', sans-serif; /* Improved Typography */ + font-weight: 600; + font-size: 1.1rem; + text-transform: uppercase; /* Added style */ + letter-spacing: 0.5px; + } .section ul, .section ol { padding-left: 1.8rem; margin-bottom: 1rem; } - .section li { margin-bottom: 0.5rem; } - .section dl dt { font-weight: 600; color: var(--obj-primary-medium); margin-top: 0.5rem;} - .section dl dd { margin-left: 1.5rem; margin-bottom: 0.5rem; color: var(--obj-text-medium);} + .section li { margin-bottom: 0.6rem; } /* Slightly more space */ + .section dl dt { font-weight: 700; color: var(--obj-dark-text-light); margin-top: 0.75rem;} + .section dl dd { margin-left: 1.5rem; margin-bottom: 0.75rem; color: var(--obj-dark-text-medium);} .section dl dt.text-danger { color: var(--obj-rejected) !important; } - /* Foundations Section Specific Styles */ - .foundations-section { background-color: #ffffff; padding: 2rem; border-radius: .5rem; box-shadow: 0 4px 10px rgba(0,0,0,.07); margin-bottom: 2.5rem; } - .foundations-section h3 { border-left: 4px solid var(--obj-accent); padding-left: 0.75rem; color: var(--obj-primary-medium); margin-bottom: 1rem; } + /* Foundations Section Specific Styles & 3D Effect */ + .foundations-section { + background-color: var(--obj-dark-card-bg); + padding: 2.5rem; /* More padding */ + border-radius: .5rem; + margin-bottom: 3rem; + border: 1px solid var(--obj-dark-border); + /* 3D Layer Effect */ + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.05); + position: relative; /* Needed for potential pseudo-elements if desired */ + } + .foundations-section h3 { border-left: 4px solid var(--obj-accent-red); padding-left: 0.75rem; color: var(--obj-dark-text-light); margin-bottom: 1.5rem; } .foundations-section ul { list-style: none; padding-left: 0; } - .foundations-section li { margin-bottom: 0.8rem; padding-left: 1.8rem; position: relative; } - .foundations-section li i.bi { position: absolute; left: 0; top: 4px; color: var(--obj-accent); font-size: 1.1em; } - .foundations-section .concept-term { font-weight: 600; color: var(--obj-primary-medium); } - .foundations-section li ol { padding-left: 1.2rem; margin-top: 0.3rem; font-size: 0.95em;} - - /* Branch Card Styles */ - .branch-card { background-color: #ffffff; border: 1px solid var(--obj-border); border-radius: .35rem; box-shadow: 0 3px 8px rgba(0, 0, 0, .07); margin-bottom: 1.5rem; padding: 1.25rem; height: 100%; display: flex; flex-direction: column;} + .foundations-section li { margin-bottom: 1rem; padding-left: 2rem; position: relative; } + .foundations-section li i.bi { position: absolute; left: 0; top: 5px; color: var(--obj-accent-red); font-size: 1.2em; } /* Red icons */ + .foundations-section .concept-term { font-weight: 700; color: var(--obj-dark-text-light); } + .foundations-section li ol { padding-left: 1.2rem; margin-top: 0.5rem; font-size: 0.95em;} + + /* Branch Card Styles & 3D Effect */ + .branch-card { + background-color: var(--obj-dark-card-bg); + border: 1px solid var(--obj-dark-border); + border-radius: .35rem; + margin-bottom: 1.5rem; + padding: 1.5rem; /* Increased padding */ + height: 100%; + display: flex; + flex-direction: column; + /* 3D Layer Effect */ + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25); + transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; /* Subtle hover effect */ + } + .branch-card:hover { + transform: translateY(-3px); /* Slight lift on hover */ + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3); + } .branch-card .card-body-content { flex-grow: 1; } - .branch-card h3 { border-left: none; padding-left: 0; margin-top: 0; margin-bottom: 1rem; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 0.6rem; color: var(--obj-primary-dark);} - .branch-card h3 i.bi { margin-right: 0.5rem; color: var(--obj-accent); } - .branch-card strong { color: var(--obj-primary-medium); } + .branch-card h3 { border-left: none; padding-left: 0; margin-top: 0; margin-bottom: 1rem; text-align: center; border-bottom: 1px solid var(--obj-dark-border); padding-bottom: 0.6rem; color: var(--obj-dark-text-light); font-family: 'Montserrat', sans-serif;} + .branch-card h3 i.bi { margin-right: 0.5rem; color: var(--obj-accent-red); } /* Red Strategic Icons */ + .branch-card strong { color: var(--obj-dark-text-light); } /* Strong text lighter */ .branch-card ul { padding-left: 1.5rem; } - .branch-card .slogan { font-style: italic; color: var(--obj-text-medium); background-color: var(--obj-bg-medium); padding: 0.5rem 1rem; border-left: 3px solid var(--obj-border); margin-top: auto; border-radius: 0.2rem; } + .branch-card li { color: var(--obj-dark-text-medium); } /* Lighter list text */ + .branch-card .slogan { font-style: italic; color: var(--obj-text-medium); background-color: var(--obj-dark-bg); padding: 0.75rem 1rem; border-left: 3px solid var(--obj-accent-red); margin-top: auto; border-radius: 0.2rem; font-size: 0.95em;} .misconceptions li strong { color: var(--obj-rejected); } .misconceptions li span { color: var(--obj-corrected); } - .disclaimer { font-size: 0.9em; color: var(--obj-text-muted); border-top: 1px solid var(--obj-border); padding-top: 1rem; margin-top: 1rem; } - footer { padding: 2rem 0; font-size: .9em; margin-top: 2rem; text-align: center; color: var(--obj-text-muted); } + .disclaimer { font-size: 0.9em; color: var(--obj-dark-text-muted); border-top: 1px solid var(--obj-dark-border); padding-top: 1rem; margin-top: 1rem; } + footer { padding: 2rem 0; font-size: .9em; margin-top: 2rem; text-align: center; color: var(--obj-dark-text-muted); } /* Quote Trigger and Content Styling */ - .key-quote-trigger { color: var(--obj-accent); text-decoration: none; font-size: .9em; margin-left: 8px; cursor: pointer; transition: color .2s ease; vertical-align: middle; white-space: nowrap; border-bottom: none; display: inline-block; padding: 2px 4px; line-height: 1; border-radius: 4px; } - .key-quote-trigger:hover { color: var(--obj-accent-hover); } + .key-quote-trigger { color: var(--obj-accent-red); text-decoration: none; font-size: .9em; margin-left: 8px; cursor: pointer; transition: color .2s ease; vertical-align: middle; white-space: nowrap; border-bottom: none; display: inline-block; padding: 2px 4px; line-height: 1; border-radius: 4px; } + .key-quote-trigger:hover { color: var(--obj-accent-red-hover); } .key-quote-trigger .bi-quote { font-size: 1.1em; position: relative; top: 1px;} - .key-quote { font-size: .9em; color: var(--obj-text-medium); background-color: var(--obj-quote-bg); border-left: 3px solid var(--obj-quote-border); padding: .75rem 1rem; margin: .5rem 0 0 0; border-radius: .2rem; font-style: italic; } - .key-quote .quote-source { display: block; text-align: right; font-style: normal; font-size: 0.9em; color: var(--obj-text-muted); margin-top: 0.5rem; } + .key-quote { font-size: .9em; color: var(--obj-dark-text-medium); background-color: var(--obj-quote-bg); border-left: 3px solid var(--obj-quote-border); padding: .75rem 1rem; margin: .5rem 0 0 0; border-radius: .2rem; font-style: italic; } + .key-quote .quote-source { display: block; text-align: right; font-style: normal; font-size: 0.9em; color: var(--obj-dark-text-muted); margin-top: 0.5rem; } /* Reference Trigger Styling */ - .ref-trigger { color: var(--obj-text-muted); font-size: .9em; cursor: help; vertical-align: middle; transition: color .2s ease; margin-left: 5px; white-space: nowrap; text-decoration: none; border-bottom: none; display: inline-block; /* Ensure it takes space */ } - .ref-trigger:hover { color: var(--obj-text-dark); } - .ref-trigger .bi { font-size: 1em; position: relative; top: -1px;} /* Slightly larger icon */ + .ref-trigger { color: var(--obj-dark-text-muted); font-size: .9em; cursor: help; vertical-align: middle; transition: color .2s ease; margin-left: 5px; white-space: nowrap; text-decoration: none; border-bottom: none; display: inline-block; } + .ref-trigger:hover { color: var(--obj-dark-text-light); } + .ref-trigger .bi { font-size: 1em; position: relative; top: -1px;} /* Tooltip styling */ - .tooltip-inner { background-color: var(--obj-primary-dark); color: #fff; padding: 5px 10px; font-size: 0.85rem;} + .tooltip-inner { background-color: var(--obj-primary-dark); color: var(--obj-dark-text-light); padding: 5px 10px; font-size: 0.85rem;} .tooltip .tooltip-arrow::before { border-top-color: var(--obj-primary-dark); } - .popover-header { background-color: var(--obj-bg-medium); color: var(--obj-primary-dark); border-bottom: 1px solid var(--obj-border); font-size: 0.95em; padding: 0.5rem 1rem;} - .popover-body { font-size: 0.9em; padding: 0.75rem 1rem;} - .popover { border-color: var(--obj-border); max-width: 300px;} + + /* Popover Dark Theme Styling */ + .popover { border-color: var(--obj-dark-border); box-shadow: 0 5px 15px rgba(0,0,0,0.4); max-width: 300px; } + .popover-header { background-color: var(--obj-primary-dark); color: var(--obj-dark-text-light); border-bottom: 1px solid var(--obj-dark-border); font-size: 0.95em; padding: 0.5rem 1rem; font-family: 'Montserrat', sans-serif; } + .popover-body { background-color: var(--obj-dark-card-bg); color: var(--obj-dark-text-medium); font-size: 0.9em; padding: 0.75rem 1rem;} + .popover .popover-arrow::before { border-top-color: var(--obj-primary-dark) ; } /* Arrow border */ + .popover .popover-arrow::after { border-top-color: var(--obj-primary-dark); } /* Arrow fill */ + </style> </head> <body> @@ -112,12 +195,14 @@ <div class="container-lg"> + <!-- Introduction Section --> <section id="introduction" class="section"> <h2>I. Introduction: What is Objectivism?</h2> - <ul> + <!-- Content identical to previous version --> + <ul> <li><strong>Definition:</strong> A comprehensive, integrated philosophical system created by Ayn Rand.</li> <li><strong>Core Idea:</strong> A philosophy for living on Earth, based on objective reality and man's use of reason as his absolute.</li> - <li><strong>Scope:</strong> Covers the traditional branches of philosophy: Metaphysics, Epistemology, Ethics, Politics, and Aesthetics.</li> + <li><strong>Scope:</strong> Covers the traditional branches of philosophy: Metaphysics (nature of reality), Epistemology (nature of knowledge), Ethics (moral code), Politics (proper social system), and Aesthetics (nature of art).</li> <li><strong>Rand's View:</strong> Philosophy isn't an intellectual game or luxury but a fundamental necessity for human survival and flourishing. <a class="key-quote-trigger" data-bs-toggle="collapse" data-bs-target="#quote-intro" role="button" aria-expanded="false" aria-controls="quote-intro" title="Impactful Quote"><i class="bi bi-quote"></i></a> <div class="collapse key-quote" id="quote-intro">"As a human being, you have no choice about the fact that you need a philosophy. Your only choice is whether you define your philosophy by a conscious, rational, disciplined process of thought... or let your subconscious accumulate a junk heap..."<span class="quote-source">- Ayn Rand, Philosophy: Who Needs It</span></div> @@ -126,9 +211,11 @@ </ul> </section> + <!-- Foundations Section --> <section class="foundations-section"> - <h2 class="section-heading">Foundational Pillars</h2> + <h2 class="section-heading">Foundational Pillars</h2> <h3><i class="bi bi-key-fill"></i> Core Concepts Underlying the System</h3> + <!-- Content identical to previous version, including reference triggers --> <ul> <li><i class="bi bi-bricks"></i><span class="concept-term">The Axioms:</span> Self-evident, irreducible truths at the base of all knowledge.<a href="#" class="ref-trigger" data-bs-toggle="popover" data-bs-placement="top" data-bs-trigger="focus" data-bs-title="Source" data-bs-content="OPAR Ch. 1; IOE pp. 55-62"><i class="bi bi-book"></i></a> <ol> @@ -155,7 +242,8 @@ <div class="info-card"> <div class="card-body-content"> <h3><i class="bi bi-box-seam"></i> A. Metaphysics: Objective Reality</h3> - <p><strong>Core Principle:</strong> Existence Exists (Reality is absolute. Identity: A is A). + <!-- Content identical, including quotes and ref triggers --> + <p><strong>Core Principle:</strong> Existence Exists (Reality is absolute. Identity: A is A). <a class="key-quote-trigger" data-bs-toggle="collapse" data-bs-target="#quote-metaphysics" role="button" aria-expanded="false" aria-controls="quote-metaphysics" title="Impactful Quote"><i class="bi bi-quote"></i></a> <div class="collapse key-quote" id="quote-metaphysics">"Existence is Identity, Consciousness is Identification."<span class="quote-source">- Ayn Rand, Atlas Shrugged</span></div> </p> @@ -171,11 +259,12 @@ </div> </div> - <!-- Epistemology Card --> - <div class="col-lg-6"> + <!-- Epistemology Card --> + <div class="col-lg-6"> <div class="info-card"> <div class="card-body-content"> <h3><i class="bi bi-lightbulb"></i> B. Epistemology: Reason</h3> + <!-- Content identical, including quotes and ref triggers --> <p><strong>Core Principle:</strong> Reason is man's only means of knowledge and his basic tool of survival. <a class="key-quote-trigger" data-bs-toggle="collapse" data-bs-target="#quote-epistemology" role="button" aria-expanded="false" aria-controls="quote-epistemology" title="Impactful Quote"><i class="bi bi-quote"></i></a> <div class="collapse key-quote" id="quote-epistemology">"Reason is not automatic. Those who deny it cannot be conquered by it. Do not count on them. Leave them alone."<span class="quote-source">- Ayn Rand, Atlas Shrugged</span></div> @@ -189,17 +278,18 @@ <li>Rejects all non-rational paths to knowledge (faith, emotion, etc.).<a href="#" class="ref-trigger" data-bs-toggle="popover" data-bs-placement="top" data-bs-trigger="focus" data-bs-title="Source" data-bs-content="OPAR Ch. 5"><i class="bi bi-book"></i></a></li> <li>Certainty is contextual but achievable.<a href="#" class="ref-trigger" data-bs-toggle="popover" data-bs-placement="top" data-bs-trigger="focus" data-bs-title="Source" data-bs-content="OPAR Ch. 5"><i class="bi bi-book"></i></a></li> </ul> - </div> + </div> <div class="slogan">Slogan/Takeaway: "Check your premises." / "Reason is man's only absolute." / "A is A."</div> </div> </div> - <!-- Ethics Card --> - <div class="col-lg-6"> + <!-- Ethics Card --> + <div class="col-lg-6"> <div class="info-card"> <div class="card-body-content virtues-list"> <h3><i class="bi bi-person-fill"></i> C. Ethics: Rational Self-Interest</h3> - <p><strong>Core Principle:</strong> Each individual man is an end in himself. His own life is his ultimate standard of value; his own happiness is his highest moral purpose. + <!-- Content identical, including quotes and ref triggers --> + <p><strong>Core Principle:</strong> Each individual man is an end in himself. His own life is his ultimate standard of value; his own happiness is his highest moral purpose. <a class="key-quote-trigger" data-bs-toggle="collapse" data-bs-target="#quote-ethics" role="button" aria-expanded="false" aria-controls="quote-ethics" title="Impactful Quote"><i class="bi bi-quote"></i></a> <div class="collapse key-quote" id="quote-ethics">"The achievement of his own happiness is man's highest moral purpose."<span class="quote-source">- Ayn Rand, The Virtue of Selfishness</span></div> </p> @@ -212,16 +302,17 @@ <li>Rejection of Altruism (self-sacrifice for others).<a href="#" class="ref-trigger" data-bs-toggle="popover" data-bs-placement="top" data-bs-trigger="focus" data-bs-title="Source" data-bs-content="OPAR Ch. 7"><i class="bi bi-book"></i></a></li> <li>Rejection of Hedonism (whim-worship).<a href="#" class="ref-trigger" data-bs-toggle="popover" data-bs-placement="top" data-bs-trigger="focus" data-bs-title="Source" data-bs-content="OPAR Ch. 9"><i class="bi bi-book"></i></a></li> </ul> - </div> + </div> <div class="slogan">Slogan/Takeaway: "The Virtue of Selfishness" / "Live for your own sake." / "Swear by my life and my love of it..."</div> </div> </div> - <!-- Politics Card --> - <div class="col-lg-6"> + <!-- Politics Card --> + <div class="col-lg-6"> <div class="info-card"> <div class="card-body-content"> <h3><i class="bi bi-shield-check"></i> D. Politics: Laissez-Faire Capitalism</h3> + <!-- Content identical, including quotes and ref triggers --> <p><strong>Core Principle:</strong> The recognition and protection of individual rights is the foundation of a moral social system. <a class="key-quote-trigger" data-bs-toggle="collapse" data-bs-target="#quote-politics" role="button" aria-expanded="false" aria-controls="quote-politics" title="Impactful Quote"><i class="bi bi-quote"></i></a> <div class="collapse key-quote" id="quote-politics">"Individual rights are the means of subordinating society to moral law."<span class="quote-source">- Ayn Rand, The Virtue of Selfishness</span></div> @@ -239,11 +330,12 @@ </div> </div> - <!-- Aesthetics Card --> - <div class="col-md-6 offset-md-3"> <!-- Centered --> + <!-- Aesthetics Card --> + <div class="col-md-6 offset-md-3"> <!-- Centered --> <div class="info-card"> <div class="card-body-content"> <h3><i class="bi bi-image-alt"></i> E. Aesthetics: Romantic Realism</h3> + <!-- Content identical, including quotes and ref triggers --> <p><strong>Core Principle:</strong> Art is a selective re-creation of reality according to an artist's metaphysical value-judgments. <a class="key-quote-trigger" data-bs-toggle="collapse" data-bs-target="#quote-aesthetics" role="button" aria-expanded="false" aria-controls="quote-aesthetics" title="Impactful Quote"><i class="bi bi-quote"></i></a> <div class="collapse key-quote" id="quote-aesthetics">"Art is the indispensable medium for the communication of a moral ideal."<span class="quote-source">- Ayn Rand, The Romantic Manifesto</span></div> @@ -264,18 +356,21 @@ </div> <!-- /.row --> </section> + <!-- Sections IV, V, VI, VII --> + <!-- Content for Key Terms, Figures/Works, Misconceptions, Disclaimer --> + <!-- remains identical to previous version --> <section id="key-terms" class="section"> - <h2>IV. Key Terms & Concepts Summarized</h2> - <dl class="row"> - <dt class="col-sm-3">A is A / Identity</dt><dd class="col-sm-9">Reality is absolute; things are what they are, independent of consciousness.</dd> - <dt class="col-sm-3">Primacy of Existence</dt><dd class="col-sm-9">Reality exists first and sets the terms; consciousness perceives reality.</dd> - <dt class="col-sm-3">Reason</dt><dd class="col-sm-9">Man's faculty for knowing reality, operating via logic based on sensory evidence.</dd> - <dt class="col-sm-3">Rational Self-Interest</dt><dd class="col-sm-9">The ethical principle that one should act to achieve one's own well-being, guided by reason.</dd> - <dt class="col-sm-3">Individual Rights</dt><dd class="col-sm-9">Moral sanction to act free from physical compulsion, based on man's nature.</dd> - <dt class="col-sm-3">Capitalism (Laissez-Faire)</dt><dd class="col-sm-9">The social system protecting individual rights, with complete separation of state and economics.</dd> - <dt class="col-sm-3 text-danger">Altruism (Rejected)</dt><dd class="col-sm-9">The ethical doctrine that man has no right to exist for his own sake, that service to others is the only justification of his existence, and that self-sacrifice is his highest moral duty, virtue and value.</dd> - <dt class="col-sm-3 text-danger">Collectivism (Rejected)</dt><dd class="col-sm-9">The political theory that subordinates the individual to the group or state.</dd> - <dt class="col-sm-3 text-danger">Mysticism/Faith (Rejected)</dt><dd class="col-sm-9">Acceptance of ideas without evidence or based on purported non-rational sources of knowledge.</dd> + <h2>IV. Key Terms & Concepts Summarized</h2> + <dl class="row"> + <dt class="col-sm-3">A is A / Identity</dt><dd class="col-sm-9">Reality is absolute; things are what they are, independent of consciousness.</dd> + <dt class="col-sm-3">Primacy of Existence</dt><dd class="col-sm-9">Reality exists first and sets the terms; consciousness perceives reality.</dd> + <dt class="col-sm-3">Reason</dt><dd class="col-sm-9">Man's faculty for knowing reality, operating via logic based on sensory evidence.</dd> + <dt class="col-sm-3">Rational Self-Interest</dt><dd class="col-sm-9">The ethical principle that one should act to achieve one's own well-being, guided by reason.</dd> + <dt class="col-sm-3">Individual Rights</dt><dd class="col-sm-9">Moral sanction to act free from physical compulsion, based on man's nature.</dd> + <dt class="col-sm-3">Capitalism (Laissez-Faire)</dt><dd class="col-sm-9">The social system protecting individual rights, with complete separation of state and economics.</dd> + <dt class="col-sm-3 text-danger">Altruism (Rejected)</dt><dd class="col-sm-9">The ethical doctrine that man has no right to exist for his own sake, that service to others is the only justification of his existence, and that self-sacrifice is his highest moral duty, virtue and value.</dd> + <dt class="col-sm-3 text-danger">Collectivism (Rejected)</dt><dd class="col-sm-9">The political theory that subordinates the individual to the group or state.</dd> + <dt class="col-sm-3 text-danger">Mysticism/Faith (Rejected)</dt><dd class="col-sm-9">Acceptance of ideas without evidence or based on purported non-rational sources of knowledge.</dd> </dl> </section> @@ -374,11 +469,11 @@ // Optional: Close other popovers when one is shown poTriggerList.forEach(function(popover) { if (!popover) return; - var popoverElement = popover._element; // Element the popover is attached to - if (popoverElement) { // Ensure element exists + var popoverElement = popover._element; + if (popoverElement) { popoverElement.addEventListener('shown.bs.popover', function () { poTriggerList.forEach(function(otherPopover) { - if (otherPopover && otherPopover._element && otherPopover._element !== popoverElement) { // Check element exists + if (otherPopover && otherPopover._element && otherPopover._element !== popoverElement) { var otherPopoverInstance = bootstrap.Popover.getInstance(otherPopover._element); if(otherPopoverInstance) { otherPopoverInstance.hide();