optional game codes.

[fracturamods]

navigation. fracturarpg ←
fracturaooc ←
full nav ←
faq ←
taken ←

optional games codes.

There's no real excuse for this except sometimes it's nice to have pretty things that match the aesthetic of the game. That said! These codes are 300% optional and don't have to be used if you don't want them! However they're here if you would like to have a template for your inboxes and info pages.

ic inbox code

ic inbox
text | voice | video | action

Character pick up message goes here! Whatever they would say! If it gets too long, the box will scroll. Whether or not you like that is up to you. Here's a demo! How's it looking?

CHARACTER NAME
____'S CLASS
fragments ✦✦✧✧✧

<center><div style="height: 300px;"><raw-code> <div style="margin:0 auto;width:500px; height: 250px; display:flex; flex-wrap: wrap;"> <div style="margin:5px;padding:2%;background: #ffe2ad; width:25%; border-radius: 0 30% 0 30%;"> <img src="ICON URL" style="border-radius: 0 30% 0 30%; border: 5px #36413d solid;"> </div> <div style="margin:5px;padding:1%;background: #4c657e; width:65%; border-radius: 30% 0 30%; 0; vertical-align: middle; font-family: century gothic, avenir, sans serif; font-family: 14px; letter-spacing: 1px; color: #fff; height: 120px; overflow: scroll;"></raw-code><span style="font-family: georgia, garamond, serif; font-style: italic; font-weight: bold; letter-spacing: -2px; font-size: 24px;">ic inbox</span> text | voice | video | action "Character pick up message goes here! Something shitty they would say, blah blah. Keep it short or don't, this is what happens when it is a little too long!" <raw-code></div> <div style="margin:5px;padding:2%;background: #f29696;width:25%; border-radius: 30% 0 30% 0;"> <img src="ICON URL" style="border-radius: 30% 0 30% 0; border: 5px #36413d solid;"> </div> <div style="margin:5px;padding:1%;background: #36413d; width:65%; border-radius: 0 30%; 0 30%; font-family: century gothic, avenir, sans serif; font-family: 14px; letter-spacing: 1px; color: #ffe2ad;"></raw-code><span style="font-family: georgia, garamond, serif; font-style: italic; font-weight: bold; letter-spacing: -2px; font-size: 24px; text-transform: lowercase;">CHARACTER NAME</span> <span style="font-family: georgia, garamond, serif; font-style: italic; font-weight: bold; letter-spacing: -2px; font-size: 24px; color: #fff; text-transform: lowercase;">____'S CLASS</span> <span style="font-family: georgia, garamond, serif; font-weight: bold; letter-spacing: -2px; font-size: 24px; color: #f29696;"><i>fragments</i> ✦✦✧✧✧</span> <raw-code></div> </div> </div></raw-code></center>

profile/info code

fragments.✦ regained: --
fragment type: -- || regained in: --
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor sollicitudin quam, in fringilla purus consectetur nec. Duis sed enim nec lorem fermentum porttitor. Donec et tempus tortor, bibendum tristique orci. Aliquam gravida justo aliquam, pulvinar lectus vel, vulputate nunc.

✧ fragment: --
fragment type: --|| regained in: --

Morbi purus felis, suscipit non mollis ut, vestibulum ut lacus. Integer risus mauris, imperdiet vitae lacinia vitae, venenatis sit amet mauris. Integer blandit et velit vitae porta. Quisque semper quis lorem vel tempus. Pellentesque gravida sapien eu nisi maximus, vel pellentesque orci blandit.

✧ unknown fragment
fragment type: -- || regained in: --

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor sollicitudin quam, in fringilla purus consectetur nec. Duis sed enim nec lorem fermentum porttitor. Donec et tempus tortor, bibendum tristique orci. Aliquam gravida justo aliquam, pulvinar lectus vel, vulputate nunc.

✧ unknown fragment
fragment type: -- || regained in: --

Morbi purus felis, suscipit non mollis ut, vestibulum ut lacus. Integer risus mauris, imperdiet vitae lacinia vitae, venenatis sit amet mauris. Integer blandit et velit vitae porta. Quisque semper quis lorem vel tempus. Pellentesque gravida sapien eu nisi maximus, vel pellentesque orci blandit.

AGE: --
HEIGHT: --
WEIGHT: --
CLASS: --
EMBLEM: Tattoo of a --
FRAGMENTS: 0/?

Oh god what else should go here. Text? A quote? A tiny written bio? What do people normally put on status pages. This one scrolls too if you're nervous.

MAIN

WORLDS

IC INBOX

character name

worlds.✦ world # : world title
remixed || sniper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor sollicitudin quam, in fringilla purus consectetur nec. Duis sed enim nec lorem fermentum porttitor. Donec et tempus tortor, bibendum tristique orci. Aliquam gravida justo aliquam, pulvinar lectus vel, vulputate nunc.

✦ world 2: prom?
original ||
Morbi purus felis, suscipit non mollis ut, vestibulum ut lacus. Integer risus mauris, imperdiet vitae lacinia vitae, venenatis sit amet mauris. Integer blandit et velit vitae porta. Quisque semper quis lorem vel tempus. Pellentesque gravida sapien eu nisi maximus, vel pellentesque orci blandit.

✧ world 3 : claws & fangs
remixed/original || job

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor sollicitudin quam, in fringilla purus consectetur nec. Duis sed enim nec lorem fermentum porttitor. Donec et tempus tortor, bibendum tristique orci. Aliquam gravida justo aliquam, pulvinar lectus vel, vulputate nunc.

✧ world 4 : ???
remixed/original || job

Morbi purus felis, suscipit non mollis ut, vestibulum ut lacus. Integer risus mauris, imperdiet vitae lacinia vitae, venenatis sit amet mauris. Integer blandit et velit vitae porta. Quisque semper quis lorem vel tempus. Pellentesque gravida sapien eu nisi maximus, vel pellentesque orci blandit.

AGE: --
HEIGHT: --
WEIGHT: --
CLASS: --
EMBLEM: Tattoo of a --
FRAGMENTS: 0/?

Oh god what else should go here. Text? A quote? A tiny written bio? What do people normally put on status pages wtf. Make sure this information matches the first part!! Or don't! You can use them for different purposes if you want.

MAIN

WORLDS

IC INBOX

CHARACTER NAME

<center><raw-code><div style="width: 820px; height: 530px; overflow: hidden;"> <!--MAIN--><a name="MAIN"></a><div style="width: 800px; height: 500px; margin: 10px; display: flex; display-items: center; justify-content: center;"> <div style="background: #36413d; width: 60%; height: 100%; margin: 5px; border-radius: 0px 20% 20% 0px; border: 3px solid #ffe2ad;"></raw-code> <div style="width: 90%; height: 80%;margin: 5px; overflow: scroll; font-family: century gothic, avenir, sans serif; font-size: 14px; color: #fff; text-align: left;"><span style="font-family: georgia, garamond, serif; font-size: 32px; font-style: italic; font-weight: bold; letter-spacing: -2px;"><center>fragments.</center></span><span style="font-family: georgia, garamond, serif; font-size: 20px; font-weight: bold; letter-spacing: -2px; color: #f29696;">✦ regained: --</span> <span style="color: #f29696;font-size: 16px;">fragment type: -- || regained in: --</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor sollicitudin quam, in fringilla purus consectetur nec. Duis sed enim nec lorem fermentum porttitor. Donec et tempus tortor, bibendum tristique orci. Aliquam gravida justo aliquam, pulvinar lectus vel, vulputate nunc. <span style="font-family: georgia, garamond, serif; font-size: 20px; font-weight: bold; letter-spacing: -2px; color: #f29696;">✧ fragment: --</span> <span style="color: #f29696;font-size: 16px;">fragment type: --|| regained in: --</span> Morbi purus felis, suscipit non mollis ut, vestibulum ut lacus. Integer risus mauris, imperdiet vitae lacinia vitae, venenatis sit amet mauris. Integer blandit et velit vitae porta. Quisque semper quis lorem vel tempus. Pellentesque gravida sapien eu nisi maximus, vel pellentesque orci blandit. <span style="font-family: georgia, garamond, serif; font-size: 20px; font-weight: bold; letter-spacing: -2px; color: #f29696;">✧ unknown fragment</span> <span style="color: #f29696;font-size: 16px;">fragment type: -- || regained in: --</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor sollicitudin quam, in fringilla purus consectetur nec. Duis sed enim nec lorem fermentum porttitor. Donec et tempus tortor, bibendum tristique orci. Aliquam gravida justo aliquam, pulvinar lectus vel, vulputate nunc. <span style="font-family: georgia, garamond, serif; font-size: 20px; font-weight: bold; letter-spacing: -2px; color: #f29696;">✧ unknown fragment</span> <span style="color: #f29696;font-size: 16px;">fragment type: -- || regained in: --</span> Morbi purus felis, suscipit non mollis ut, vestibulum ut lacus. Integer risus mauris, imperdiet vitae lacinia vitae, venenatis sit amet mauris. Integer blandit et velit vitae porta. Quisque semper quis lorem vel tempus. Pellentesque gravida sapien eu nisi maximus, vel pellentesque orci blandit. </div><raw-code></div> <div style="width: 30%;"> <div style="width: 100%; height: 80%; background: #4c657e; margin: 5px; border-radius: 20% 0px 20% 0px; font-family: century gothic, avenir, sans serif; font-size: 14px; letter-spacing: 1px; line-spacing: 170%; color: #fff; border: 3px solid #ffe2ad; overflow: scroll;"></raw-code> <img src="ICON URL" style="border-radius: 100%; padding: 10px; border: 1px solid #fff;"> <b>AGE:</b> -- <b>HEIGHT:</b> -- <b>WEIGHT:</b> -- <b>CLASS:</b> -- <b>EMBLEM:</b> Tattoo of a -- <b>FRAGMENTS:</b> 0/? Oh god what else should go here. Text? A quote? A tiny written bio? What do people normally put on status pages. This one scrolls too if you're nervous. <raw-code></div> <div style="width: 100%; border-radius: 0px 20% 0px 20%; margin: 1%; background: #f29696; border: 3px solid #ffe2ad;"> <div style="width: 80%; margin: 5px; border-bottom: 1px solid #36413d;"> <a href="#MAIN" style="font-family: century gothic, avenir, sans serif; font-size: 18px; text-decoration: none;">MAIN</a> </div> <div style="width: 80%; margin: 1%; border-bottom: 1px solid #36413d;"> <a href="#WORLD" style="font-family: century gothic, avenir, sans serif; font-size: 18px; text-decoration: none;">WORLDS</a> </div> <div style="width: 80%; margin: 1%;"> <a href="IC INBOX" style="font-family: century gothic, avenir, sans serif; font-size: 18px; text-decoration: none;">IC INBOX</a> </div> </div> </div> </div> <div style="text-align:center;letter-spacing: -7px;font-family: georgia,garamond,serif;font-size:72px;font-weight: bold;font-style: italic;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:-moz-linear-gradient(left, #f08b8b 30%, #435a73 50%, #ffdda4 70%);background-image:-webkit-linear-gradient(left, #f08b8b 30%, #435a73 50%, #ffdda4 70%);background-image:linear-gradient(to right, #f08b8b 30%, #435a73 50%, #ffdda4 70%); position: relative; top: -70px; left: -130px; text-transform: lowercase;">character name</div> <!--END MAIN--> <!--START WORLD--> <a name="WORLD"></a><div style="width: 800px; height: 500px; margin: 10px; display: flex; display-items: center; justify-content: center;"> <div style="background: #36413d; width: 60%; height: 100%; margin: 5px; border-radius: 0px 20% 20% 0px; border: 3px solid #ffe2ad;"></raw-code> <div style="width: 90%; height: 80%;margin: 5px; overflow: scroll; font-family: century gothic, avenir, sans serif; font-size: 14px; color: #fff; text-align: left;"><span style="font-family: georgia, garamond, serif; font-size: 32px; font-style: italic; font-weight: bold; letter-spacing: -2px;"><center>worlds.</center></span><span style="font-family: georgia, garamond, serif; font-size: 20px; font-weight: bold; letter-spacing: -2px; color: #ffe2ad;">✦ world # : world title</span> <span style="color: #ffe2ad;font-size: 16px;">remixed || sniper</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor sollicitudin quam, in fringilla purus consectetur nec. Duis sed enim nec lorem fermentum porttitor. Donec et tempus tortor, bibendum tristique orci. Aliquam gravida justo aliquam, pulvinar lectus vel, vulputate nunc. <span style="font-family: georgia, garamond, serif; font-size: 20px; font-weight: bold; letter-spacing: -2px; color: #ffe2ad;">✦ world 2: prom?</span> <span style="color: #ffe2ad;font-size: 16px;">original || </span> Morbi purus felis, suscipit non mollis ut, vestibulum ut lacus. Integer risus mauris, imperdiet vitae lacinia vitae, venenatis sit amet mauris. Integer blandit et velit vitae porta. Quisque semper quis lorem vel tempus. Pellentesque gravida sapien eu nisi maximus, vel pellentesque orci blandit. <span style="font-family: georgia, garamond, serif; font-size: 20px; font-weight: bold; letter-spacing: -2px; color: #ffe2ad;">✧ world 3 : claws & fangs</span> <span style="color: #ffe2ad;font-size: 16px;">remixed/original || job</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempor sollicitudin quam, in fringilla purus consectetur nec. Duis sed enim nec lorem fermentum porttitor. Donec et tempus tortor, bibendum tristique orci. Aliquam gravida justo aliquam, pulvinar lectus vel, vulputate nunc. <span style="font-family: georgia, garamond, serif; font-size: 20px; font-weight: bold; letter-spacing: -2px; color: #ffe2ad;">✧ world 4 : ???</span> <span style="color: #ffe2ad;font-size: 16px;">remixed/original || job</span> Morbi purus felis, suscipit non mollis ut, vestibulum ut lacus. Integer risus mauris, imperdiet vitae lacinia vitae, venenatis sit amet mauris. Integer blandit et velit vitae porta. Quisque semper quis lorem vel tempus. Pellentesque gravida sapien eu nisi maximus, vel pellentesque orci blandit. </div><raw-code></div> <div style="width: 30%;"> <div style="width: 100%; height: 80%; background: #4c657e; margin: 5px; border-radius: 20% 0px 20% 0px; font-family: century gothic, avenir, sans serif; font-size: 14px; letter-spacing: 1px; line-spacing: 170%; color: #fff; border: 3px solid #ffe2ad; overflow: scroll;"></raw-code> <img src="ICON URL" style="border-radius: 100%; padding: 10px; border: 1px solid #fff;"> <b>AGE:</b> -- <b>HEIGHT:</b> -- <b>WEIGHT:</b> -- <b>CLASS:</b> -- <b>EMBLEM:</b> Tattoo of a -- <b>FRAGMENTS:</b> 0/? Oh god what else should go here. Text? A quote? A tiny written bio? What do people normally put on status pages wtf. Make sure this information matches the first part!! <raw-code></div> <div style="width: 100%; border-radius: 0px 20% 0px 20%; margin: 1%; background: #f29696; border: 3px solid #ffe2ad;"> <div style="width: 80%; margin: 5px; border-bottom: 1px solid #36413d;"> <a href="#MAIN" style="font-family: century gothic, avenir, sans serif; font-size: 18px; text-decoration: none;">MAIN</a> </div> <div style="width: 80%; margin: 1%; border-bottom: 1px solid #36413d;"> <a href="#WORLD" style="font-family: century gothic, avenir, sans serif; font-size: 18px; text-decoration: none;">WORLDS</a> </div> <div style="width: 80%; margin: 1%;"> <a href="IC INBOX" style="font-family: century gothic, avenir, sans serif; font-size: 18px; text-decoration: none;">IC INBOX</a> </div> </div> </div> </div> <div style="text-align:center;letter-spacing: -7px;font-family: georgia,garamond,serif;font-size:72px;font-weight: bold;font-style: italic;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:-moz-linear-gradient(left, #f08b8b 30%, #435a73 50%, #ffdda4 70%);background-image:-webkit-linear-gradient(left, #f08b8b 30%, #435a73 50%, #ffdda4 70%);background-image:linear-gradient(to right, #f08b8b 30%, #435a73 50%, #ffdda4 70%); position: relative; top: -70px; left: -130px; text-transform: lowercase;">CHARACTER NAME</div> <!--END WORLD--></div></raw-code></center>

color palette
███ #ffe2ad
███ #4c657e
███ #f29696
███ #36413d