The Eidolon Collective: Difference between revisions

From LiberationMUSH Wiki
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, #2c2c2c 0%, #1a1a1a 25%, #2c2c2c 50%, #1a1a1a 75%, #2c2c2c 100%);
        background-attachment: fixed;
       }
       }


Line 35: Line 37:
         display: flex;
         display: flex;
         justify-content: center;
         justify-content: center;
        background: linear-gradient(to bottom, #3a3a3a, #2d2d2d);
        border-top: 1px solid #5a5a5a;
        border-bottom: 1px solid #5a5a5a;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
       }
       }


Line 43: Line 49:


       .navbar ul li a {
       .navbar ul li a {
         color: black;
         color: #c9b991;
         font-size: 22px;
         font-size: 22px;
         text-decoration: none;
         text-decoration: none;
         padding: 1em;
         padding: 1em;
        transition: color 0.3s ease;
       }
       }


.navbar ul li a:visited {
      .navbar ul li a:hover {
color: black;
        color: #e6d4a8;
}
        text-shadow: 0 0 8px rgba(201, 185, 145, 0.5);
      }
 
      .navbar ul li a:visited {
        color: #c9b991;
      }


       .section-label {
       .section-label {
Line 58: Line 70:
         font-size: 24px;
         font-size: 24px;
         font-weight: 600;
         font-weight: 600;
         color: #6d0000;
         color: #c9b991;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
        padding: 0.5em;
        background: linear-gradient(to right, transparent, rgba(90, 90, 90, 0.3), transparent);
       }
       }


       .banner-image {
       .banner-image {
         width: 100%;
         width: 100%;
        border-top: 1px solid #5a5a5a;
        border-bottom: 1px solid #5a5a5a;
       }
       }


Line 72: Line 89:
         width: 100%;
         width: 100%;
         display: flex;
         display: flex;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
       }
       }


Line 79: Line 97:
         justify-content: center;
         justify-content: center;
         width: 50%;
         width: 50%;
         background-color:#950000;
         background: linear-gradient(135deg, #4a1a1a 0%, #2d0000 50%, #4a1a1a 100%);
         color: #FFFFFF;
        color: #e6d4a8;
         border: 1px solid #5a5a5a;
       }
       }


Line 90: Line 109:
         font-size: 22px;
         font-size: 22px;
         font-weight: 600;
         font-weight: 600;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
      }
      .welcome-container p {
        color: #c9b991;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
       }
       }


Line 95: Line 120:
         width: 100%;
         width: 100%;
         height: auto;
         height: auto;
      }
      .about, .history, #projects, #hooks, #gallery {
        background: linear-gradient(to bottom, rgba(42, 42, 42, 0.7), rgba(26, 26, 26, 0.7));
        margin: 1em;
        padding: 1.5em;
        border: 1px solid #5a5a5a;
        border-radius: 4px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
        color: #d4d4d4;
      }
      .about p, .history p, #projects p {
        line-height: 1.6;
        color: #d4d4d4;
      }
      #hooks ul {
        color: #d4d4d4;
      }
      #hooks ul li {
        margin-bottom: 0.8em;
        line-height: 1.5;
       }
       }


Line 101: Line 150:
         flex-wrap: wrap;
         flex-wrap: wrap;
         padding: 2em 1em;
         padding: 2em 1em;
        justify-content: center;
       }
       }


Line 110: Line 160:
         margin: 1em;
         margin: 1em;
         width: 200px;
         width: 200px;
         border-style: solid;
        background: linear-gradient(135deg, #3a3a3a, #2a2a2a);
         border-radius: 1px;
         border: 2px solid #5a5a5a;
         border-color: #ff6e6e;
         border-radius: 4px;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        padding-bottom: 0.5em;
       }
       }


.board-card-img {
      .board-card:hover {
height: 200px;
        transform: translateY(-5px);
width: 100%;
        box-shadow: 0 6px 16px rgba(201, 185, 145, 0.3);
}
        border-color: #c9b991;
      }
 
      .board-card-img {
        height: 200px;
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #5a5a5a;
      }


       .board-card img {
       .board-card img {
         object-fit: cover;
         object-fit: cover;
    width: 100%;
        width: 100%;
    height: 100%;
        height: 100%;
      }
 
      .board-card div {
        color: #c9b991;
        padding: 0.3em;
        text-align: center;
       }
       }


       .board-card .sub-title {
       .board-card .sub-title {
         font-size: 14px;
         font-size: 14px;
        color: #999;
       }
       }


.gallery-container {
      .gallery-container {
padding-top: 1em;
        padding-top: 1em;
display: flex;
        display: flex;
justify-content: center;
        justify-content: center;
}
      }


#gallery ul {
      #gallery ul {
list-style-type: none;
        list-style-type: none;
}
        color: #d4d4d4;
      }


}}
}}
Line 161: Line 230:


       <div class="welcome">
       <div class="welcome">
         <div class="welcome-container left"><span>The Eidolon Collective</span><p>MISSION STATEMENT</p></div>
         <div class="welcome-container left"><span>The Eidolon Collective</span><p>Cultivating Excellence Through Discourse and Action</p></div>
         <div class="welcome-container">[[File: Camarilla symbol.png]]</div>
         <div class="welcome-container">[[File: Camarilla symbol.png]]</div>
       </div>
       </div>
Line 168: Line 237:
<div class="section-label">About</div>
<div class="section-label">About</div>


ABOUT SECTION TEXT HERE
<p>The Eidolon Collective is a coterie of accomplished Kindred who believe competence matters more than lineage alone. 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, and not merely tolerated.</p>
 
</div>
</div>


Line 176: Line 248:
<div class="section-label">History</div>
<div class="section-label">History</div>


HISTORY SECTION GOES HERE
<p>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.</p>
 
<p>We've since become an influential voice in Los Angeles, proving that respectful challenge to the status quo can coexist with Camarilla loyalty.</p>
 
</div>
</div>


Line 182: Line 257:
<div class="section-label">Projects</div>
<div class="section-label">Projects</div>


<p>About the project(s).</p>
<p>'''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.</p>
      </div>
 
<p>Beyond the club, members pursue individual initiatives leveraging our collective expertise in law, investigation, and civic engagement.</p>
 
</div>


       <div class="banner-image">[[File: LANighttime2.jpg]]</div>
       <div class="banner-image">[[File: LANighttime2.jpg]]</div>
Line 196: Line 274:
<div>[[Pris|Priscilla Albret]]</div>
<div>[[Pris|Priscilla Albret]]</div>
<div class="sub-title">Clan: Ventrue</div>
<div class="sub-title">Clan: Ventrue</div>
</div>
<div class="board-card">
<div class="board-card-img">[[File: EidolonAsenath.jpg]]</div>
<div>[[Asenath|Asenath Demoncouer]]</div>
<div class="sub-title">Clan: Toreador</div>
</div>
</div>


Line 214: Line 286:
<div>[[Mark|Mark Steele]]</div>
<div>[[Mark|Mark Steele]]</div>
<div class="sub-title">Clan: Brujah</div>
<div class="sub-title">Clan: Brujah</div>
</div>
<div class="board-card">
<div class="board-card-img">[[File: EidolonJinx.jpg]]</div>
<div>[[Jinx|Jinx]]</div>
<div class="sub-title">Clan: Gangrel</div>
</div>
</div>


Line 229: Line 307:


         <ul>
         <ul>
           <li>'''[[The Fremont Club]]:''' The Coterie controls and manages the Fremont Club, a hip and energetic social club for young professionals.</li>
           <li>'''[[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.</li>
          <li>'''Professional Network:''' With members spanning law, investigation, and civic engagement, the Collective offers access to expertise and resources across multiple domains.</li>
          <li>'''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.</li>
          <li>'''Neutral Ground:''' The Fremont Club's reputation for confidentiality and intellectual honesty makes it an ideal venue for sensitive negotiations or information exchange.</li>
         </ul>
         </ul>
       </div>
       </div>

Revision as of 03:52, 11 February 2026


The Eidolon Collective

Cultivating Excellence Through Discourse and Action

The Eidolon Collective is a coterie of accomplished Kindred who believe competence matters more than lineage alone. 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, and 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.

Clan: Ventrue
Clan: Gangrel
Clan: Brujah
Clan: Gangrel
Clan: Gangrel
  • 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.