isopods | [07] - info; at a glance

Nick Verghese

GENDER: male [he/him]

SEXUALITY: bisexual

AGE: 29 [january 2nd]

HEIGHT: 5'6" [1.67 m]

OCCUPATION: private investigator

< code by isopods >

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquet risus feugiat in ante metus dictum at tempor commodo. Ornare aenean euismod elementum nisi quis eleifend quam adipiscing. Venenatis urna cursus eget nunc scelerisque viverra mauris in aliquam. In nibh mauris cursus mattis molestie a iaculis at. Volutpat consequat mauris nunc congue nisi vitae. Varius sit amet mattis vulputate. Aliquam nulla facilisi cras fermentum odio eu. Nibh mauris cursus mattis molestie a iaculis. Dictum sit amet justo donec enim diam.

Posuere morbi leo urna molestie at elementum eu facilisis. Eget mi proin sed libero enim sed. Rhoncus aenean vel elit scelerisque mauris pellentesque pulvinar. Integer eget aliquet nibh praesent. Tempor id eu nisl nunc mi. Pharetra pharetra massa massa ultricies. Lacus vestibulum sed arcu non odio euismod. Justo donec enim diam vulputate ut pharetra sit amet aliquam. Amet luctus venenatis lectus magna fringilla urna porttitor. Vitae tortor condimentum lacinia quis vel eros donec ac odio.

In vitae turpis massa sed elementum tempus egestas. Felis imperdiet proin fermentum leo vel orci. Penatibus et magnis dis parturient montes nascetur. Mauris nunc congue nisi vitae suscipit tellus mauris a diam. Turpis cursus in hac habitasse platea dictumst quisque. Eget arcu dictum varius duis at consectetur lorem donec. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Gravida cum sociis natoque penatibus et. Urna neque viverra justo nec ultrices dui. Ut morbi tincidunt augue interdum velit euismod in.

Eget est lorem ipsum dolor sit. Lectus sit amet est placerat in egestas erat imperdiet. Erat nam at lectus urna. Sed id semper risus in hendrerit gravida. Cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum. Venenatis cras sed felis eget velit aliquet sagittis id. Aenean pharetra magna ac placerat. Vel fringilla est ullamcorper eget nulla facilisi. Quam nulla porttitor massa id neque aliquam vestibulum. Aliquet eget sit amet tellus cras adipiscing. Sociis natoque penatibus et magnis dis parturient montes. Eu nisl nunc mi ipsum faucibus vitae. Dui sapien eget mi proin sed. Et ligula ullamcorper malesuada proin libero nunc consequat interdum. Nulla at volutpat diam ut venenatis tellus in metus. Sociis natoque penatibus et magnis dis.

Nunc id cursus metus aliquam. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Cras adipiscing enim eu turpis. Et netus et malesuada fames ac turpis egestas sed tempus. Aliquam sem et tortor consequat id porta nibh. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Lobortis elementum nibh tellus molestie. Sit amet volutpat consequat mauris nunc congue. Scelerisque felis imperdiet proin fermentum leo vel orci porta non. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Tincidunt vitae semper quis lectus nulla at. Dapibus ultrices in iaculis nunc sed augue. Suspendisse in est ante in nibh. Nibh tortor id aliquet lectus proin nibh. Libero volutpat sed cras ornare arcu dui vivamus arcu felis. Faucibus interdum posuere lorem ipsum. Dignissim enim sit amet venenatis urna cursus.

AT A GLANCE

A simple template to jot down information about a character. I made this to give people an overview of my original character without overloading people with too much info, but feel free to use this for whatever you'd like! I'll make another version for maximalists sometime....

INSTRUCTIONS:

→ Smaller pictures work best for the Polaroid. The intended size is 200px by 200px, but anything slightly bigger or smaller is fine, too.

→ You can write as little or as much as you want in the bio portion. A scrollbar is added automatically if you write a lot.

→ You can either add an image to the background or set it to a solid color. Or get rid of it entirely! Really, Feel free to customize this template however you want, as long as you don't delete the credit. The world is your oyster.

→ Mobile-friendly, thanks to flexbox!

→ Need help or have any other questions? Let me know in the comments below!

CODE:

<raw-code>
<center>
<div style="margin: auto; background-image: url('INSERT URL HERE'); background-size: cover; background-position: center center; margin: auto; color: white; border-radius: 5px; font-family: MS Gothic; display: inline-block;">

<!-- METRICS AND BIO --!>
<div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 10px;">

<!-- PICTURE COLUMN --!>
<div style="max-width: 250px; margin: 10px;">

<!-- PICTURE -- !>
<center>
<img src="INSERT URL HERE" style="border-width: 10px 10px 50px 10px;
             border-style: solid;
             border-color: white;
             transform: rotate(4deg);
             object-fit: cover;
             object-position: center top;
             margin: 10px;
             box-shadow: 5px 5px rgba(0, 0, 0, 0.5);">

</center>
<!-- END OF PICTURE --!>
          
<!-- METRICS AND INFO --!> 
<div style="padding: 15px; text-align: left; background-color: rgba(0,0,0,0.6); border-radius: 15px;">

CHARACTER NAME

</div>

<b>GENDER:</b> BLAH BLAH<br/>
<b>SEXUALITY:</b> BLAH BLAH<br/>
<b>AGE:</b> BLAH BLAH<br/>

<!--ADD CATEGORIES ABOVE THIS LINE AS YOU SEE FIT. MAYBE LINK A PLAYLIST OR PINTEREST BOARD? THE WORLD IS YOUR OYSTER--!>

</div>
          
</div>

<!--CREDIT, DO NOT DELETE--!>
<small>< code by <a href="https://isopods.dreamwidth.org/5355.html" style="color: #f9d277;">isopods</a> ></small>
<!--CREDIT, DO NOT DELETE--!>

</div>
<!-- END OF PICTURE COLUMN --!>

<!-- START OF BIO --!>
<div style="max-width: 500px; margin: 10px;">
<div style="max-height: 500px; overflow: auto; padding: 15px; text-align: justify; background-color: rgba(0,0,0,0.6);  border-radius: 15px;">

Write as little or as much as you want!<br/><br/>

In vitae turpis massa sed elementum tempus egestas. Felis imperdiet proin fermentum leo vel orci. Penatibus et magnis dis parturient montes nascetur. Mauris nunc congue nisi vitae suscipit tellus mauris a diam. Turpis cursus in hac habitasse platea dictumst quisque. Eget arcu dictum varius duis at consectetur lorem donec. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Gravida cum sociis natoque penatibus et. Urna neque viverra justo nec ultrices dui. Ut morbi tincidunt augue interdum velit euismod in.

</div>
</div>
<!-- END OF BIO --!>

</div>
<!-- END OF METRICS AND BIO --!>

</div>
<!-- END OF CONTAINER --!>
</center>
</raw-code>

Flat | Top-Level Comments Only

Cool!

Really like this!

This is wonderful, thank you for making it!

Is this okay to use off-site (TH, Neocities, etc.) with credit kept?

Of course! (Funny you mention toyhouse because this is my own code I used on toyhouse before I was like 'this might be useful in dwrp'. if you need a th specific code i can get you it!)

That would work, I have a bookmark folder for TH codes on there LOL

here you go! it's a little bit different from the one on dreamwidth (mostly just using fontawesome icons on TH) but you should be able to modify it how you want it to look

Ah, the TH version is even better! Thank you!

[07] - info; at a glance

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject