The Eidolon Collective: Difference between revisions

From LiberationMUSH Wiki
(Created page with " In Progress Category:Coteries")
 
No edit summary
 
Line 1: Line 1:
{{#css:


.container {
        width: 100%;
        margin: auto;
        height: auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
      }


In Progress
      .header {
        position: relative;
      }


      .header-text {
        color: white;
        font-size: 28px;
        font-weight: 600;
        line-height: 22px;
        text-shadow: 2px 2px 3px black;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: "Open Sans";
      }
      .header-subtext {
        top: 55%;
        font-size: 22px;
      }
      .navbar {
        font-family: "Roboto Condensed";
        width: 100%;
        display: flex;
        justify-content: center;
      }
      .navbar ul {
        display: flex;
        list-style-type: none;
      }
      .navbar ul li a {
        color: black;
        font-size: 22px;
        text-decoration: none;
        padding: 1em;
      }
.navbar ul li a:visited {
color: black;
}
      .section-label {
        margin-top: 1em;
        text-align: center;
        font-size: 24px;
        font-weight: 600;
        color: #6d0000;
      }
      .banner-image {
        width: 100%;
      }
      .banner-image img {
        width: 100%;
      }
      .welcome {
        width: 100%;
        display: flex;
      }
      .welcome-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 50%;
        background-color:#950000;
        color: #FFFFFF;
      }
      .welcome-container.left {
        padding: 1em;
      }
      .welcome-container span {
        font-size: 22px;
        font-weight: 600;
      }
      .welcome-container img {
        width: 100%;
        height: auto;
      }
      .board-container {
        display: flex;
        flex-wrap: wrap;
        padding: 2em 1em;
      }
      .board-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 1em;
        width: 200px;
        border-style: solid;
        border-radius: 1px;
        border-color: #ff6e6e;
      }
.board-card-img {
height: 200px;
width: 100%;
}
      .board-card img {
        object-fit: cover;
    width: 100%;
    height: 100%;
      }
      .board-card .sub-title {
        font-size: 14px;
      }
.gallery-container {
padding-top: 1em;
display: flex;
justify-content: center;
}
#gallery ul {
list-style-type: none;
}
}}
<div class="container">
<div id="header" class="header">[[File: Eidolon_collective_banner.jpg]]</div>
      <div class="navbar">
<br>
        <ul>
          <li>[[#header|Home]]</li>
          <li>[[#about|About]]</li>
          <li>[[#history|History]]</li>
          <li>[[#projects|Projects]]</li>
          <li>[[#board|Board]]</li>
          <li>[[#hooks|Hooks]]</li>
          <li>[[#gallery|Gallery]]</li>
        </ul>
<br>
      </div>
      <div class="welcome">
        <div class="welcome-container left"><span>The Eidolon Collective</span><p>MISSION STATEMENT</p></div>
        <div class="welcome-container">[[File: Camarilla symbol.png]]</div>
      </div>
<div id="about" class="about">
<div class="section-label">About</div>
ABOUT SECTION TEXT HERE
</div>
<div class="banner-image">[[File: LANighttime1.jpg]]</div>
<div id="history" class="history">
<div class="section-label">History</div>
HISTORY SECTION GOES HERE
</div>
<div id="projects">
<div class="section-label">Projects</div>
<p>About the project(s).</p>
      </div>
      <div class="banner-image">[[File: LANighttime2.jpg]]</div>
      <div id="board" class="board">
        <div class="section-label">Current Members</div>
        <div class="board-container">
       
<div class="board-card">
<div class="board-card-img">[[File: EidolonPris.jpg]]</div>
<div>[[Pris|Priscilla Albret]]</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 class="board-card">
<div class="board-card-img">[[File: EidolonLucy.jpg]]</div>
<div>[[Lucy|Lucy MacSweeny]]</div>
<div class="sub-title">Clan: Gangrel</div>
</div>
<div class="board-card">
<div class="board-card-img">[[File: EidolonMark.jpg]]</div>
<div>[[Mark|Mark Steele]]</div>
<div class="sub-title">Clan: Brujah</div>
</div>
</div>
         
        </div> 
      </div>
      <div id="hooks">
        <div class="section-label">RP Hooks</div>
        <ul>
          <li>'''Hook 1:''' Text text text.</li>
          <li>'''Hook 2:''' Text text text.</li>
          <li>'''Hook 3:''' Text text text.</li>
          <li>'''Hook 4:''' Text text text.</li>
        </ul>
      </div>
      <div id="gallery">
        <div class="section-label">Gallery</div>
<div class="gallery-container">
<ul>
<li>TBD</li>
</ul>
</div>
      </div>
    </div>




[[Category:Coteries]]
[[Category:Coteries]]

Latest revision as of 18:57, 21 March 2025




The Eidolon Collective

MISSION STATEMENT

About

ABOUT SECTION TEXT HERE

History

HISTORY SECTION GOES HERE

Projects

About the project(s).

Current Members
Clan: Ventrue
Clan: Toreador
Clan: Gangrel
Clan: Brujah


RP Hooks
  • Hook 1: Text text text.
  • Hook 2: Text text text.
  • Hook 3: Text text text.
  • Hook 4: Text text text.
Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=The_Eidolon_Collective&oldid=43406"