The Eidolon Collective: Difference between revisions
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
height: auto; | height: auto; | ||
font-family: Verdana, Geneva, Tahoma, sans-serif; | font-family: Verdana, Geneva, Tahoma, sans-serif; | ||
background: linear-gradient(135deg, # | background: linear-gradient(135deg, #1a3a5c 0%, #0f1f3d 25%, #1a3a5c 50%, #0f1f3d 75%, #1a3a5c 100%); | ||
background-attachment: fixed; | background-attachment: fixed; | ||
} | } | ||
| Line 37: | Line 37: | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
background: linear-gradient(to bottom, # | background: linear-gradient(to bottom, #26528c, #1a3a5c); | ||
border-top: 1px solid # | border-top: 1px solid #3d5a7a; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #3d5a7a; | ||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0. | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7); | ||
} | } | ||
| Line 49: | Line 49: | ||
.navbar ul li a { | .navbar ul li a { | ||
color: # | color: #f5f5f5; | ||
font-size: 22px; | font-size: 22px; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 57: | Line 57: | ||
.navbar ul li a:hover { | .navbar ul li a:hover { | ||
color: # | color: #ffffff; | ||
text-shadow: 0 0 8px rgba( | text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); | ||
} | } | ||
.navbar ul li a:visited { | .navbar ul li a:visited { | ||
color: # | color: #f5f5f5; | ||
} | } | ||
| Line 70: | Line 70: | ||
font-size: 24px; | font-size: 24px; | ||
font-weight: 600; | font-weight: 600; | ||
color: # | color: #c41e3a; | ||
text-shadow: | text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); | ||
padding: 0.5em; | padding: 0.5em; | ||
background: linear-gradient(to right, transparent, rgba( | background: linear-gradient(to right, transparent, rgba(61, 90, 122, 0.4), transparent); | ||
border-top: 1px solid rgba(255, 255, 255, 0.2); | |||
border-bottom: 1px solid rgba(255, 255, 255, 0.2); | |||
} | } | ||
.banner-image { | .banner-image { | ||
width: 100%; | width: 100%; | ||
border-top: | border-top: 2px solid rgba(0, 0, 0, 0.5); | ||
border-bottom: | border-bottom: 2px solid rgba(0, 0, 0, 0.5); | ||
} | } | ||
| Line 89: | Line 91: | ||
width: 100%; | width: 100%; | ||
display: flex; | display: flex; | ||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0. | box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8); | ||
border-top: 1px solid rgba(255, 255, 255, 0.15); | |||
border-bottom: 1px solid rgba(255, 255, 255, 0.15); | |||
} | } | ||
| Line 97: | Line 101: | ||
justify-content: center; | justify-content: center; | ||
width: 50%; | width: 50%; | ||
background: linear-gradient(135deg, # | background: linear-gradient(135deg, #1a3a5c 0%, #0f1f3d 50%, #1a3a5c 100%); | ||
color: # | color: #f5f5f5; | ||
border: 1px solid | border: 1px solid rgba(0, 0, 0, 0.6); | ||
} | } | ||
| Line 109: | Line 113: | ||
font-size: 22px; | font-size: 22px; | ||
font-weight: 600; | font-weight: 600; | ||
color: #c41e3a; | |||
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); | text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); | ||
} | } | ||
.welcome-container p { | .welcome-container p { | ||
color: # | color: #f5f5f5; | ||
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); | text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); | ||
} | } | ||
| Line 120: | Line 125: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
opacity: 0.9; | |||
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.8)); | |||
} | } | ||
.about, .history, #projects, #hooks, #gallery { | .about, .history, #projects, #hooks, #gallery { | ||
background: linear-gradient(to bottom, rgba( | background: linear-gradient(to bottom, rgba(26, 58, 92, 0.6), rgba(15, 31, 61, 0.6)); | ||
margin: 1em; | margin: 1em; | ||
padding: 1.5em; | padding: 1.5em; | ||
border: 1px solid | border: 1px solid rgba(255, 255, 255, 0.2); | ||
border-radius: 4px; | border-radius: 4px; | ||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0. | box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7); | ||
color: # | color: #e8e8e8; | ||
} | } | ||
.about p, .history p, #projects p { | .about p, .history p, #projects p { | ||
line-height: 1.6; | line-height: 1.6; | ||
color: # | color: #e8e8e8; | ||
} | } | ||
#hooks ul { | #hooks ul { | ||
color: # | color: #e8e8e8; | ||
} | } | ||
| Line 160: | Line 167: | ||
margin: 1em; | margin: 1em; | ||
width: 200px; | width: 200px; | ||
background: linear-gradient(135deg, # | background: linear-gradient(135deg, #1a3a5c, #0f1f3d); | ||
border: 2px solid | border: 2px solid rgba(0, 0, 0, 0.7); | ||
border-radius: 4px; | border-radius: 4px; | ||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0. | box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8); | ||
transition: transform 0.3s ease, box-shadow 0.3s ease; | transition: transform 0.3s ease, box-shadow 0.3s ease; | ||
padding-bottom: 0.5em; | padding-bottom: 0.5em; | ||
| Line 170: | Line 177: | ||
.board-card:hover { | .board-card:hover { | ||
transform: translateY(-5px); | transform: translateY(-5px); | ||
box-shadow: 0 6px 16px rgba( | box-shadow: 0 6px 16px rgba(196, 30, 58, 0.5); | ||
border-color: # | border-color: #c41e3a; | ||
} | } | ||
| Line 178: | Line 185: | ||
width: 100%; | width: 100%; | ||
overflow: hidden; | overflow: hidden; | ||
border-bottom: 1px solid | border-bottom: 1px solid rgba(255, 255, 255, 0.2); | ||
} | } | ||
| Line 188: | Line 195: | ||
.board-card div { | .board-card div { | ||
color: # | color: #f5f5f5; | ||
padding: 0.3em; | padding: 0.3em; | ||
text-align: center; | text-align: center; | ||
| Line 195: | Line 202: | ||
.board-card .sub-title { | .board-card .sub-title { | ||
font-size: 14px; | font-size: 14px; | ||
color: # | color: #aaa; | ||
} | } | ||
| Line 206: | Line 213: | ||
#gallery ul { | #gallery ul { | ||
list-style-type: none; | list-style-type: none; | ||
color: # | color: #e8e8e8; | ||
} | } | ||
| Line 230: | Line 237: | ||
<div class="welcome"> | <div class="welcome"> | ||
<div class="welcome-container left"><span>The Eidolon Collective</span><p> | <div class="welcome-container left"><span>The Eidolon Collective</span><p>The Night Belongs to Those Who Shape It</p></div> | ||
<div class="welcome-container">[[File: Camarilla symbol.png]]</div> | <div class="welcome-container">[[File: Camarilla symbol.png]]</div> | ||
</div> | </div> | ||
| Line 237: | Line 244: | ||
<div class="section-label">About</div> | <div class="section-label">About</div> | ||
<p>The Eidolon Collective is a coterie of accomplished Kindred who believe competence matters more than lineage | <p>The Eidolon Collective is a coterie of accomplished Kindred who believe competence matters more than lineage. We champion open dialogue, intellectual rigor, and merit-based achievement within the Camarilla—proving that challenging outdated hierarchies and upholding tradition need not be at odds.</p> | ||
<p>Our members maintain the highest standards of personal excellence while fostering an environment where dissenting voices are welcomed, | <p>Our members maintain the highest standards of personal excellence while fostering an environment where dissenting voices are welcomed, not merely tolerated.</p> | ||
</div> | </div> | ||
Revision as of 04:02, 11 February 2026
The Eidolon Collective is a coterie of accomplished Kindred who believe competence matters more than lineage. We champion open dialogue, intellectual rigor, and merit-based achievement within the Camarilla—proving that challenging outdated hierarchies and upholding tradition need not be at odds.
Our members maintain the highest standards of personal excellence while fostering an environment where dissenting voices are welcomed, not merely tolerated.
The Collective emerged from a network of ambitious Kindred who found themselves constrained by ossified hierarchies and performative politics. What began as informal gatherings evolved into something more when we acquired The Fremont Club—not just a base of operations, but a statement: competence over pedigree, substance over spectacle.
We've since become an influential voice in Los Angeles, proving that respectful challenge to the status quo can coexist with Camarilla loyalty.
The Fremont Club serves as our flagship initiative and base of operations. To mortals, it's an exclusive social club for ambitious young professionals. To Kindred, it's secure neutral ground where ideas flow freely and alliances are forged through honest discourse rather than backroom deals.
Beyond the club, members pursue individual initiatives leveraging our collective expertise in law, investigation, and civic engagement.
- The Fremont Club: The Coterie controls and manages the Fremont Club, a sophisticated social club and secure meeting space where free speech and vigorous debate are encouraged. Both mortal rising stars and forward-thinking Kindred gather here to exchange ideas and forge alliances.
- Professional Network: With members spanning law, investigation, and civic engagement, the Collective offers access to expertise and resources across multiple domains.
- Progressive Politics: The Collective attracts Kindred who believe the Camarilla's strength lies in adaptability and merit rather than rigid tradition, making them natural allies—or opponents—in domain politics.
- Neutral Ground: The Fremont Club's reputation for confidentiality and intellectual honesty makes it an ideal venue for sensitive negotiations or information exchange.
- TBD







