♡♡ chuwi's f2u codes - new code 3/17/24

<!--background--> <div style="position:absolute;top:0;bottom:0;left:0; background:url(

https://images.unsplash.com/photo-1529440701349-739a457dbcdd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1378&q=80

) fixed center;background-size:cover;width:100%;z-index:-1;" alt="DESCRIBE IMG"> </div>

<!--pagedoll--> <div class="fixed-bottom hidden-sm-down" style="left:inherit;right:0;"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/56433544_mk8yQzXbGt6LJEe.png?1666617892" alt="a chibi version of navy sitting in the dark and playing on her phone with a neutral expression" style="height:250px"> </div>

<!-- warning popup --> <!-- NOTE: if u don't want it to be centered, remove "justify-content-center" --> <div class="justify-content-center"> <!-- NOTE: change the "320px" after max-width if u want it to be wider or narrower --> <div class="mb-1 fade show p-3 rounded mt-1 card card-danger text-danger bg-faded" id="collapsewarning" style="border-width: 3px; max-width: 320px;"> <div class="row no-gutters justify-content-between h4 mb-0"> <div class="text-uppercase"><i class="fas fa-exclamation-triangle"></i> Warning! </div> <div> <!-- "x" close button --> <a data-toggle="collapse" href="#collapsewarning"> <i class="fas fa-times mr-1 text-danger"></i> </a> </div> </div>

<!-- divider line --> <div> <hr class="my-2 bg-danger" style="height: 1px;"> </div>

<div> <!-- text --> this character contains sensitive themes like violence, drug abuse, war, child abuse, and exhibition of mental illness </div> <br>!!if u plan on drawing her please pay attention to the highlights in the appearance section <!-- END warning popup --> </div> </div>

<!--

TERMS OF SERVICE ✦ Please do not remove credit. ✦ You may edit and frankenstein them (if the other coder/s allow it too). ✦ You may use my codes as reference but don't heavily reference or steal chunks of it. ✦ Do not steal, claim, redistribute or make profit from my codes. This also applies to edits. ✦ You are responsible for your own edits.

NOTES ✦ Always have WYSIWYG turned OFF and Code Editor turned ON when editing. Otherwise the code will break. ✦ Please do not PM me asking to edit / fix codes for you. I'm not available for assistance but help is available in the forums at https://toyhou.se/~forums/16.htmlcss-graphics/48845 ✦ You don't have to but if you can please fave or leave a comment if you use any of my codes https://toyhou.se/~forums/16.htmlcss-graphics/128216 I'd love to see how others use them! ✦ If you enjoy my layouts please consider supporting me on Ko-fi at https://ko-fi.com/sealkitty ♥

TIPS ✦ To change the images just replace the URL within the brackets ✦ To change the colours, press ctrl + F, type in hex code you want to replace, click on + and replace "all" with a different hex code ✦ Get hex codes here: https://www.w3schools.com/colors/colors_picker.asp

ACCENT COLOURS ✦ Theme:      #ffbfd2

-->

<div class="mx-auto text-muted" style="max-width: 900px; font-size: 12px; letter-spacing: .4px;">

<div class="row no-gutters">

<!-- IMAGE 1 | Replace URL in brackets to change image ------------> <div class="col-lg-4 p-1"> <div class="card h-100" style="min-height: 240px; border: 1px solid #698196;

background: url(https://f2.toyhou.se/file/f2-toyhou-se/images/55773288_MFhwQQz2oizLvUa.png?1666144055) center no-repeat; background-size: cover;"></div>

</div>

<!-- PROFILE ------------> <div class="col-lg-8 p-1"> <div class="card p-1" style="border: 1px solid #698196;">

<div class="rounded display-3 p-2 m-1" style="font-size: 22px; background: #698196; color: #fff;"> <div class="d-flex justify-content-between text-uppercase" style="letter-spacing:2px;"> <span>Basic Info</span> <span><i class="fas fa-heartbeat fa-fw"></i></span> </div></div>

<div style="min-height: 182px;"> <div class="row no-gutters">

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Name</span></div> <span class="text-right">Navy Roshi</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">MBTI</span></div> <span class="text-right">ISTP</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Age</span></div> <span class="text-right">42</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Birthday</span></div> <span class="text-right">2/10</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Height</span></div> <span class="text-right">184cm</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Gender</span></div> <span class="text-right">female</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Species</span></div> <span class="text-right">human</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Origin</span></div> <span class="text-right">Alexandria, Egypt</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Ethnicity</span></div> <span class="text-right">Coptic, Hellenic</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Blood Type</span></div> <span class="text-right">A+</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Orientation</span></div> <span class="text-right">Aromantic/ Asexual</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Occupation</span></div> <span class="text-right">Military Officer</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Status</span></div> <span class="text-right">Alive</span> </div></div>

<div class="col-md-6 p-1"><div class="d-flex justify-content-between"> <div><span class="rounded text-truncate text-uppercase text-white px-1" style="background: #698196; letter-spacing: 1px">Rank</span></div> <span class="text-right">Syntagmatarkhis (Colonel)</span> </div></div>

<!-- Add more above this line --> </div> </div>

</div> </div>

<!-- TRIVIA -------------> <div class="col-md-4 p-1"> <div class="card p-1" style="border: 1px solid #698196;">

<div class="rounded display-3 p-2 m-1" style="font-size: 22px; background: #698196; color: #fff;"> <div class="d-flex justify-content-between text-uppercase" style="letter-spacing:2px;"> <span>Trivia</span> <span><i class="fas fa-star fa-fw"></i></span> </div></div>

<div class="p-1" style="overflow-y: auto; height: 362px;">

<!-- LIKES --> <div class="rounded text-uppercase text-white px-2" style="background: #698196; letter-spacing: 1px;">Likes</div> <ul class="fa-ul my-2"> <li class="m-1"><span class="fa-li"><i class="fas fa-heart" style="color: #698196;"></i></span>sweets</li> <li class="m-1"><span class="fa-li"><i class="fas fa-heart" style="color: #698196;"></i></span>drugs</li> <li class="m-1"><span class="fa-li"><i class="fas fa-heart" style="color: #698196;"></i></span>having authority</li> <li class="m-1"><span class="fa-li"><i class="fas fa-heart" style="color: #698196;"></i></span>kick-boxing</li>

<!-- Add more above this line --> </ul>

<!-- DISLIKES --> <div class="rounded text-uppercase text-white px-2" style="background: #698196; letter-spacing: 1px;">Dislikes</div> <ul class="fa-ul my-2"> <li class="m-1"><span class="fa-li"><i class="fas fa-skull" style="color: #698196;"></i></span>loud people</li> <li class="m-1"><span class="fa-li"><i class="fas fa-skull" style="color: #698196;"></i></span>people</li> <li class="m-1"><span class="fa-li"><i class="fas fa-skull" style="color: #698196;"></i></span>winter</li> <li class="m-1"><span class="fa-li"><i class="fas fa-skull" style="color: #698196;"></i></span>being bored</li>

<!-- Add more above this line --> </ul>

<!-- NOTES / TRIVIA --> <div class="rounded text-uppercase text-white px-2" style="background: #698196; letter-spacing: 1px;">Trivia</div> <ul class="fa-ul my-2"> <li class="m-1"><span class="fa-li"><i class="fas fa-pencil" style="color: #698196;"></i></span>has a tattoo on the inside of her right wrist of a coptic cross</li> <li class="m-1"><span class="fa-li"><i class="fas fa-pencil" style="color: #698196;"></i></span>usually wears dark blue eyeliner under her eyes</li>

<!-- Add more above this line --> </ul>

</div>

</div> </div>

<!-- IMAGE 2 | Replace URL in brackets to change image ------------> <div class="col-md-3 p-1"> <div class="card h-100" style="min-height: 400px; border: 1px solid #698196;

background: url(https://f2.toyhou.se/file/f2-toyhou-se/watermarks/54874470_Rvjcne2lh.png?1666149698) center no-repeat; background-size: cover;"></div>

</div>

<!-- ABOUT --------------> <div class="col-md-5 p-1"> <div class="card p-1" style="border: 1px solid #698196;">

<div class="rounded display-3 p-2 m-1" style="font-size: 22px; background: #698196; color: #fff;"> <div class="d-flex justify-content-between text-uppercase" style="letter-spacing:2px;"> <span>About</span> <span><i class="fas fa-book fa-fw"></i></span> </div></div>

<div class="rounded p-1" style="overflow-y: auto; height: 362px;">

<!-- PERSONALITY --> <div class="rounded text-uppercase text-white px-2" style="background: #698196; letter-spacing: 1px;">Personality</div> <div class="p-1 mb-2 text-center">

<div class="mt-2 mb-3">

<em>Distant . Observant . Manipulative . Impulsive</em>

</div><div class="my-2" style="border-bottom: 1px dashed #698196;"></div>

<p> <span style="background:#698196;">Navy</span> lives in the moment, boredom is literal torture for her to the point of being willing to rip her skin off just to feel something. But because of her big body, she often appears to be lethargic and on low energy, so to easily get her adrenaline rush, she ressorts to drug abuse, mainly cocaine. If she's on her good days, meaning she feels more energetic, she will go around and act on her violent impulses; starting fights and generally terrorising whatever poor soul crosses her path just to entertain herself. People trying to unnecessarily socialize with her and being pushed to do anything other than what she considers necessary irritate her to an unimaginable degree.

<p> Usually, when the weather's nice, she can be found outside, lazyly laying on the grass under the sun dozing off, while on colder days she locks herself in her office, ignoring everyone while playing her favourite MOBA game that she has become obsessed with recently, and focuses on getting the top rank this season. Otherwise she's either in her office getting high or spending time with Mikhail.</p>

<p> She avoids having to deal with people other than Mikhail, as she can't be bothered to deal with anyone else's nonsense. With him though, she can appear quite tolerable, often helping him out when he gets in trouble. Mikhail is the only person Navy genuinely enjoys hanging out with, and they have known each other for more than 20 years. Their friendship is the kind that they both have keys to the other's homes, and feel free to burst in as they please and act like at home.</p>

</div>

<!-- APPEARANCE --> <div class="rounded text-uppercase text-white px-2" style="background: #698196; letter-spacing: 1px;">Appearance</div> <div class="p-1">

<p> Navy has a height of 184cm and a <span style="background:698196;">muscular, mesomorphic build with a big bust</span>. Her face shape is that of a heart with a <span style="background:698196;">widow's peak</span> and has a <span style="background:698196;">strong jawline</span>. Her skin is a light brown tone w/ <span style="background:698196;">beauty marks</span>. Her <span style="background:698196;">nose</span> is thick and <span style="background:698196;">completely straight</span>, and on the bridge of it, between her eyes, there's an old scar. She's got <span style="background:698196;">droopy eyes</span> in an icy, light blue/ greyish hue with <span style="background:698196;">slightly yellow scleras</span> and thick <span style="background:698196;">high-arched eyebrows</span> contradicting them. Under her eyes, she has intense dark bags with a variety of colours; ranging from shades of purple, to reds, to yellow. Quite often she's complemented for her silky, wavy, chestnut coloured hair that's styled as a mullet. She always wears a pair of <span style="background:698196;">black studs</span> and on her <span style="background:698196;">left ear three more black piercings in cone shapes on her helix</span>. Her mouth is wide and usually a flat line and her voice, in contrast with her strong presence, is low volume and soft, many times tremulous as well.</p>

<p>Her main formal work uniform consists of a long, dark green double breasted military coat, that reaches bellow the knees with a high collar with a red egde that goes all the way around kept closed by a big golden button with the dictatorship's emblem curved on it. It has shoulder pads and red insignias on both shoulders. On the left sleeve, on the side, there's a small Hellenic flag. Underneath it, a thin, black turtleneck bodyduit is usually worn. The pants are standard formal military pants. The formal cap has a dark red base, and the Hellenic Dictatorship's emblem above it, right in the middle. The uniform is paired with either the standard military boots (arviles), or dark patent leather shoes (loustrinia). The medals can be added or excluded.</p> </div>

<!-- STORY --> <div class="rounded text-uppercase text-white px-2" style="background: #698196; letter-spacing: 1px;">Story</div> <div class="p-1">

<p> Ever since her early teenage years she was an adrenaline junkie, getting into fights, drugs, stealing, ect. She lived in poverty and her parents were neglectful. She and her three siblings (one older sister and a younger sister and brother) were born in the middle of an on-going war with two neighbouring countries, so they were deprived of a normal childhood and grew up in an unhealthy enviroment.</p>

<p> At the age of 14 she was forced into joining the army along with her older sister for four months because of a shortage in personel. She would often be described as a problem child or a delinquent by her mother and teachers. Growing up, she never was a sociable person and never had 'real' friends. Despite distant and problematic nature, she won most over with her charisma.</p>

<p> When she finally got in high school, after a bizarre series of events, she got to meet Mikhail, a spoiled only child from a wealthy family in central Patra. With time they got closer and developed a strong bond. Later in life Navy influenced MIkhail to follow her in a military career and give up on his law school prep studies. In her 3rd year of highschool she majored in chemistry and biology and was one of the top students even though she missed class quite often.</p>

<p> After graduating high school, she imediately left to start her military career. She passed the physical exams for the Military Academy with excellent marks, and managed to make a good impression in the psychometric ones. There, she chose to become an infantry personnel and after graduating she steadilly climbed up the hierarchy.</p>

<p> Over the years she developed a less destructive personality and lives a somewhat normal life,,,,, /compared with before at least. She never really got rid of her drug addiction and whenever she's bored she'll indulge into her addiction using cocaine patches.</p>

</div> </div>

</div> </div>

<!-- IMAGE 3 | Replace URL in brackets to change image ------------> <div class="col-md-4 p-1"> <div class="card h-100" style="min-height: 220px; border: 1px solid #698196;

background: url(https://f2.toyhou.se/file/f2-toyhou-se/watermarks/56080519_KR2TQOmev.png?1665850463) center no-repeat; background-size: cover;"></div>

</div>

<!-- RELATIONSHIPS ------> <div class="col-md-8 p-1"> <div class="card p-1" style="border: 1px solid #698196;">

<div class="rounded display-3 p-2 m-1" style="font-size: 22px; background: #698196; color: #fff;"> <div class="d-flex justify-content-between text-uppercase" style="letter-spacing:2px;"> <span>Relationships</span> <span><i class="fas fa-heart fa-fw"></i></span> </div></div>

<div style="overflow-y: auto; height: 256px;">

<!-- Tip: Full heart = fas fa-heart | Empty heart = far fa-heart -->

<!-- 01 ---------------> <div class="row no-gutters"> <!-- AVATAR --> <div class="col-12 col-md-3 hidden-xs-down p-1"><div class="card" style="height: 120px;

background: url(https://f2.toyhou.se/file/f2-toyhou-se/characters/7228042?1666199564) center no-repeat; background-size: cover;">

</div></div> <div class="col-12 col-md-9 p-1"> <div class="d-flex justify-content-between" style="letter-spacing: 1px;">

<!-- NAME | RELATIONSHIP --> <span><a href="https://toyhou.se/7228042.michael-laskaris" style="color: #698196;"> Mikhail</a> | Childhood friend</span>

<!-- HEARTS --> <span style="color: #698196;"><i class="fas fa-heart fa-fw"></i><i class="fas fa-heart fa-fw"></i><i class="far fa-heart fa-fw"></i><i class="far fa-heart fa-fw"></i><i class="far fa-heart fa-fw"></i></span>

</div><div class="my-1" style="border-bottom: 1px dashed #698196;"></div> <div class="p-1 mb-1">

<!-- DESCRIPTION --> <p>They met in high school and ever since they've stuck together. In the start he was just seen as another tool but over the years he kinda grew on her.</p>

</div></div></div> <!-- ------------------>

<!-- 02 ---------------> <div class="row no-gutters"> <!-- AVATAR --> <div class="col-12 col-md-3 hidden-xs-down p-1"><div class="card" style="height: 120px;

background: url(https://via.placeholder.com/200) center no-repeat; background-size: cover;">

</div></div> <div class="col-12 col-md-9 p-1"> <div class="d-flex justify-content-between" style="letter-spacing: 1px;">

<!-- NAME | RELATIONSHIP --> <span><a href="URL" style="color: #698196;"> Name</a> | Relationship</span>

<!-- HEARTS --> <span style="color: #698196;"><i class="fas fa-heart fa-fw"></i><i class="fas fa-heart fa-fw"></i><i class="fas fa-heart fa-fw"></i><i class="far fa-heart fa-fw"></i><i class="far fa-heart fa-fw"></i></span>

</div><div class="my-1" style="border-bottom: 1px dashed #698196;"></div> <div class="p-1 mb-1">

<!-- DESCRIPTION --> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Porttitor eget dolor morbi non arcu risus. Integer vitae justo eget magna. Ac felis donec et odio pellentesque diam volutpat commodo.</p>

</div></div></div> <!-- ------------------>

<!-- Add more above this line --> </div> </div>

</div></div> <!-- CREDIT | Please do not remove! -------> <div class="text-right mx-1" style="font-size: 10px;"> <a href="https://toyhou.se/6163326.-f2u-strawberry-milk"><i class="fas fa-code tooltipster" style="color: #698196;" title="Code by Sealkitty"></i></a> </div> </div></div>