Profile
my characters has themes of murders, killers and drugs in them, especially in FOLDER 02.
you've been warned!
BYI
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
YES YES YES
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
NO THANKS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
DNI
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
<!-------------------------------------------------
Pride Carrds — Asexual version.
(code by jiko)
------------------------------
RULES
→ read this thoroughly please, and maybe drop a small comment saying that you've read it? :'3
thank youu [ https://toyhou.se/~bulletins/127417.code-rules ]
→ turn OFF WYSIWYG (in your display settings)
→ turn ON Code Editor
------------------------------
TIPPY TIPS
→ insert your img links INSIDE brackets or quotation marks!!
→ looking for a good online code editor? try [ https://th.circlejourney.net/# ] !
------------------------------
PALETTE
→ black ---------------- #1c0e17
→ grey ----------------- #483742
→ white ---------------- #c5b8c2
→ purple --------------- #97438a
→ background ----------- #fefefe
→ grid-bg -------------- #ededed
→ text ----------------- #464346
use control/command + f to quickly change the colours!
------------------------------------------------->
<!--
→ the default background is a white bg with a custom grid!!
→ if you want, you can use the reverse (white grid, custom bg) here:
https://64.media.tumblr.com/2adde365cfa8297b633fe2468cf0bc05/tumblr_nnh0zu3ixz1telelro2_250.png
→ credits to [help-with-coding.tumblr.com]
-->
<div class="p-4 rounded" style="background-color:#c5b8c2;
background-image:url(https://64.media.tumblr.com/3f8d9d8c9f63a36d4e6d7162c99eea7d/tumblr_nnh0zu3ixz1telelro1_250.png);
background-color:#ededed;
background-size:#;
background-position:center;
">
<div class="mx-auto my-4 mt-sm-5" style="color:#464346; max-width:800px; font-size:10pt;">
<div class="row no-gutters">
<!-------------------------------------------------
BRIEF LOOK
------------------------------------------------->
<div class="col-lg-3 col-md-4 col-sm-6 col-10 mx-auto mt-lg-5 mb-lg-4 mb-5 mr-lg-n4" style="position:relative; z-index:2">
<!-- WEB HEADER
---------------------------------------------->
<div class="card text-right p-2 border-bottom-0" style="color:#c5b8c2; background-color:#1c0e17; border-width:2px; border-color:#1c0e17; border-radius: 0.25rem 0.25rem 0 0;">
<p>
<i class="fas fa-circle fa-fw fa-xs"></i>
<i class="fas fa-circle fa-fw fa-xs"></i>
<i class="fas fa-circle fa-fw fa-xs"></i>
</p>
</div>
<!-- CONTENT
---------------------------------------------->
<div class="card" style="background-color:#fefefe; border-width:3px; border-color:#1c0e17; border-radius: 0 0 0.25rem 0.25rem">
<div style="height:60px; background-color:#483742"></div>
<div style="height:30px; background-color:#c5b8c2"></div>
<!-- ICON --------------------------------->
<!--
→ best if 200x200 or squared
-->
<div class="text-center" style="margin-top:-70px;">
<img src="https://pbs.twimg.com/media/EkHEsoyUYAAM18E.jpg"
class="rounded-circle img-thumbnail p-1 border-0"
style="background-color:#fefefe; height:90px; width:90px; object-fit:cover;">
</div>
<!-- SUMMARY + SOCIAL LINKS ------------------------------->
<div class="p-3">
<!--
→ don't need to keep the exact info format
→ use <br> whenever you want a line break :]
-->
<p class="text-center">
<b>HENLO !!</b><br>
i'm <i>YOLKY</i>; 4TEEN <br>
asian in straya <br>
hope you find my th cool!
</p>
<div class="font-weight-bold mt-3">
<a href="LINK_HERE" class="text-reset" style="text-decoration:underline;">spotify</a>
<a href="LINK_HERE" class="text-reset" style="text-decoration:underline;">twt</a>
<a href="LINK_HERE" class="text-reset" style="text-decoration:underline;">dA</a>
<a href="LINK_HERE" class="text-reset" style="text-decoration:underline;">tumblr</a>
<!-- add more above THIS line! -->
discord#0000
</div>
</div>
</div>
</div>
<!-------------------------------------------------
MAIN CONTENT
------------------------------------------------->
<div class="col-lg ml-lg-n2">
<div class="card" style="background-color:#1c0e17; border-width:3px; border-color:#1c0e17;">
<p class="p-2 text-right" style="color:#c5b8c2; ">
<i class="fas fa-circle fa-fw fa-xs"></i>
<i class="fas fa-circle fa-fw fa-xs"></i>
<i class="fas fa-circle fa-fw fa-xs"></i>
</p>
<div class="card p-2" style="background-color:#fefefe; border-radius: 0 0 0.25rem 0.25rem">
<!-- WARNING POP UP
---------------------------------------------->
<div class="mt-n4 mx-3 ml-lg-5">
<!-- DECOR HEADER ------------------------->
<div class="card text-right mt-n5 p-2 border-bottom-0" style="color:#c5b8c2; background-color:#1c0e17; border-width:2px; border-color:#1c0e17; border-radius: 0.25rem 0.25rem 0 0;">
<p>
<i class="fas fa-circle fa-fw fa-xs"></i>
<i class="fas fa-circle fa-fw fa-xs"></i>
<i class="fas fa-circle fa-fw fa-xs"></i>
</p>
</div>
<!-- CONTENT ------------------------------>
<div class="card mb-3 p-3" style="background-color:#97438a; border-width:3px; border-color:#1c0e17; border-radius: 0 0 0.25rem 0.25rem">
<div class="row no-gutters align-items-center" style="color:#fefefe">
<div class="col-sm-auto pr-3 text-center mb-sm-0 mb-2">
<i class="fas fa-triangle-exclamation fa-fa fa-3x"></i>
</div>
<div class="col-sm">
<p>my characters has themes of <b>murders</b>, <b>killers</b> and <b>drugs</b> in them, especially in FOLDER 02.</p>
<p>you've been warned!</p>
</div>
</div>
</div>
</div>
<!-- PREFERENCES AND BOUNDARIES
---------------------------------------------->
<div class="row no-gutters ml-lg-5">
<!-- BEFORE YOU INTERACT ------------------------------->
<div class="col-6 p-1 my-auto">
<div class="card rounded-0 bg-transparent" style="border-width:2px; border-color:#483742">
<div class="p-2" style="background-color:#c5b8c2">
<div style="font-weight:800; font-size:20px">BYI</div>
</div>
<div class="p-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
</div>
</div>
</div>
<!-- LIKES ------------------------------->
<div class="col-6 p-1 text-center my-auto">
<div style="color:#97438a; font-weight:800; font-size:20px">YES YES YES</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
</p>
</div>
<!-- DISLIKES ------------------------------->
<div class="col-6 p-1 text-center my-auto">
<div style="color:#97438a; font-weight:800; font-size:20px">NO THANKS</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
</p>
</div>
<!-- DO NOT INTERACT ------------------------------->
<div class="col-6 p-1 my-auto">
<div class="card rounded-0 bg-transparent" style="border-width:2px; border-color:#483742">
<div class="p-2" style="background-color:#c5b8c2">
<div style="font-weight:800; font-size:20px">DNI</div>
</div>
<div class="p-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
</div>
</div>
</div>
</div>
<!-- add more segments above THIS line if you want -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-------------------------------------------------
CREDITS
------------------------------------------------->
<div class="mt-3 text-center small faded" style="letter-spacing:0.5px">
<a href="https://toyhou.se/16487749.-f2u-pride-carrds" class="text-reset" style="color:#HEXCODE">
( code by jiko )
</a>
<!--
→ if credits can't be seen due to background, change [text-reset] to text-dark OR text-light
or manually set the text colour at the [color:#HEXCODE] (delete [class="text-body"] first), as long as it is visible!
-->
</div>
Recent Images
No images.