Ryoko: Difference between revisions

From LiberationMUSH Wiki
No edit summary
No edit summary
Line 1: Line 1:
{{ShannonTemplate
__NOTOC__
| pagename=Ryoko Takahashi
 
| rightpanel= yes
{{#css:
| logs=yes
    img {
| color1=white
        margin-bottom: -5px;
| colorbg1=dodgerblue
      }
| color2=blue
 
| colorbg2=blue
      table {
| colorbginfobox=dodgerblue
        padding: 0 1.2em;
| photobanner=[[File:Ryoko6.jpg]]
      }
| portraitimage=[[File:Ryoko1.jpg]]
 
| portraiticon=[[File:EFD.jpg]]
      tr {
| bannerpic1=[[File:RyokoCalc.jpg]]
        margin: 0.2rem 0;
| bannerpic2=[[File:ryoko2.jpeg]]
      }
| biography=<p>Bio paragraph 1 lorem ipsum</p>
 
   <p>Bio paragraph 2 lorem ipsum</p>
      td {
| position=Researcher, Inventor, Scientist, Author
        width: 50%;
| full name=Ryoko Takahashi
      }
| apparentage=Mid 20's
 
| demeanor=Innovator
      .hooks-table td,
| height=5'3"
      .contacts-table td {
| weight=Trim
        width: auto;
| hair=Black
      }
| eyes=Brown
 
| faction=The Technocratic Union
      .hooks-table td:nth-child(1) {
| tradition=Void Engineers
        width: 25%;
| sub-tradition=Earth Frontier Division
      }
| divider1=yes
 
| divider2=yes
      .contacts-table td:nth-child(1) {
| rphooks=<table class="hooks-table">
        width: 35%;
   <tr>
      }
    <td class="hook-table-label">Hook 1:</td>
 
    <td>What a great hook to get us into RP!</td>
      table tr td:nth-child(1) {
   </tr>
        font-weight: 600;
   </table>
      }
| contacts=<table class="hooks-table">
 
    <tr>
      h2.label {
       <td class="hook-table-label">[[Ryoko]]:</td>
        margin-bottom: 0.5rem;
       <td>What an awesome contact!</td>
      }
    </tr>
 
   </table>
      .color-main {
| gallery=<ul>
        color: #7D7E83;
    <li>[[File:ryoko4.jpeg]]</li>
      }
  </ul>
 
      .color-shade-light,
      .color-shade-light td {
        color: #f4f1ef;
      }
 
      .contacts-table a {
        color: #f4f1ef !important;
      }
 
      .color-bg-light {
        background-color: #f4f1ef;
      }
 
      .color-accent-light {
        color: #958d89;
      }
 
      .color-shade-dark {
        color: #1d1b1f;
      }
 
      .color-bg-dark {
        background-color: #1d1b1f;
      }
 
      .color-accent-dark {
        color: #797c7f;
      }
 
      .color-border-light {
        border-color: #f4f1ef;
      }
 
      .w-100 {
        width: 100%;
      }
 
      .m-auto {
        margin: auto;
      }
 
      .ph-1 {
        padding: 0 1rem;
      }
    
      .flex {
        display: flex;
      }
 
      .flex-col {
        flex-direction: column;
      }
 
      .justify-center {
        justify-content: center;
      }
 
      .text-center {
        text-align: center;
      }
 
      .show-mobile {
        display: none;
      }
 
      .heroImage img {
        width: 100%;
        height: auto;
      }
 
      #topImage {
        border-bottom-width: 0.5rem;
        border-color: #111;
        border-style: solid;
      }
 
      .container {
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        width: calc(100% - 2rem);
        border-width: 1rem;
        border-color: #111;
        border-style: solid;
      }
 
      .section {
        padding: 1rem;
      }
 
      .info-section {
        width: 30%;
        border-right-width: 0.5rem;
        border-top-width: 0;
        border-left-width: 0;
        border-color: #111;
        border-style: solid;
        padding-bottom: 1rem;
      }
 
      .info-section table {
        width: 100%;
      }
    
      .info-portrait img {
        margin-bottom: 1rem;
      }
 
      .bio-section {
        width: 70%;
      }
 
      #logs-section a {
        color: #31282a;
      }
 
      #logs-section ul {
        display: flex;
        flex-wrap: wrap;
      }
 
      #logs-section li {
        width: 50%;
      }
    
      .gallery-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
    
      .gallery-container img {
        max-width: 260px;
        height: auto;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        margin: 10px;
        -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75);
        webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75);
        box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75);
      }
 
       .gallery-container img:hover {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        cursor: pointer;
      }
 
       @media only screen and (max-width: 480px) {
        .hide-mobile {
          display: none;
        }
 
        .show-mobile {
          display: block;
        }
 
        .section {
          padding: 1rem 0;
        }
 
        #top-section {
          flex-direction: column;
        }
 
        .info-section,
        .bio-section {
          width: 100%;
        }
    
        .info-section {
          border-width: 0;
          border-style: none;
        }
 
        .hooks-table td:nth-child(1) {
          width: 35%;
        }
      }
 
}}
}}
<div class="container color-bg-dark">
      <div class="heroImage w-100 hide-mobile" id="topImage">[[File:RyokoCalc.jpg]]</div>
      <div id="top-section" class="flex w-100">
        <div class="info-section flex flex-col color-bg-light">
          <div class="w-100 info-portrait">[[File:Ryoko1.jpg]]</div>
          <table>
            <tr>
              <td>Full Name:</td>
              <td>Ryoko Takahashi</td>
            </tr>
            <tr>
              <td>Position:</td>
              <td>Researcher, Inventor, Scientist, Author</td>
            </tr>
            <tr>
              <td>Demeanor:</td>
              <td>Innovator</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
            <tr>
              <td>Sphere:</td>
              <td>Mage</td>
            </tr>
            <tr>
              <td>Faction:</td>
              <td>The Union</td>
            </tr>
            <tr>
              <td>Convention:</td>
              <td>Void Engineers</td>
            </tr>
            <tr>
              <td>Methodology:</td>
              <td>Earth Frontier Division - IQAT</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
            <tr>
              <td>Height:</td>
              <td>5'4"</td>
            </tr>
            <tr>
              <td>Weight:</td>
              <td>123 lb.</td>
            </tr>
            <tr>
              <td>Hair:</td>
              <td>Black</td>
            </tr>
            <tr>
              <td>Apparent Age:</td>
              <td>Mid 20's</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <div class="w-100">[[File:EFD.jpg]]</div>
        </div>
        <div class="w-100 show-mobile">[[File:Ryoko2.jpeg]]</div>
        <div class="bio-section flex flex-col section">
          <h2 class="label color-shade-light text-center">Ryoko</h2>
          <hr class="color-shade-light" />
          <div class="color-shade-light ph-1">
            <p>background to follow </p>
 
          </div>
        </div>
      </div>
      <div class="heroImage w-100">[[File:Ryoko6.jpg]]</div>
      <div class="section color-bg-light">
        <h2 class="label color-shade-dark color-bg-light text-center">
          Roleplay Hooks
        </h2>
        <table class="hooks-table">
          <tr>
            <td>Innovation</td>
            <td>There are many fields that Ryoko studies all at once.  From Quantum Mechanics, to building new inventions, to discovering mathematical proofs, she seeks to expand her understanding of the cosmos.</td>
          </tr>
          <tr>
            <td>Aquanaut</td>
            <td>She has had much experience in exploring the depths, in submersibles as well as studying that frontier in terms of habitation within cold and extreme pressure as well as what beings can use this.</td>
          </tr>
        </table>
      </div>
      <div class="heroImage w-100">[[File:ryoko2.jpeg]]</div>
      <div class="section color-bg-dark color-shade-light">
        <h2 class="label text-center">Contacts</h2>
        <table class="contacts-table">
          <tr>
            <td>[[Ryoko|Ryoko]]</td>
            <td>test.</td>
          </tr>
        </table>
      </div>
      <div class="heroImage w-100" >[[File:ryoko2.jpeg]]</div>
      <div class="section color-bg-light color-shade-dark" id="logs-section">
        <h2 class="label text-center">Logs</h2>       
        {{#dpl:
|linksto={{PAGENAME}}
|category=Logs
|columns=3
|noresultsheader=<i>No logs have been posted yet.</i>
}}
      </div>
      <div class="heroImage w-100">[[File:ryoko2.jpeg]]</div>
      <div class="section color-bg-dark color-shade-light" id="gallery-section">
        <h2 class="label text-center">Gallery</h2>
        <div class="gallery-container">[[File:Ryoko4.jpeg]]</div>
      </div>
    </div>
[[Category:Characters]]

Revision as of 18:20, 8 January 2024



Full Name: Ryoko Takahashi
Position: Researcher, Inventor, Scientist, Author
Demeanor: Innovator
Sphere: Mage
Faction: The Union
Convention: Void Engineers
Methodology: Earth Frontier Division - IQAT
Height: 5'4"
Weight: 123 lb.
Hair: Black
Apparent Age: Mid 20's

Ryoko

background to follow


Roleplay Hooks

Innovation There are many fields that Ryoko studies all at once. From Quantum Mechanics, to building new inventions, to discovering mathematical proofs, she seeks to expand her understanding of the cosmos.
Aquanaut She has had much experience in exploring the depths, in submersibles as well as studying that frontier in terms of habitation within cold and extreme pressure as well as what beings can use this.

Contacts

Ryoko test.

Logs

       No logs have been posted yet.
Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Ryoko&oldid=36269"