Hotaru: Difference between revisions
From TowersWiki
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
__NOTOC__ | |||
{{#css: | |||
{ | @import 'https://fonts.googleapis.com/css2?family=Protest+Revolution:wght@400;700&&family=Quicksand'; | ||
{ | |||
img { | |||
margin-bottom: -5px; | |||
} | |||
table { | |||
padding: 0 1.2em; | |||
} | |||
tr { | |||
margin: 0.2rem 0; | |||
} | |||
td { | |||
width: 50%; | |||
} | |||
.hooks-table td, | |||
.contacts-table td { | |||
width: auto; | |||
} | |||
.hooks-table td:nth-child(1) { | |||
width: 25%; | |||
} | |||
.contacts-table td:nth-child(1) { | |||
width: 35%; | |||
} | |||
table tr td:nth-child(1) { | |||
font-weight: 600; | |||
} | |||
h2.label { | |||
margin-bottom: 0.5rem; | |||
} | |||
.color-main { | |||
color: #7D7E83; | |||
} | |||
.color-shade-light, | |||
.color-shade-light td { | |||
color: #000000; | |||
} | |||
.contacts-table a { | |||
color: #000000 !important; | |||
} | |||
.color-bg-light { | |||
background-color: #f4f1ef; | |||
} | |||
.color-accent-light { | |||
color: #000000; | |||
} | |||
.color-shade-dark { | |||
color: #830303; | |||
} | |||
.color-bg-dark { | |||
background-color: #830303; | |||
} | |||
.color-accent-dark { | |||
color: #3d1106; | |||
} | |||
.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: "Quicksand", serif; | |||
font-optical-sizing: auto; | |||
font-size: 16px; | |||
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%; | |||
} | |||
} | |||
</css> | |||
}} | |||
<div class="container color-bg-dark"> | |||
<div class="heroImage w-100 hide-mobile" id="topImage">[[File:Hotaruban001.png]]</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:Hotaru001.png|300px]]</div> | |||
<table> | |||
<tr> | |||
<td>Full Name:</td> | |||
<td>Hotaru Ito</td> | |||
</tr> | |||
<tr> | |||
<td>Position:</td> | |||
<td>Artisan Crafter</td> | |||
</tr> | |||
<tr> | |||
<td>Mediums:</td> | |||
<td>Blacksmithing, Jewelry</td> | |||
</tr> | |||
<tr> | |||
<td>Demeanor:</td> | |||
<td>Eye of the Storm</td> | |||
</tr> | |||
</table> | |||
<hr class="color-accent-light" /> | |||
<table> | |||
<tr> | |||
<td>Sphere:</td> | |||
<td>Mage</td> | |||
</tr> | |||
<tr> | |||
<td>Tradition:</td> | |||
<td>Euthanatos</td> | |||
</tr> | |||
<tr> | |||
<td>Subfaction:</td> | |||
<td>Chakravanti</td> | |||
</tr> | |||
<tr> | |||
<td>Sect:</td> | |||
<td>Lhaksmists</td> | |||
</tr> | |||
<tr> | |||
<td>Chantry</td> | |||
<td>London Hydraulic Power Co-Operative</td> | |||
</tr> | |||
</table> | |||
<hr class="color-accent-light" /> | |||
<table> | |||
<tr> | |||
<td>Height:</td> | |||
<td>5'6"</td> | |||
</tr> | |||
<tr> | |||
<td>Weight:</td> | |||
<td>135 lbs.</td> | |||
</tr> | |||
<tr> | |||
<td>Hair:</td> | |||
<td>Dyed Blonde</td> | |||
</tr> | |||
<tr> | |||
<td>Eyes:</td> | |||
<td>Brown</td> | |||
</tr> | |||
<tr> | |||
<td>Apparent Age:</td> | |||
<td>Early 20's</td> | |||
</tr> | |||
</table> | |||
<div class="w-100" style="height: 153px;">[[File:Hotaru002.png|300px]]</div> | |||
</div> | |||
<div class="w-100 show-mobile">[[File:Hotaru001.png]]</div> | |||
<div class="bio-section flex flex-col section"> | |||
<h2 class="label color-shade-light text-center" style="color: black; font-family: 'Protest Revolution', serif;font-size:45px;">Her Journey Unfolds...</h2> | |||
<div class="color-shade-light ph-1" style=" font-family: "Quicksand", serif; font-optical-sizing: auto;font-size:16px;color: black;"> | |||
<p>Hotaru Ito is a second generation Japanese American whom actually spent a good portion of her life in Japan. She does not talk about her parents, but when she was twelve her Uncle, Wataru Ito, brought her back to the U.S. where she was born and raised her himself from then on. She learned his trade in blacksmithing and has been helping him as his apprentice since that time, but only recently lost him to a violent death that may have had to do with her family's ties to the underworld. Owing to not wishing to be any part of said ties, she has come to London for a new start, following her friend and roommate Zoey Kodama, to set up her smithy and jewelry shop 'Zero Edge Under'.</p> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="heroImage w-100">[[File:Hotaru002.png]]</div> | |||
<div class="section color-bg-light" style="font-family: 'Protest Revolution', serif;font-size:30px;"> | |||
<h2 class="label color-shade-dark color-bg-light text-center" style="font-family: 'Protest Revolution', serif;font-size:40px;" > | |||
Roleplay Hooks | |||
</h2> | |||
<table class="hooks-table" style="font-size:18px;"> | |||
<tr> | |||
<td>Blacksmithing</td> | |||
<td style="font-family: 'Protest Revolution', serif;">Hotaru is a talented and well-trained blacksmith in the older Japanese traditons. Though the art is usually dominated by men, she is one of the many women whom have taken up the hammer in modernity to keep alive her specialties of tamahagane blade smithing and mokume-gane jewelry craft.</td> | |||
</tr> | |||
<tr><td> </td><td></td></tr><tr><td> </td><td></td></tr> | |||
<tr> | |||
<td>Traditional brushwork</td> | |||
<td style="font-family: 'Protest Revolution', serif;">Brushwork is also a skillset that Hotaru pursues, though to a lesser extent than her metalwork. She practices shodo (Japanese calligraphy), Gansai (Japanese watercolor painting) and sumi-e (a Japanese drawing technique that uses brushed ink or water colors) with some proficiency.</td> | |||
</tr> | |||
<tr><td> </td><td></td></tr><tr><td> </td><td></td></tr> | |||
<tr> | |||
<td>Martial Arts</td> | |||
<td>Hotaru studies the martial arts, but they are more a form of exercise for her. Her Uncle thought she should know how to use the blades she forged, and she had enough of an interest to excel but has never taken the Kendo Dan exams so holds no actual official ranks.</td> | |||
</tr> | |||
</table> | |||
</div> | |||
<div class="heroImage w-100">[[File:Hotaru003.png]]</div> | |||
<div class="section color-bg-dark color-shade-light"> | |||
<h2 class="label text-center" style="font-family: 'Protest Revolution', serif;font-size:40px;color: black;">Soundtrack</h2> | |||
<table class="contacts-table" style="font-size:20px;"> | |||
<tr> | |||
<td>Artist </td> | |||
<td>Song</td> | |||
</tr> | |||
</table> | |||
</div> | |||
<div class="section color-bg-dark color-shade-light"> | |||
<h2 class="label text-center" style="font-family: 'Protest Revolution', serif;font-size:40px;color: black;">Contacts</h2> | |||
<table class="contacts-table" style="font-size:20px;color: black;"> | |||
<tr> | |||
<td>[[Zoey|Zoey]]</td> | |||
<td>My roomie, and my best friend in the world. </td> | |||
</tr> | |||
</table> | |||
</div> | |||
<div class="heroImage w-100">[[File:Hotaru004.png]]</div> | |||
<div class="section color-bg-dark color-shade-light" id="gallery-section"> | |||
<h2 class="label text-center" style="font-family: 'Protest Revolution', serif;font-size:32px; color: black;font-size:40px;">Gallery</h2> | |||
<div class="gallery-container">[[File:HotaruGallery1.png]]</div> | |||
<div class="gallery-container">[[File:HotaruGallery2.png]]</div> | |||
</div> | |||
</div> | |||
{{Played by | |||
| Character name = Hotaru Ito | |||
| Model name = A.I. Generated for now. | |||
| Sample = Hotaru005.png | |||
}} | |||
[[Category:Characters]][[Category:Active PC]] |
Revision as of 19:03, 31 January 2025
Full Name: | Hotaru Ito |
Position: | Artisan Crafter |
Mediums: | Blacksmithing, Jewelry |
Demeanor: | Eye of the Storm |
Sphere: | Mage |
Tradition: | Euthanatos |
Subfaction: | Chakravanti |
Sect: | Lhaksmists |
Chantry | London Hydraulic Power Co-Operative |
Height: | 5'6" |
Weight: | 135 lbs. |
Hair: | Dyed Blonde |
Eyes: | Brown |
Apparent Age: | Early 20's |
Her Journey Unfolds...
Hotaru Ito is a second generation Japanese American whom actually spent a good portion of her life in Japan. She does not talk about her parents, but when she was twelve her Uncle, Wataru Ito, brought her back to the U.S. where she was born and raised her himself from then on. She learned his trade in blacksmithing and has been helping him as his apprentice since that time, but only recently lost him to a violent death that may have had to do with her family's ties to the underworld. Owing to not wishing to be any part of said ties, she has come to London for a new start, following her friend and roommate Zoey Kodama, to set up her smithy and jewelry shop 'Zero Edge Under'.
Roleplay Hooks
Blacksmithing | Hotaru is a talented and well-trained blacksmith in the older Japanese traditons. Though the art is usually dominated by men, she is one of the many women whom have taken up the hammer in modernity to keep alive her specialties of tamahagane blade smithing and mokume-gane jewelry craft. |
Traditional brushwork | Brushwork is also a skillset that Hotaru pursues, though to a lesser extent than her metalwork. She practices shodo (Japanese calligraphy), Gansai (Japanese watercolor painting) and sumi-e (a Japanese drawing technique that uses brushed ink or water colors) with some proficiency. |
Martial Arts | Hotaru studies the martial arts, but they are more a form of exercise for her. Her Uncle thought she should know how to use the blades she forged, and she had enough of an interest to excel but has never taken the Kendo Dan exams so holds no actual official ranks. |
Soundtrack
Artist | Song |
Contacts
Zoey | My roomie, and my best friend in the world. |