Jump to content

Cavendish: Difference between revisions

From RetroMUX
Inky (talk | contribs)
No edit summary
Inky (talk | contribs)
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!-- Entire Page Wrapper with Black Background and White Text -->
<!-- Entire Page Wrapper -->
<div style="background-color: #000000; padding:0; margin:0; font-family:sans-serif;">
<div style="background-color:#DBCFD9; color:##224036; font-family:Georgia, serif; padding:0; margin:0;">
 
<div style="width:100%; overflow:hidden; margin:0 auto; background-color: #000000">
  [[File:CavendishBanner1.jpg|center|class=none|link=|alt=Banner|1000px]]
</div>


  <!-- Banner -->
  <div style="width:100%; overflow:hidden; margin:0 auto; background-color:#DBCFD9;">
    [[File:CavendishBanner3.jpg|center|class=none|link=|alt=Banner|900px]]
   </div>
   </div>


   <!-- Top Section: Menu and Quote -->
   <!-- Top Section: Menu and Quote -->
   <div style="display:flex; flex-wrap:wrap; margin-top:0; background-color:#000000">
   <div style="display:flex; flex-wrap:wrap; background-color:#DBCFD9;">


     <!-- Menu -->
     <!-- Menu -->
     <div style="flex:1; min-width:20px; max-width:90px; padding:15px; font-family:'Courier New', monospace; border-right:1px solid #000000;">
     <div style="flex:1; min-width:100px; max-width:120px; padding:15px; font-family:'Courier New', monospace; border-right:1px solid #224036;">
       <h3>The Other</h3>
       <h3 style="color:#224036;">The Scientist</h3>
       <ul style="list-style:none; padding-left:0;">
       <ul style="list-style:none; padding-left:0; color:#224036;">
        <li>[[Cavendish|[Black]]]
      <li>[[Cavendish|[White]]]</li>
        <li>[[CavendishRed|Red]]
      <li>[[CavendishRed|Red]]</li>
        <li>[[CavendishWhite|White]]
      <li>[[CavendishBlack|Black]]</li>
       </ul>
       </ul>
     </div>
     </div>


     <!-- Quote -->
     <!-- Quote -->
     <div style="flex:2; padding:50px; text-align:left">
     <div style="flex:3; padding:10px; text-align:left; color:#224036; background-color: #DBCFD9">
       <blockquote style="font-style: italic; background-color:#000000; border-left:0; padding:0; color:#1d1d1d">
       <blockquote style="font-style:italic; border-left:4px solid #224036; padding-left:20px;">
       “̸͍̼̣̪̻̝̊͆ͅI̴̯̗̤͈͎͔̓͐̑̒ ̸̛̥͙̗͈̳̤͉͐h̶̡̛̯̣̦̾̀̅͂͗̋́͛͑a̸̰͓͚̭̣͚̅v̵̨̡̬̖͈̼̝͒͒̀̚ȩ̵̻̝̣̳͓͂̀̋̍͠ ̶̡̛̝̥͝ş̷̛̤͇̖̞͊̀͗̾͠ȩ̷̯͕̙̫̰̅̓̐̌͑̅̈́͆͝ͅĕ̴̺̻̳͉͔̠̓̃̽̉̎̐̎n̷̰̗͑̐͛͘ ̷̢́ẗ̶͇̩͚̣̮̠̣̜̫̂̔͋̒̈́̋̚̚͝h̷̢̒̑̏̇͑̄͆̈̆̅e̷̢̜̱̮͓̪͆͗̿ ̵̼̺̭̪̗̖̯̪̮̬́͛͘̕͝͠͝d̷̯̫̻̟͈̈́͑́̎́̽̏̕ͅá̷̼̘͍́̽̄̇̅̋̔̃ͅr̷͉͉̥̻̻͈̰̖̻͍̄̇͌͌͑̉̓̄̎͝ḱ̴͖̦͙̹̪̩̔̊͒͑͘ ̸̢̢̳̼͓̝͓̀̈́̀̊̈́̓̀͝u̸̦͙͘n̷̪̆̂̿̌͂̄̿̀̿̚i̸̗̹̙̜͋̈́̄͋̔͊͋͝v̶̪̓͂͆̍ē̶̤̰͍̼̈́̾̉̓̓̚͠ͅŕ̸͎̳̮̱̯͒̋͗̃̑̎̀s̶̛͍̮̟̱̟̳̉́̈̿̀͊ȩ̸̺͔͖͕̘̬̒͌̉̔̈́ ̴̥͊͒͋̒̌̑̀̕̚͝y̵̢̨͍̲̗̰̪̤̳̬̾̂̏̑̎a̸̖͙͛̊̌͋̀̕͜ẅ̶̡̰̥̜̺́̃̏̒͌̃͂̄͆̕ṉ̴̐̍́͐̄̍̀͋i̷̢͓̠̬̣̖̓͒͛͜͜͝n̷̡̢͈̖̦͉͔̭̥̯͑̓̚g̸̢̱̞̱̞̈́̔̂̒͌͒͆̏͊̚
        
̶̨̟͖̣̯̰̖̲͙͍̎͋̓W̷̛̜̦͙̫̹͍̅̽͐̍̔̇͌̓̎ḩ̶̛̯͙̰̹̪͙̺̤͐̐̉͝͝ȇ̶̛̞̑́̔͊̆̌͘ͅr̵̖͓͇̪͍̯͚̰̄̀͒̏̈e̴̦̻̖̼̫̯̞̤͛̓̈͜ͅ ̸̺̮̬͔̊̇̌̾͘t̴̟̲͍̬̰̟̼͊h̵̨̜͙͂̈͆̉̈́̎̿̚̕͝ẽ̷̮̩͕͉͙̲͋̕͘͜͝͝ͅ ̶̨̡̣͓͇͉̻͛̀b̶̛̖̙̼͙͕̱͗̀͆̔̚͜͜ͅl̴̡̫̞̻̈́â̶͖̫̭̋͋͂c̷̢̹̲͉̥̝̤̾̑̈́͌͛͆͛̕k̴̢̝̞̪̭͓͈̭͗̿͂̃ ̶͕̭̯̜͐̉͐͗̌͋͊̕̚p̶̢͇͑̀̄̋̎̈́͋͌͝ḽ̸̮͇̩̘̈́̓͒̏̑͑͊̒̚͝ä̸̡͔͈̲̦͛̒͂͒͝ͅň̶̡̩̖̟̪̤͒̏̀e̷̯̙̪̿̓͐̚͠t̷̗̣̬̪͙̝͉̒͐́̓͐̀̈́͌̌̿͜s̵̺̥͐̽͊̄̊́̾̈́͆̓ ̵̢̛̥̠̺͇̑́̄ṟ̵͔̞͚̥̉̆̄͘ͅo̷̧̭̣͛̍̋̄̏̐͠l̷̥̲̤͈̍͊̂͘͜l̴̨̫͙̫̈́͑͂̒̕͝͠ͅ ̷̞̻̮͕̩̰̼̙͑̌ŵ̴̡̻̻̼̗̮̦̞̄̉̒ͅỉ̴̖̆̃̑̾̏̅̉͝ţ̷͔̘̝̭̣̼͐ḩ̷̘̣̖̦̹̬͔̙̗́͆̀̀̓͑́ò̵̗̯̻͉́̃̆͘ư̶̼̩̺̰̬͔̩͒̍̆̈́̈́̎ţ̴̗̬̙̪̅͛̎͑͛̆͝ͅ ̶̳̜̤̠̱̝͖͙̗͛̅͊̌͋̇͑̆͒͠ͅã̵̛̹̺̪͝i̵̘̭̟̞͚̰̗̼̟͌m̷͇̙̄͒̂̒,̵̥̲̙̃̀̈́̈
      I had discovered, early in my researches, that their doctrine was no mere<br>
̸̩͚̅̈́W̸̮̜̺̲͆̀̄̃̄̽̊̊͝ḫ̵̻̝̘̎̅͋̌̾ě̶̛̯̼͎̉̎̓͂̑̌͠r̴̢̩͕̖̭͙̝͕͎̀̒͛̔̈̓͊͝ͅe̷̫̊͆̋̆̚ ̵̧̘͇̞̭̬̦̉͗̃̔ͅt̷͔̭͖̮͑̃̕h̸̛̞̖͓̽̊̎͑͛̚ẻ̷̦̈̅̌̑͠ÿ̷̮͇̱͇̑͌̽̾̑̇̕ ̷̛̪̊̌͊̎̈́͌͝r̴̡̫̺̃̏̈̋̿̐͝͝͝õ̵̧̼͖̠̩̲̖͑̅̔̚ͅl̸̩̼̜̟̥̥̪̹͎̒́ľ̵̡̢̞̳͕̎̃̈́̈́̕̚ ̴̤̟̏̒͌̀̄͝͝ͅi̸̢̦̝̗̬̖̹̊̈́̔̇ň̶͖̈́̅̍ ̵͖̞͚͈̥̞̖̞̳̽̋̽̿̓͋͌͘͠t̵͔̣̫̘̝͙̞̋̀ͅͅh̵̡̡̬̺͓͕͍̞͂̀̃̃̇̐̕ę̷̡͚̩͉̮̗̞̯͖́i̶͖̫͚̘͔̟͈̿̅̇̆r̷̡͈͚̞̹̮̐̽̄̉̓̆͝ ̵̛̦͒ẖ̸̡̌̓ó̴̙͑ŕ̶͚̟̗͈̼͈̯͝ṛ̵̢̨̯̮͈̹̗̳̬͗̉̃̓͋̋̀̏͠ö̷̢̡̢̡̫͓͓́̀͊̅̎͌́̀̉ṛ̶͈̩́̆̉͒̚̚͝ ̷͎̬̂̅̇͂̉̂͊ư̴̢͇̘̞̥͈͎̮̭͈̌̈̇̽͊n̸̤̝͚͇͎̩̹͂̓̀ḧ̶̡̢̨̨̢̛̺̯͈̺̟́̀̃͝͝ȇ̸͙̝é̵̘̦͔̼͉̖̹͓͋̈́͌̚͘͠d̵̤̩̲̠́̅͐̐e̸͍̘̜̞͈̣͛̃̆̃d̶͙̭͙̼̺͚͇͕͛̽̈́̽̒̒͆͑̍͝,̵̗̮̪̪̬͕̭͓̻͂͑̏
      chemical fantasy, but a philosophy they applied to the world, to the elements,<br>
̶̡̡̣̣̠̭̠̮̐̀W̷͉͈͉̿͑̄͛͊̊i̴̧̱͈͖̲̲̭̗̳͌͌̈́̾̽͛͒͠ͅt̷̢̛̘͗́͑̆ḧ̷̖̰̼́͐͛́͆ö̸̢̝̪͓͔͖́͛̀͗́̋͋̔́͝ͅű̷̬̟̯̰̠̤̫̜̼̟̒̿̈̇̾͊̈́̊t̷̻̻̙͆͋͑̂̑̐͝ ̸̜̎̄̊k̴̘̦̳̞̈́̑͆ņ̵̦͔͖̹̤̈́̊͋̓̀̀̈́̑̕͜͝ǫ̷͙̹̰͓̝̰̙̻̜̐̀̃̈́̈́̇w̷͓͂l̶̮͚̬̙͍̈́́é̵̢̡̲̝̈́̐̐͋͑̃̌͠ͅͅd̶̠͈͔̟͎̗̠̻̟͓͒̆̈́̔̋̈́͒͗g̶̨̛̤̖̹͕͘ḛ̸̢̩̤̩̋̏̑́͘,̴̡̘̻̙̀͑͗̇̌͜ ̸̨̱͇̦̤̺̽̏ō̶͚̞̫̥͉̱̩̦̲̊̏̉̾͒͊͗͌͠r̸͖͎̩̂̃̈́̑̒͝ͅ ̶̣̥͂l̸̳̳̃͂͌͌̌͘ͅũ̷̧̩̘̬̘̝̤̹̫̩͑̓̔͑́̚s̷̠̯̪͎̬̒͐͌̉̐͗͂̀̍̿͜ͅt̴̟̻͚̹̝̱̺̓͆r̷͍̤̤͖̤̍͌̉ĕ̵̩̯͉̥̣̖̭̙̉̏,̵̡̨̩̪̪͚̦̗̟̗̾̾̂͛͘ ̸̢͈͙̎͗ȏ̷̢̲̳̞̄r̵̲͙̱̲̯̖̭͛̎͆̄̂͐̓ ̴̢̮̻͆̑͆̓͂̽͐̽͊̋n̶̡̧̥̪̘̒͊͂͗ả̷̢͚͚̭̓͒̍̓̓m̵̗̞̤͍͇͚̤͂̒̀̄̓è̷̯̥̈́͌́͂̑̃̍͠.̸̩̖͍̞̦̭̌̋͛͗̚”̸̳̹̀̀̽̑͌̀̑̃̚
      and to man himself.<br>
̸̧̱͚̤̮͇̠̤̔́̈́͘̕―̸̻͉͙̒ ̴̡̛̛̰͝ͅH̴̙̤̰̹̾̄̆̉.̸̛̠̱̔͑̑͌̇͝ͅ ̵̢̛͙̩͈͖͈̩͈̜̎́͌̒͗̀̾ͅP̸͍̙͎̹̻͓̹͘.̵̡̛͇̱̿̂̉̓ ̶̨̻̭̯̤̹̻̠͍̾̅͐͛̍̚͠L̵̛̠̰̹̔͆̀̓̐̃͌͂͝ǫ̷͔̙̏v̸̗̊̾̔e̶̢̡̩̺̱͔̻̹͐̌̓̌͐̀̽̚͜c̷͚̻̺͚̯̉r̶͚̝̿͐͋̐̒̎̓͝a̴͕̖̜̺͋̑̊̒̒̍́ͅf̷̧̪̺͔̖̲̖̮̳͗̍̋͒̂̾̋́̈́͜͠t̵̢̢̪͓͈̹̅,̷̝̓ ̷̠͔̘͗̓̿N̵̡̘̝̪̖̈́̒̌̈́̃̽̓̓̽͝ẻ̵͓̞͋̉͆͗m̶̨͔̫̜̀̂́͗̊̐e̵͚̜̰̙̭̪͑̍̋̾́̀̾͆̕͝s̵̙̥̓͒͑̀̋͒̍͑̕͝ĭ̵̠̳̹̘͔͝s̸͙̻̥̖͊̈́͂́̀̌͆
      - W.B. Yeats, Rosa Alchemica
       
       </blockquote>
       </blockquote>
     </div>
     </div>
Line 34: Line 34:
   </div>
   </div>


<!-- Lower Section: Plot Hooks & Contacts Left, Info Box Right -->
  <!-- Main Section: Plot Hooks, Contacts, Info Box -->
<div style="display:flex; flex-wrap:wrap; margin-top:0; background-color:#000000; gap: 20px; align-items: flex-start;">
  <div style="display:flex; flex-wrap:wrap; background-color:#DBCFD9; padding:20px; gap:20px;">


  <!-- Plot Hooks & Contacts -->
    <!-- Plot Hooks & Contacts -->
  <div style="flex:2; min-width:200px; padding: 0 15px; color:white; font-family:'Courier New', monospace;">
    <div style="flex:2; min-width:250px; color:#224036; font-family:'Courier New', monospace;">
      <h3>Backstory</h3>
      <ul>
        <li>Text goes here.</li>
      </ul>
      <h3>Plot Hooks</h3>
      <ul>
        <li>Plot Hook 1: </li>
        <li>Plot Hook 2: </li>
        <li>Plot Hook 3: </li>
      </ul>
      <h3>Contacts</h3>
      <ul>
        <li>[[Ceetha|Ceetha]] Words words many many words.</li>
        <li>Contact 2</li>
        <li>Contact 3</li>
      </ul>
    </div>


     <h3>Backstory</h3>
     <!-- Info Box -->
     <ul>
     <div style="flex:1; min-width:220px; max-width:240px; background-color:#DBCFD9; border:1px solid #224036; padding:10px; color:#224036; font-family:'Courier New', monospace; margin-right: -90px">
      <li>Text goes here.</li>
       [[File:Cavendish1.png|200px|center|alt=Portrait]]
    </ul>
    <h3>Plot Hooks</h3>
    <ul>
       <li>Plot Hook 1: This is a test of things and information being put here.</li>
      <li>Plot Hook 2</li>
      <li>Plot Hook 3</li>
    </ul>


    <h3>Contacts</h3>
      <div style="text-align:left; margin-top:10px">
    <ul>
<strong>Name:</strong> Cavendish<br>
      <li>[[Ceetha| Ceetha - Words words words many many words]]</li>
<strong>Occupations:</strong> Alchemist, Test Subject, Crucible<br>
      <li>Contact 2</li>
<strong>Degrees:</strong> Occult 5 (Alchemy), Science 3, Academics 4 <br>
      <li>Contact 3</li>
<strong>Results:</strong> Vitae Mutation, Alien Perfection, Arcane 2<br>
    </ul>
      </div>
 
    </div>
  </div>
</div>
 
  <!-- Info Box with Right Offset -->
<div style="
  flex:1;
  min-width:220px;
  max-width:240px;
  background-color:#000000;
  border:1px solid #444;
  padding:10px;
  color:white;
  font-family:'Courier New', monospace;
  text-align:center;
  margin-right: -60px; /* This pushes it outside the page edge */
  z-index: 10;
  position: relative;
  box-shadow: -5px 0 10px rgba(0,0,0,0.6); /* optional shadow for depth */
">


    <!-- Portrait -->
    [[File:Cavendish1.png|200px|center|alt=Portrait]]


    <!-- Stats -->
<gallery mode="packed"; widths="500"; background-color:#DBCFD9; heights="400">
    <div style="text-align:left; margin-top:10px;">
CavendishScience.png
      <strong>Name:</strong> Cavendish<br>
BloodVials.png
      <strong>Bloodline:</strong> Kiasyd<br>
AlchemyNotes.jpeg
      <strong>RP Stats:</strong> Alien Perfection, Arcane 2, App 4<br>
BloodStill.png
      <strong>Flaws:</strong> Touch of Frost, Cold Breeze, Dreadful Mara<br>
</gallery>
      <strong>Notes:</strong> Presence warps nearby electronics. Avoid eye contact.
    </div>


  </div>
</div>


<!-- Gallery (sits beneath both columns above) -->
<div style="background-color:#000000; padding:5px;">
  <div style="display: flex; flex-wrap: wrap; gap: 0px; justify-content: flex-start;">
    <div style="flex: 1 1 calc(50% - 0px); text-align: center;">
      [[File:CavendishShadow1.png|300px]]
    </div>
    <div style="flex: 1 1 calc(50% - 0px); text-align: center;">
      [[File:CavenishShadow2.png|300px]]
    </div>
    <div style="flex: 1 1 calc(50% - 0px); text-align: center;">
      [[File:CavendishEyes.png|300px]]
    </div>
    <div style="flex: 1 1 calc(50% - 0px); text-align: center;">
      [[File:YourFourthImage.png|300px]]
    </div>
  </div>
</div>
</div>

Latest revision as of 15:58, 4 July 2025

Banner

The Scientist

I had discovered, early in my researches, that their doctrine was no mere
chemical fantasy, but a philosophy they applied to the world, to the elements,
and to man himself.
- W.B. Yeats, Rosa Alchemica

Backstory

  • Text goes here.

Plot Hooks

  • Plot Hook 1:
  • Plot Hook 2:
  • Plot Hook 3:

Contacts

  • Ceetha Words words many many words.
  • Contact 2
  • Contact 3
Portrait

Name: Cavendish
Occupations: Alchemist, Test Subject, Crucible
Degrees: Occult 5 (Alchemy), Science 3, Academics 4
Results: Vitae Mutation, Alien Perfection, Arcane 2