Lucien: Difference between revisions

From retromux
Jump to navigation Jump to search
← Older editNewer edit →
Lucien (talk | contribs)
60 edits
No edit summary
Lucien (talk | contribs)
60 edits
Undo revision 5499 by Lucien (talk)
Tag: Undo
Line 1: Line 1:
{{#css:
<div style="background-color:#2D3E2F; padding:20px; border-radius:8px; color:#F1EBD4; font-family:Georgia, serif; display:flex; gap:20px;">
/* Main Background and Font */
body {
    background-color: #2D3E2F;
    color: #F1EBD4;
    font-family: Georgia, serif;
}


/* Page Wrapper */
     <!-- Left Column: Biography and Images -->
.profile-wrapper {
     <div style="flex:3;">
    display: flex;
    gap: 20px;
    padding: 20px;
    background-color: #2D3E2F;
    border-radius: 8px;
}
 
/* Left Column (Bio, Gallery, Hooks) */
.profile-left {
    flex: 3;
}
 
/* Right Column (Fact File) */
.profile-right {
    flex: 1;
    background-color: #43584A;
    padding: 15px;
    border-radius: 6px;
}
 
/* Headers */
.profile-header, .fact-file-header {
    color: #C1B28D;
    font-size: 2em;
    text-align: center;
    border-bottom: 2px solid #6B8A73;
    padding-bottom: 10px;
}
 
.section-header {
    color:#A2BA9E;
    border-bottom: 1px solid #6B8A73;
    font-size: 1.2em;
    margin-top: 20px;
}
 
/* Image Styling */
.profile-image, .gallery-image {
    width: 100%;
    max-width: 300px;
    border: 2px solid #6B8A73;
    border-radius: 8px;
    margin: 15px 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 
/* Fact File Lists */
.fact-list {
    color: #A2BA9E;
}
 
ul {
    list-style-type: circle;
    padding-left: 20px;
}
 
ul li {
    color: #F1EBD4;
}
}}
 
<div class="profile-wrapper">
     <!-- Left Column: Biography, Gallery, Hooks -->
     <div class="profile-left">
          
          
         <!-- Header -->
         <!-- Header -->
         <div class="profile-header">
         <div style="text-align:center; font-size:2em; color:#C1B28D; border-bottom: 2px solid #6B8A73; padding-bottom:10px;">
             Lucien Xavier Montrose
             Lucien Xavier Montrose
             <br>
             <br>
Line 84: Line 12:
          
          
         <!-- Image Placeholder -->
         <!-- Image Placeholder -->
         <img class="profile-image" src="IMAGE_URL_HERE" alt="Lucien Portrait">
         <div style="text-align:center; margin:15px 0;">
        <p style="text-align:center; font-size:0.85em; color:#A2BA9E;">[Add description or caption for the image]</p>
            <img src="IMAGE_URL_HERE" alt="Lucien Portrait" style="width:100%; max-width:300px; border: 2px solid #6B8A73; border-radius:8px;">
            <p style="font-size:0.85em; color:#A2BA9E;">[Add description or caption for the image]</p>
        </div>


         <!-- Biography Sections with Placeholder Text -->
         <!-- Biography Sections -->
         <div class="section-header">Appearance</div>
         <h3 style="color:#A2BA9E; border-bottom: 1px solid #6B8A73;">Appearance</h3>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus auctor turpis sed varius tincidunt.</p>
         <p>Text</p>


         <div class="section-header">Background</div>
         <h3 style="color:#A2BA9E; border-bottom: 1px solid #6B8A73;">Background</h3>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ligula eu orci pretium tristique non id purus.</p>
         <p>Text.</p>


         <div class="section-header">Personality</div>
         <h3 style="color:#A2BA9E; border-bottom: 1px solid #6B8A73;">Personality</h3>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae vestibulum eros, at sagittis ex.</p>
         <p>Text.</p>


         <!-- RP Hooks Section -->
         <!-- Additional Image Placeholder -->
         <div class="section-header">RP Hooks</div>
         <div style="text-align:center; margin:15px 0;">
        <ul>
             <img src="SECOND_IMAGE_URL_HERE" alt="Bayou Landscape" style="width:100%; max-width:300px; border: 2px solid #6B8A73; border-radius:8px;">
            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
            <p style="font-size:0.85em; color:#A2BA9E;">[Add description or caption for the image]</p>
            <li>Curabitur malesuada metus nec justo elementum, at dignissim urna elementum.</li>
        </div>
             <li>Sed accumsan lectus a risus fermentum, eget varius nulla lacinia.</li>
            <li>Vivamus suscipit orci eu arcu consectetur, non tempus ligula dapibus.</li>
        </ul>
 
        <!-- Picture Gallery -->
        <div class="section-header">Picture Gallery</div>
        <img class="gallery-image" src="GALLERY_IMAGE_1_URL" alt="Lucien in the Bayou">
        <p style="text-align:center; font-size:0.85em; color:#A2BA9E;">[Bayou Landscape]</p>
        <img class="gallery-image" src="GALLERY_IMAGE_2_URL" alt="Lucien's Pendant">
        <p style="text-align:center; font-size:0.85em; color:#A2BA9E;">[Lucien’s Stone Pendant]</p>


     </div>
     </div>


     <!-- Right Column: Fact File -->
     <!-- Right Column: Fact File -->
     <div class="profile-right">
     <div style="flex:1; background-color:#43584A; padding:15px; border-radius:6px;">
          
          
         <!-- Fact File Header -->
         <!-- Fact File Header -->
         <div class="fact-file-header">Fact File</div>
         <div style="text-align:center; font-size:1.5em; color:#F1EBD4; margin-bottom:10px; border-bottom: 2px solid #6B8A73;">Fact File</div>
          
          
         <!-- Quick Info -->
         <!-- Quick Info -->
         <div class="fact-list">
         <div style="color:#A2BA9E;">
             <strong>Age:</strong> 129<br>
             <strong>Fact:</strong> Factoid<br>
            <strong>Breed:</strong> Homid<br>
                  </div>
            <strong>Stream:</strong> Mokole-mbembe<br>
            <strong>Varna:</strong> American Alligator<br>
        </div>
          
          
         <!-- Skills and Abilities -->
         <!-- Skills and Abilities -->
         <div class="section-header">Skills & Abilities</div>
         <h4 style="color:#C1B28D; border-bottom:1px solid #6B8A73; padding-top:10px;">Skills & Abilities</h4>
         <ul>
         <ul style="color:#F1EBD4; list-style-type:circle; padding-left:20px;">
            <li><strong>Archid Form Enhancements:</strong> Behemoth, Armored Scales, Bladed Tail, Deep Lung, Long Teeth</li>
             <li><strong>Thing:</strong> Things</li>
            <li><strong>Primary Skills:</strong> Stealth, Survival, Brawl, Lore</li>
                </ul>
             <li><strong>Gifts:</strong> Reptoid Form, Walk Between Worlds, Awe</li>
        </ul>
          
          
         <!-- Other Info -->
         <!-- Other Info -->
         <div class="section-header">Additional Details</div>
         <h4 style="color:#C1B28D; border-bottom:1px solid #6B8A73; padding-top:10px;">Additional Details</h4>
         <ul>
         <ul style="color:#F1EBD4; list-style-type:circle; padding-left:20px;">
            <li><strong>Languages:</strong> English, Mokole, Reptilian</li>
             <li><strong>Thing:</strong> Things</li>
            <li><strong>Known As:</strong> "Bonecrusher of the Delta"</li>
             <li><strong>Residence:</strong> Forgotten Bayou</li>
         </ul>
         </ul>


     </div>
     </div>
</div>
</div>

Revision as of 11:30, 12 November 2024

           Lucien Xavier Montrose
           

           "Bonecrusher of the Delta"

           <img src="IMAGE_URL_HERE" alt="Lucien Portrait" style="width:100%; max-width:300px; border: 2px solid #6B8A73; border-radius:8px;">

[Add description or caption for the image]

Appearance

Text

Background

Text.

Personality

Text.

           <img src="SECOND_IMAGE_URL_HERE" alt="Bayou Landscape" style="width:100%; max-width:300px; border: 2px solid #6B8A73; border-radius:8px;">

[Add description or caption for the image]

Fact File
           Fact: Factoid

Skills & Abilities

  • Thing: Things

Additional Details

  • Thing: Things
Retrieved from "http://retromux.org/index.php?title=Lucien&oldid=5500"