What's new
  • When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Resource It's Showtime~☆

Nano

artistic shrimp
act 10: Viewfinder
mobile friendly | in character post | noscroll | link 01 | link 02
Dumdum Nano finally found out that accents weren't actually nuked during the update, so they're back in this code! I'll be updating the other codes as well. All colors can be easily changed just by editing the values in the very first border tag.

For this code, I decided to play around a bit with colors, so I have two versions up: one where the colors are mostly black, white, and grey while another which has four different colors. Due to the slightly different set up of where each color is assigned, I suggest using the greyscale (link 01) version of the code if you're fine with monotone. If you want to play around with the colors yourself, you should use the colorful version (link 02).





SomeTitle
First Lastname
Every step forward echoes a sigh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tristique tellus id arcu dictum, vitae porttitor metus sollicitudin. Pellentesque vel finibus ligula. Nunc augue leo, ornare id libero eu, dapibus tempus massa. Nulla risus augue, molestie non placerat vel, sagittis vel sem. Vestibulum dapibus finibus nunc, id accumsan lectus iaculis non. Ut lacus turpis, semper et sem vel, tincidunt scelerisque nunc. Maecenas eleifend finibus dictum. Maecenas at cursus augue. Suspendisse dignissim, nunc eu accumsan tempor, leo urna lacinia nisl, sit amet congue velit purus quis ligula. Vestibulum sit amet eros quam. Cras felis nisi, facilisis quis fermentum eu, aliquam vitae ex. Fusce ut pharetra leo. Integer varius auctor enim, nec varius neque luctus ac.

"Etiam nec mauris at eros rhoncus pulvinar."
Vestibulum elit turpis, gravida vitae interdum vitae, feugiat sit amet justo. Etiam vehicula, eros vulputate volutpat suscipit, felis risus sagittis justo, non scelerisque erat eros id tellus. Nam sed tempus mi, ut finibus ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque vestibulum orci vitae ipsum cursus, a consequat purus pharetra. Quisque vehicula condimentum quam, quis vulputate ante mattis in. In posuere lectus at pulvinar rutrum. Vivamus in ante in lacus pellentesque imperdiet. Integer vulputate urna eros, a aliquet urna rhoncus vitae. Duis venenatis metus felis, sit amet commodo est euismod quis. Donec sodales orci at nisi aliquet, ut pulvinar erat gravida. In condimentum imperdiet neque, sit amet suscipit enim luctus at. Morbi viverra tellus non nibh pulvinar scelerisque.

Nullam fermentum fermentum leo quis tempor. Curabitur porta tortor ut sem blandit mollis. Morbi pellentesque felis at tempor aliquet. Proin quis ornare sapien. Maecenas a libero aliquet, sollicitudin risus a, iaculis justo. Mauris rhoncus semper blandit. Integer vehicula at lectus nec condimentum. Mauris porta at odio a maximus. Integer nunc velit, bibendum eu interdum ut, condimentum a neque. Mauris nec elit porta, ultricies mi sed, vulputate ligula.
Code By Nano


SomeTitle
First Lastname
as I continue to bloom in that artificial flower garden
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tristique tellus id arcu dictum, vitae porttitor metus sollicitudin. Pellentesque vel finibus ligula. Nunc augue leo, ornare id libero eu, dapibus tempus massa. Nulla risus augue, molestie non placerat vel, sagittis vel sem. Vestibulum dapibus finibus nunc, id accumsan lectus iaculis non. Ut lacus turpis, semper et sem vel, tincidunt scelerisque nunc. Maecenas eleifend finibus dictum. Maecenas at cursus augue. Suspendisse dignissim, nunc eu accumsan tempor, leo urna lacinia nisl, sit amet congue velit purus quis ligula. Vestibulum sit amet eros quam. Cras felis nisi, facilisis quis fermentum eu, aliquam vitae ex. Fusce ut pharetra leo. Integer varius auctor enim, nec varius neque luctus ac.

"Etiam nec mauris at eros rhoncus pulvinar."
Vestibulum elit turpis, gravida vitae interdum vitae, feugiat sit amet justo. Etiam vehicula, eros vulputate volutpat suscipit, felis risus sagittis justo, non scelerisque erat eros id tellus. Nam sed tempus mi, ut finibus ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque vestibulum orci vitae ipsum cursus, a consequat purus pharetra. Quisque vehicula condimentum quam, quis vulputate ante mattis in. In posuere lectus at pulvinar rutrum. Vivamus in ante in lacus pellentesque imperdiet. Integer vulputate urna eros, a aliquet urna rhoncus vitae. Duis venenatis metus felis, sit amet commodo est euismod quis. Donec sodales orci at nisi aliquet, ut pulvinar erat gravida. In condimentum imperdiet neque, sit amet suscipit enim luctus at. Morbi viverra tellus non nibh pulvinar scelerisque.

Nullam fermentum fermentum leo quis tempor. Curabitur porta tortor ut sem blandit mollis. Morbi pellentesque felis at tempor aliquet. Proin quis ornare sapien. Maecenas a libero aliquet, sollicitudin risus a, iaculis justo. Mauris rhoncus semper blandit. Integer vehicula at lectus nec condimentum. Mauris porta at odio a maximus. Integer nunc velit, bibendum eu interdum ut, condimentum a neque. Mauris nec elit porta, ultricies mi sed, vulputate ligula.
Code By Nano
 

Nano

artistic shrimp
act 11: Reverie
mobile friendly | character sheet | scroll | link
A simple but hopefully neat character sheet design? It's a bit squished on mobile, but it's still readable.

For the images, I personally feel like they look much better when you edit them using some other photo editing program, but I left filters in the code itself for anyone who can't or doesn't wish to go through that trouble. There's also the option of not using filters at all, though I think it ruins the overall vibe the code is going for.

All art is by MG.

It's past 5AM. Why am I still awake?





shian
hollard
Why can't I see the colors that you see?
Basic Information
Full Name
First Lastname
Nicknames
Petnames
Epithet
Title here
Gender
He/She/They/Etc
Age
Number (##)
Date of Birth
Month nth
Race
Ethnicity or Species
Appearance
Hair Color
Descriptor
Eye Color
Descriptor
Height
#'##" (xxcm)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam. Nunc feugiat nibh rhoncus urna auctor gravida nec in purus. Maecenas dictum vestibulum varius. Praesent at dui dictum augue tempor molestie. Maecenas interdum a orci nec dictum.
Personality
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam. Nunc feugiat nibh rhoncus urna auctor gravida nec in purus. Maecenas dictum vestibulum varius. Praesent at dui dictum augue tempor molestie. Maecenas interdum a orci nec dictum.

Integer pharetra sit amet ipsum eu pellentesque. Phasellus venenatis id dolor sit amet dictum. Donec cursus sapien neque, sit amet congue ante facilisis sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla dapibus ultrices lobortis. Quisque tincidunt ex eget diam interdum, sed bibendum neque vehicula. Phasellus eget massa eu ex semper bibendum. Praesent blandit enim placerat dolor blandit lacinia sagittis eget sem. Nullam sapien ex, porttitor eu scelerisque ut, lacinia a risus.
Backstory
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam. Nunc feugiat nibh rhoncus urna auctor gravida nec in purus. Maecenas dictum vestibulum varius. Praesent at dui dictum augue tempor molestie. Maecenas interdum a orci nec dictum.

Integer pharetra sit amet ipsum eu pellentesque. Phasellus venenatis id dolor sit amet dictum. Donec cursus sapien neque, sit amet congue ante facilisis sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla dapibus ultrices lobortis. Quisque tincidunt ex eget diam interdum, sed bibendum neque vehicula. Phasellus eget massa eu ex semper bibendum. Praesent blandit enim placerat dolor blandit lacinia sagittis eget sem. Nullam sapien ex, porttitor eu scelerisque ut, lacinia a risus.
Relationships
First Surname: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam.
First Surname: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam.
First Surname: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus.
Magic
Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id. Fusce vitae est congue, efficitur arcu eu, efficitur magna. Maecenas a purus in nunc pharetra pellentesque vel lacinia sapien. Sed elementum mollis lacus, aliquet malesuada felis tempus eget. Nullam bibendum tortor in luctus laoreet. Etiam sed lacus elit. Ut eget scelerisque risus. Donec viverra felis eu tortor tristique commodo. Sed ante augue, congue non semper a, pellentesque ut erat. Vivamus non nibh quam. Nunc feugiat nibh rhoncus urna auctor gravida nec in purus. Maecenas dictum vestibulum varius. Praesent at dui dictum augue tempor molestie. Maecenas interdum a orci nec dictum.


Title 2

Integer pharetra sit amet ipsum eu pellentesque. Phasellus venenatis id dolor sit amet dictum. Donec cursus sapien neque, sit amet congue ante facilisis sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla dapibus ultrices lobortis. Quisque tincidunt ex eget diam interdum, sed bibendum neque vehicula. Phasellus eget massa eu ex semper bibendum. Praesent blandit enim placerat dolor blandit lacinia sagittis eget sem. Nullam sapien ex, porttitor eu scelerisque ut, lacinia a risus.
Extra
01.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id.
02.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare massa ante, sed ullamcorper turpis consequat id.
03.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
code by nano
 
Last edited:

pomme

𝘁𝗼 𝗲𝘅𝗶𝘀𝘁 𝗮𝗻𝗱 𝗻𝗼𝘁𝗵𝗶𝗻𝗴 𝗹𝗲𝘀𝘀
these are literally delicious. i'm in love with some pixels this is embarrassing
 

Nano

artistic shrimp
act 12: Hysteric Bullet
mobile friendly | character sheet | scroll | 4 tabs | link
This was surprisingly easy to code due to the vertical tabs.

Just like the previous code, you're free to remove the filter from the code if you don't want it to be grey-scale. However, it tends to look odd due to the CS design being meant for spot color, and you might run into trouble reading the name over the image if you remove the filter.

The art used is Yeon Hajun (Paradox Live).




first surname
  • 01
    name
    surname, firstname
    nickname
    alias
    gender
    identity (pronouns)
    age
    number (##)
    date of birth
    month nth
    position
    occupation/rank
    years working
    ##
    appearance.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse molestie mattis rutrum. Nam cursus quis nisi nec tempor. Integer lectus massa, ultrices quis sapien faucibus, luctus bibendum turpis. Suspendisse euismod iaculis dui, eget mattis nunc aliquet eget. Mauris viverra vitae arcu tristique semper. Proin feugiat a mi quis pharetra. Donec feugiat rutrum sapien, sed placerat ante scelerisque in. Praesent efficitur augue in dolor ornare molestie.
    personality.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse molestie mattis rutrum. Nam cursus quis nisi nec tempor. Integer lectus massa, ultrices quis sapien faucibus, luctus bibendum turpis. Suspendisse euismod iaculis dui, eget mattis nunc aliquet eget. Mauris viverra vitae arcu tristique semper. Proin feugiat a mi quis pharetra. Donec feugiat rutrum sapien, sed placerat ante scelerisque in. Praesent efficitur augue in dolor ornare molestie.

    Curabitur condimentum diam et vehicula malesuada. Etiam vitae imperdiet neque, in dignissim arcu. Nullam cursus felis eu justo aliquet consectetur. Quisque dapibus lorem turpis, quis tristique sapien efficitur a. Maecenas leo nibh, ultricies cursus purus ut, congue convallis felis. Suspendisse quis porta metus. Morbi sit amet semper lacus. Sed eget vestibulum felis. Cras vitae odio interdum, laoreet dui sit amet, rhoncus lacus. Donec orci orci, pulvinar vel mi et, dignissim convallis leo. Ut vel commodo erat.
01
02
03
04
code by Nano Nano
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top