Map View
The Navigation Map below is a visual representation of major aspects of Epicurean philosophy. Clicking on any box will take you to the corresponding section of the EpicureanFriends discussion forum.
—canon-bg: #5c8f63; —canon-border: #3d5e41;
—ethics-bg: #2f5980; —ethics-border: #1b364d;
—header-blue: #3f71a6; —header-blue-border: #2a4e72;
—text-main: #ffffff; —card-radius: 10px;
—row-gap: 0.75rem; —column-gap: 1rem; —max-width: 1400px;
—card-shadow: 0 4px 10px rgba(0,0,0,0.20); —card-shadow-hover: 0 8px 18px rgba(0,0,0,0.30); }
/* ============================================================ WRAPPER ============================================================ */ .epi-map-wrapper { width: 100%; max-width: var(—max-width); margin: 0 auto; padding: 1rem; box-sizing: border-box; }
/* ============================================================ BLUE TITLE BOX (centered) ============================================================ */ .epi-main-titlebox { background: var(—header-blue); border: 2px solid var(—header-blue-border); color: #ffffff; padding: 1.5rem 1.5rem; text-align: center; border-radius: var(—card-radius); margin-bottom: 2rem; box-shadow: var(—card-shadow); }
.epi-main-titlebox h1 { margin: 0; font-size: 2.8rem; }
/* ============================================================ GRID LAYOUT WITH ARROWS ============================================================ */ .epi-map-grid { display: grid; grid-template-columns: 1fr 80px 1fr; gap: 0; align-items: start; }
/* Arrow columns */ .arrow-connector { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 0.3rem; }
.arrow-symbol { width: 60px; height: 60px; stroke: #000000; }
/* Plus sign between Physics and Canonics */ .plus-divider { display: flex; align-items: center; justify-content: center; margin: 1.5rem 0; }
.plus-symbol { width: 50px; height: 50px; stroke: #000000; }
/* Dark mode - make arrows light */ @media (prefers-color-scheme: dark) { .arrow-symbol, .plus-symbol { stroke: #eeeeee; } }
@media (max-width: 1100px) { .epi-map-grid { grid-template-columns: 1fr; }
.arrow-connector { display: flex; padding: 1rem 0; }
.arrow-symbol { transform: rotate(90deg); }
.plus-divider { margin: 1rem 0; } }
/* ============================================================ COLUMNS ============================================================ */ .epi-col { display: flex; flex-direction: column; gap: var(—row-gap); padding: 0 0.5rem; position: relative; }
/* Second arrow from Canonics to Ethics (wide screens only) */ .canonics-arrow { position: absolute; right: -70px; bottom: 200px; width: 60px; height: 60px; stroke: #000000; z-index: 10; }
@media (prefers-color-scheme: dark) { .canonics-arrow { stroke: #eeeeee; } }
@media (max-width: 1100px) { .canonics-arrow { display: none; } }
/* Centered column headers */ .epi-col h3 { font-family: “Cinzel”, serif; margin: 0 0 1rem; text-align: center; font-size: 1.3rem; color: #ffffff; display: flex; align-items: center; justify-content: center; gap: 0.6rem; line-height: 1.4; background: linear-gradient(135deg, #a6621c 0%, #c77a2c 100%); border: 2px solid #854e16; border-radius: 50px; padding: 1rem 1.5rem; box-shadow: var(—card-shadow); }
/* Category icons */ .epi-icon { font-size: 1.8rem; line-height: 1; }
/* ============================================================ CARDS ============================================================ */ .ef-card { display: flex; align-items: flex-start; gap: 0.6rem; padding: 0.75rem 1rem; border-radius: var(—card-radius); color: #ffffff !important; text-decoration: none; font-family: “Carlito”, sans-serif; line-height: 1.25; box-shadow: var(—card-shadow); border: 2px solid transparent; transition: transform 0.15s ease, box-shadow 0.15s ease; }
/* Hover lift effect */ .ef-card:hover { transform: translateY(-3px); box-shadow: var(—card-shadow-hover); }
/* Prevent hover color changes */ .ef-card:hover, .ef-card:focus, .ef-card:active { color: #ffffff !important; text-decoration: none !important; }
/* Small inline icon for cards */ .card-icon { font-size: 1.1rem; line-height: 1.2; margin-top: 0.1rem; flex-shrink: 0; }
/* ============================================================ CATEGORY COLORS ============================================================ */ .physics-card { background: var(—physics-bg); border-color: var(—physics-border); } .canon-card { background: var(—canon-bg); border-color: var(—canon-border); } .ethics-card { background: var(—ethics-bg); border-color: var(—ethics-border); }
Key Aspects Of Epicurean Philosophy
Physics: The Nature of the Universe
<a class="ef-card physics-card" href="https://www.epicureanfriends.com/board/487-the-universe-as-eternal-in-time-nothing-from-nothing-nothing-to-nothing-eternali/"> <span class="card-icon">⚛</span> <span>Nothing Comes From Nothing or Goes To Nothing.</span> </a>
<a class="ef-card physics-card" href="https://www.epicureanfriends.com/board/757-eternal-and-boundless-universe/"> <span class="card-icon">⚛</span> <span>The Universe Is Infinite In Size And Eternal In Time And Has No Gods Over It.</span> </a>
<a class="ef-card physics-card" href="https://www.epicureanfriends.com/board/762-nothing-is-supernatural/"> <span class="card-icon">⚛</span> <span>The Nature of Gods (Divinity) Is Incorruptible And Blessed.</span> </a>
<a class="ef-card physics-card" href="https://www.epicureanfriends.com/board/761-nothing-is-eternal-and-unchanging-except-atoms/"> <span class="card-icon">⚛</span> <span>Death Is Nothing To Us.</span> </a>
<a class="ef-card physics-card" href="https://www.epicureanfriends.com/board/586-the-swerve-its-nature-and-effects/"> <span class="card-icon">⚛</span> <span>There Is No Necessity To Live Under the Control of Necessity.</span> </a>
<div class="plus-divider"> <svg class="plus-symbol" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 5v14M5 12h14" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/> </svg> </div>
<h3><span class="epi-icon">📐</span> Canonics: How To Know What Is True</h3>
<a class="ef-card canon-card" href="https://www.epicureanfriends.com/board/763-knowledge-is-possible/"> <span class="card-icon">📐</span> <span>He Who Says Nothing Can Be Known Knows Nothing.</span> </a>
<a class="ef-card canon-card" href="https://www.epicureanfriends.com/board/475-all-sensations-are-true-the-trustworthiness-of-the-senses-was-epicurus-an-empiri/"> <span class="card-icon">📐</span> <span>All Sensations Are "True."</span> </a>
<a class="ef-card canon-card" href="https://www.epicureanfriends.com/board/674-epicurean-canonics-methods-of-reasoning-and-determining-truth-general-discussion/"> <span class="card-icon">📐</span> <span>The Criteria of Truth Are The Sensations, Anticipations, and Feelings.</span> </a>
<a class="ef-card canon-card" href="https://www.epicureanfriends.com/board/735-rejection-of-dialectical-logic-and-skepticism/"> <span class="card-icon">📐</span> <span>Dialectical Logic And Radical Skepticism Are To Be Rejected As Tools Of Truth.</span> </a>
<a class="ef-card canon-card" href="https://www.epicureanfriends.com/board/734-rejection-of-platonic-idealism-and-aristotelian-essences/"> <span class="card-icon">📐</span> <span>Platonic Ideal Forms, Aristotelian Essences, And Divine Revelation Are False Guides To Truth.</span> </a>
<svg class="canonics-arrow" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/> </svg></div>
<div class="arrow-connector"> <svg class="arrow-symbol" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/> </svg></div>
<div class="epi-col"> <h3><span class="epi-icon">🌿</span> Ethics: How To Live</h3>
<a class="ef-card ethics-card" href="https://www.epicureanfriends.com/board/737-pleasure-is-desirable-the-alpha-and-omega-the-guide-of-life/"> <span class="card-icon">🌿</span> <span>Happiness Is the Goal of Life. A Life Of Happiness Is A Life In Which Pleasure Predominates Over Pain.</span> </a>
<a class="ef-card ethics-card" href="https://www.epicureanfriends.com/board/737-pleasure-is-desirable-the-alpha-and-omega-the-guide-of-life/"> <span class="card-icon">🌿</span> <span>Pleasure - Not Tranquility Or Total Absence of Pain - Is The Guide of Life And The Greatest Good.</span> </a>
<a class="ef-card ethics-card" href="https://www.epicureanfriends.com/board/395-pleasure-is-present-where-pain-is-absent/"> <span class="card-icon">🌿</span> <span>By Pleasure We Mean All Experience That Is Not Painful.</span> </a>
<a class="ef-card ethics-card" href="https://www.epicureanfriends.com/board/760-virtue-a-means-for-pleasure-not-an-end-in-itself/"> <span class="card-icon">🌿</span> <span>Virtue Is Not Absolute Or An End In Itself - All Good And Evil Consists In Sensation.</span> </a>
<a class="ef-card ethics-card" href="https://www.epicureanfriends.com/board/740-pain-is-manageable-it-is-short-if-intense-endurable-if-long-and-terminable-by-de/"> <span class="card-icon">🌿</span> <span>Life Is Desirable, But Unlimited Time Contains No Greater Pleasure Than Limited Time.</span> </a></div>