Difference between revisions of "Yue"

From City of Hope MUSH
Jump to navigation Jump to search
Line 1: Line 1:
{{#css:WangYue.css}}
+
<div class="container">
 +
<div class="top-section">
 +
<div class="left-panel">
  
<div class="container">
+
<div class="portrait-image">[[File:.jpg]]</div>
      <div class="top-section">
 
        <div class="left-panel">
 
  
          <div class="portrait-image">[[File:.jpg]]</div>
+
<table class="info-table">
 +
<tr>
 +
<td class="info-table-label">Full Name:</td>
 +
<td>Wang Yue (黄景瑜)</td>
 +
</tr>
 +
<tr>
 +
<td class="info-table-label">Position:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
<tr>
 +
<td class="info-table-label">Demeanor:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
<tr>
 +
<td class="info-table-label">Apparent Age:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
</table>
 +
 +
<hr style="width: 90%" />
  
          <table class="info-table">
+
<table class="info-table">
            <tr>
+
<tr>
              <td class="info-table-label">Full Name:</td>
+
<td class="info-table-label">Height:</td>
              <td>Wang Yue (黄景瑜)</td>
+
<td>6'1"</td>
            </tr>
+
</tr>
            <tr>
+
<tr>
              <td class="info-table-label">Position:</td>
+
<td class="info-table-label">Weight:</td>
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
+
<td>198lbs</td>
            </tr>
+
</tr>
            <tr>
+
<tr>
              <td class="info-table-label">Demeanor:</td>
+
<td class="info-table-label">Hair:</td>
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
+
<td>Short black</td>
            </tr>
+
</tr>
            <tr>
+
<tr>
              <td class="info-table-label">Apparent Age:</td>
+
<td class="info-table-label">Eyes:</td>
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
+
<td>Winter storm grey</td>
            </tr>
+
</tr>
          </table>
+
</table>
          <hr style="width: 90%" />
 
          <table class="info-table">
 
            <tr>
 
              <td class="info-table-label">Height:</td>
 
              <td>6'1"</td>
 
            </tr>
 
            <tr>
 
              <td class="info-table-label">Weight:</td>
 
              <td>198lbs</td>
 
            </tr>
 
            <tr>
 
              <td class="info-table-label">Hair:</td>
 
              <td>Short black</td>
 
            </tr>
 
            <tr>
 
              <td class="info-table-label">Eyes:</td>
 
              <td>Winter storm grey</td>
 
            </tr>
 
          </table>
 
          <hr style="width: 90%" />
 
          <table class="info-table">
 
            <tr>
 
              <td class="info-table-label">Hometown:</td>
 
              <td>Lanzhou, Gansu Province, China</td>
 
            </tr>
 
            <tr>
 
              <td class="info-table-label">Race:</td>
 
              <td>Kitsune</td>
 
            </tr>
 
            <tr>
 
              <td class="info-table-label">Faction:</td>
 
              <td>Gaian</td>
 
            </tr>
 
            <tr>
 
              <td class="info-table-label">Title:</td>
 
              <td>Lorem ipsum</td>
 
            </tr>
 
          </table>
 
          <hr style="width: 90%" />
 
  
          <div class="icon">[[File:Kitsune.png]]</div>
+
<hr style="width: 90%" />
         
 
        </div>
 
  
        <div class="right-panel">
+
<table class="info-table">
 +
<tr>
 +
<td class="info-table-label">Hometown:</td>
 +
<td>Lanzhou, Gansu Province, China</td>
 +
</tr>
 +
<tr>
 +
<td class="info-table-label">Race:</td>
 +
<td>Kitsune</td>
 +
</tr>
 +
<tr>
 +
<td class="info-table-label">Faction:</td>
 +
<td>Gaian</td>
 +
</tr>
 +
<tr>
 +
<td class="info-table-label">Title:</td>
 +
<td>Lorem ipsum</td>
 +
</tr>
 +
</table>
  
          <div class="header-container">
+
<hr style="width: 90%" />
            <div class="header-title center underline">Wang Yue (黄景瑜)</div>
 
          </div>
 
  
          <div class="photo-banner">[[File:.jpg]]</div>
+
<div class="icon">[[File:Kitsune.png]]</div>
  
          <div class="biography-container">
+
</div>
            <div class="label center underline">Biography</div>
 
  
            <p>
+
<div class="right-panel">
             
 
  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra tincidunt est non semper. Sed ut vestibulum arcu, id sollicitudin nibh. Quisque nec quam risus. Praesent vitae odio mi. Mauris arcu odio, mattis non elementum laoreet, hendrerit eget nunc. Maecenas pretium turpis et tortor porttitor, non consequat magna dignissim. Sed posuere elit sed tempor molestie.
+
<div class="header-container">
 +
<div class="header-title center underline">Wang Yue (黄景瑜)</div>
 +
</div>
  
Donec ligula nibh, blandit non convallis eget, tempus ac enim. Morbi ullamcorper a purus a iaculis. Quisque convallis velit efficitur aliquet pretium. Quisque cursus lacinia quam, a mattis nulla lobortis quis. Suspendisse elementum faucibus risus ac auctor. Sed tristique porta ligula in tristique. Sed posuere pretium libero sit amet pretium. Vivamus pretium mi ex, et porta augue interdum vitae. Pellentesque maximus blandit maximus. Integer vel libero et est gravida tincidunt. Ut rutrum magna in justo tincidunt, sit amet elementum dui vulputate. Vestibulum quis sem justo. Sed ultrices ipsum eu mi bibendum, at laoreet dui lobortis. Integer et lectus nec orci finibus auctor volutpat ac massa. Etiam ac purus dictum, elementum tellus non, semper mauris. Donec sagittis lorem id orci fermentum suscipit.
+
<!-- <div class="photo-banner">[[File:.jpg]]</div> -->
            </p>
 
            <p>
 
             
 
  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra tincidunt est non semper. Sed ut vestibulum arcu, id sollicitudin nibh. Quisque nec quam risus. Praesent vitae odio mi. Mauris arcu odio, mattis non elementum laoreet, hendrerit eget nunc. Maecenas pretium turpis et tortor porttitor, non consequat magna dignissim. Sed posuere elit sed tempor molestie.
+
<div class="biography-container">
 +
<div class="label center underline">Biography</div>
  
Donec ligula nibh, blandit non convallis eget, tempus ac enim. Morbi ullamcorper a purus a iaculis. Quisque convallis velit efficitur aliquet pretium. Quisque cursus lacinia quam, a mattis nulla lobortis quis. Suspendisse elementum faucibus risus ac auctor. Sed tristique porta ligula in tristique. Sed posuere pretium libero sit amet pretium. Vivamus pretium mi ex, et porta augue interdum vitae. Pellentesque maximus blandit maximus. Integer vel libero et est gravida tincidunt. Ut rutrum magna in justo tincidunt, sit amet elementum dui vulputate. Vestibulum quis sem justo. Sed ultrices ipsum eu mi bibendum, at laoreet dui lobortis. Integer et lectus nec orci finibus auctor volutpat ac massa. Etiam ac purus dictum, elementum tellus non, semper mauris. Donec sagittis lorem id orci fermentum suscipit.  
+
<p>
            </p>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra tincidunt est non semper. Sed ut vestibulum arcu, id sollicitudin nibh. Quisque nec quam risus. Praesent vitae odio mi. Mauris arcu odio, mattis non elementum laoreet, hendrerit eget nunc. Maecenas pretium turpis et tortor porttitor, non consequat magna dignissim. Sed posuere elit sed tempor molestie.
  
          </div>
+
Donec ligula nibh, blandit non convallis eget, tempus ac enim. Morbi ullamcorper a purus a iaculis. Quisque convallis velit efficitur aliquet pretium. Quisque cursus lacinia quam, a mattis nulla lobortis quis. Suspendisse elementum faucibus risus ac auctor. Sed tristique porta ligula in tristique. Sed posuere pretium libero sit amet pretium. Vivamus pretium mi ex, et porta augue interdum vitae. Pellentesque maximus blandit maximus. Integer vel libero et est gravida tincidunt. Ut rutrum magna in justo tincidunt, sit amet elementum dui vulputate. Vestibulum quis sem justo. Sed ultrices ipsum eu mi bibendum, at laoreet dui lobortis. Integer et lectus nec orci finibus auctor volutpat ac massa. Etiam ac purus dictum, elementum tellus non, semper mauris. Donec sagittis lorem id orci fermentum suscipit.
        </div>
+
</p>
      </div>
+
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra tincidunt est non semper. Sed ut vestibulum arcu, id sollicitudin nibh. Quisque nec quam risus. Praesent vitae odio mi. Mauris arcu odio, mattis non elementum laoreet, hendrerit eget nunc. Maecenas pretium turpis et tortor porttitor, non consequat magna dignissim. Sed posuere elit sed tempor molestie.
  
      <div class="hooks-container">
+
Donec ligula nibh, blandit non convallis eget, tempus ac enim. Morbi ullamcorper a purus a iaculis. Quisque convallis velit efficitur aliquet pretium. Quisque cursus lacinia quam, a mattis nulla lobortis quis. Suspendisse elementum faucibus risus ac auctor. Sed tristique porta ligula in tristique. Sed posuere pretium libero sit amet pretium. Vivamus pretium mi ex, et porta augue interdum vitae. Pellentesque maximus blandit maximus. Integer vel libero et est gravida tincidunt. Ut rutrum magna in justo tincidunt, sit amet elementum dui vulputate. Vestibulum quis sem justo. Sed ultrices ipsum eu mi bibendum, at laoreet dui lobortis. Integer et lectus nec orci finibus auctor volutpat ac massa. Etiam ac purus dictum, elementum tellus non, semper mauris. Donec sagittis lorem id orci fermentum suscipit.
        <div class="label center underline white">Roleplay Hooks</div>
+
</p>
  
        <div class="hooks-content">
+
</div>
          <table class="hooks-table">
+
</div>
            <tr>
+
</div>
              <td class="hook-table-label">Hook1:</td>
 
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 
            </tr>
 
            <tr>
 
              <td class="hook-table-label">Hook2:</td>
 
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 
            </tr>
 
            <tr>
 
              <td class="hook-table-label">Hook3:</td>
 
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 
            </tr>
 
            <tr>
 
              <td class="hook-table-label">Hook4:</td>
 
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 
            </tr>
 
            <tr>
 
              <td class="hook-table-label">Hook5:</td>
 
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 
            </tr>
 
            <tr>
 
              <td class="hook-table-label">Hook6:</td>
 
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 
            </tr>
 
            <tr>
 
              <td class="hook-table-label">Hook7:</td>
 
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 
            </tr>
 
            <tr>
 
              <td class="hook-table-label">Hook8:</td>
 
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 
            </tr>
 
          </table>
 
 
 
          <div class="anim-gif">[[File:.gif]]</div>
 
        </div>
 
       
 
      </div>
 
  
      <div class="photo-banner mid-banner">[[File:.jpg]]</div>
+
<div class="hooks-container">
 +
<div class="label center underline white">Roleplay Hooks</div>
  
      <div class="contacts-container">
+
<div class="hooks-content">
        <div class="label center white underline">Contacts</div>
+
<table class="hooks-table">
 +
<tr>
 +
<td class="hook-table-label">Hook1:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
<tr>
 +
<td class="hook-table-label">Hook2:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
<tr>
 +
<td class="hook-table-label">Hook3:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
<tr>
 +
<td class="hook-table-label">Hook4:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
<tr>
 +
<td class="hook-table-label">Hook5:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
<tr>
 +
<td class="hook-table-label">Hook6:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
<tr>
 +
<td class="hook-table-label">Hook7:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
<tr>
 +
<td class="hook-table-label">Hook8:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
</table>
  
        <div class="hooks-content">
+
<div class="anim-gif">[[File:.gif]]</div>
          <div class="anim-gif">[[File:.gif]]</div>
+
</div>
          <table class="hooks-table">
+
</div>
            <tr>
 
              <td class="hook-table-label">[[Name]]:</td>
 
              <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 
            </tr>
 
          </table>
 
        </div>
 
      </div>
 
  
      <div class="logs-container">
+
<div class="photo-banner mid-banner">[[File:.jpg]]</div>
        <div class="label center underline">Logs</div>
 
<DynamicPageList>
 
  category=Yue
 
  category=Logs
 
  ordermethod=sortkey
 
  order=ascending
 
  mode=none
 
</DynamicPageList>
 
      </div>
 
  
      <div class="photo-banner mid-banner">[[File:.jpg]]</div>
+
<div class="contacts-container">
 +
<div class="label center white underline">Contacts</div>
  
      <div class="gallery-container">
+
<div class="hooks-content">
        <div class="label center white underline">Gallery</div>
+
<div class="anim-gif">[[File:.gif]]</div>
 +
<table class="hooks-table">
 +
<tr>
 +
<td class="hook-table-label">[[Name]]:</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
</table>
 +
</div>
 +
</div>
  
<div class="gallery-content">
+
<div class="logs-container">
<ul>
+
<div class="label center underline">Logs</div>
<li>[[File:.jpg]]</li>
+
<DynamicPageList>
<li>[[File:.jpg]]</li>
+
category=Yue
<li>[[File:.jpg]]</li>
+
category=Logs
 +
ordermethod=sortkey
 +
order=ascending
 +
mode=none
 +
</DynamicPageList>
 +
</div>
  
</ul>
+
<div class="photo-banner mid-banner">[[File:.jpg]]</div>
  
 +
<div class="gallery-container">
 +
<div class="label center white underline">Gallery</div>
 +
<div class="gallery-content">
 +
<ul>
 +
<li>[[File:.jpg]]</li>
 +
<li>[[File:.jpg]]</li>
 +
<li>[[File:.jpg]]</li>
 +
</ul>
 +
</div>
 +
</div>
 
</div>
 
</div>
      </div>
 
  
    </div>
+
[[Category:PCs]][[Category:Active PCs]][[Category:Shifter]][[Category:Kojin]][[Category:Kitsune]][[Category:Shen]][[Category:Chinatown]][[Category:Gaian]]
  
 
+
{{#css:WangYue.css}}
 
 
 
 
[[Category:PCs]][[Category:Active PCs]][[Category:Shifter]][[Category:Kojin]][[Category:Kitsune]][[Category:Shen]][[Category:Chinatown]][[Category:Gaian]]
 

Revision as of 14:08, 7 November 2024

Full Name: Wang Yue (黄景瑜)
Position: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Demeanor: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Apparent Age: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Height: 6'1"
Weight: 198lbs
Hair: Short black
Eyes: Winter storm grey

Hometown: Lanzhou, Gansu Province, China
Race: Kitsune
Faction: Gaian
Title: Lorem ipsum

Kitsune.png
Wang Yue (黄景瑜)


Biography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra tincidunt est non semper. Sed ut vestibulum arcu, id sollicitudin nibh. Quisque nec quam risus. Praesent vitae odio mi. Mauris arcu odio, mattis non elementum laoreet, hendrerit eget nunc. Maecenas pretium turpis et tortor porttitor, non consequat magna dignissim. Sed posuere elit sed tempor molestie. Donec ligula nibh, blandit non convallis eget, tempus ac enim. Morbi ullamcorper a purus a iaculis. Quisque convallis velit efficitur aliquet pretium. Quisque cursus lacinia quam, a mattis nulla lobortis quis. Suspendisse elementum faucibus risus ac auctor. Sed tristique porta ligula in tristique. Sed posuere pretium libero sit amet pretium. Vivamus pretium mi ex, et porta augue interdum vitae. Pellentesque maximus blandit maximus. Integer vel libero et est gravida tincidunt. Ut rutrum magna in justo tincidunt, sit amet elementum dui vulputate. Vestibulum quis sem justo. Sed ultrices ipsum eu mi bibendum, at laoreet dui lobortis. Integer et lectus nec orci finibus auctor volutpat ac massa. Etiam ac purus dictum, elementum tellus non, semper mauris. Donec sagittis lorem id orci fermentum suscipit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra tincidunt est non semper. Sed ut vestibulum arcu, id sollicitudin nibh. Quisque nec quam risus. Praesent vitae odio mi. Mauris arcu odio, mattis non elementum laoreet, hendrerit eget nunc. Maecenas pretium turpis et tortor porttitor, non consequat magna dignissim. Sed posuere elit sed tempor molestie. Donec ligula nibh, blandit non convallis eget, tempus ac enim. Morbi ullamcorper a purus a iaculis. Quisque convallis velit efficitur aliquet pretium. Quisque cursus lacinia quam, a mattis nulla lobortis quis. Suspendisse elementum faucibus risus ac auctor. Sed tristique porta ligula in tristique. Sed posuere pretium libero sit amet pretium. Vivamus pretium mi ex, et porta augue interdum vitae. Pellentesque maximus blandit maximus. Integer vel libero et est gravida tincidunt. Ut rutrum magna in justo tincidunt, sit amet elementum dui vulputate. Vestibulum quis sem justo. Sed ultrices ipsum eu mi bibendum, at laoreet dui lobortis. Integer et lectus nec orci finibus auctor volutpat ac massa. Etiam ac purus dictum, elementum tellus non, semper mauris. Donec sagittis lorem id orci fermentum suscipit.

Roleplay Hooks
Hook1: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Hook2: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Hook3: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Hook4: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Hook5: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Hook6: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Hook7: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Hook8: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Contacts
Name: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Logs

No pages meet these criteria.