INFO SHEET HTML

[tonchiki]

hey whats good hope this works LMFAO 💖
search and replace: URL, IMGURL, LOREM, description

<center> <div style="width: 920px;"> <div style="display:inline-block;position:sticky; margin-top: 15px; width: 200px;float:left;"> <!---IMAGE IN SIDEBAR---> <div style="width:190px;min-height:190px;margin:0 25px 20px 0;padding:5px;transform: skew(-5deg) rotate(3deg);box-shadow: 15px 15px 0px -5px #f11300;background:#fff;"> <div style="width:175px;height:175px;padding:5px;display:flex;justify-content:center;align-items:center;background:#000;"> <div style="width:140px;height:140px;overflow:hidden;"> <div style="width:200px;height:200px;margin-left:-20px;transform: skew(5deg);background:#ccc url('IMGURL')-40px -30px;background-size:cover;"> </div></div></div></div> <!---End Image--—> <!--LINKS--> <a href="URL" style="color: #fff; text-decoration:none;"> <div style="transform: skew(-5deg, -1deg);box-shadow: -4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 5px 0;"> Navigation </div> </a> <!--LINK--> <a href="URL" style="color: #fff; text-decoration:none;"> <div style="transform: skew(5deg, 1deg);box-shadow: -4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 5px 0;"> IC Inbox </div> </a> <!--LINK--> <a href="URL" style="color: #fff; text-decoration:none;"> <div style="transform: skew(-5deg, -1deg);box-shadow: -4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 5px 0;"> Permissions </div> </a> <!---C/P more links above this line---> <a href="https://killthecake.dreamwidth.org/17143.html" style="color: #fff; text-decoration:none;"> <div style="transform: skew(5deg, 1deg);box-shadow: -4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 5px 0;"> Code (edits by <user name=lektormar>) </div> </a> <span style="font-variant:small-caps;font-weight:bold;letter-spacing: 2px;"><br /> MUN<br> <span style="font-size: 10px;">(pr/pr)</span> </span><br /> <span style="font-variant:small-caps;font-size: 15px;letter-spacing: 2px;"> <user name="USER" site="plurk.com"><br /> discord: USER<br /> tmz </span> </div> <div style="display:inline-block;width:675px;"> <div style="margin: 5px 0;text-align:justify;"> <div style="transform: rotate(-2deg);line-height:1.2;font-size:50px;font-weight:bold;font-style:italic;font-variant:small-caps;text-shadow:1px -1px #fff, 3px -3px #f11300;"> NAME NAMESON (kanji here maybe) </div> <div style="height:5px;background: #f11300;margin: 0px 0;transform: rotate(-1deg);"></div> <div style="display:flex;font-size:15px;text-align:left;margin-top: 5px;"> <div style="margin:5px;width:125%;"> <span style="font-variant:small-caps;font-weight:bold;">canon</span> LOREM <br><span style="font-variant:small-caps;font-weight:bold;">history</span> <a href="#History" style="color:#f11300">LOREM</a> <br><span style="font-variant:small-caps;font-weight:bold;">point</span> LOREM <br><span style="font-variant:small-caps;font-weight:bold;">iteration</span> LOREM </div> <div style="margin:5px;width:100%;"> <span style="font-variant:small-caps;font-weight:bold;">age</span> LOREM <br><span style="font-variant:small-caps;font-weight:bold;">species</span> LOREM <br><span style="font-variant:small-caps;font-weight:bold;">health</span> LOREM <br><span style="font-variant:small-caps;font-weight:bold;">outfit</span> <a href="IMGURL" style="color:#f11300"> LOREM </a> </div> <div style="margin:5px;width:100%;"> <span style="font-variant:small-caps;font-weight:bold;">role</span> <a href="#Role" style="color:#f11300">LOREM</a> <br><span style="font-variant:small-caps;font-weight:bold;">housing</span> LOREM <br><span style="font-variant:small-caps;font-weight:bold;">job</span> LOREM <br><span style="font-variant:small-caps;font-weight:bold;">school</span> <a href="#School" style="color:#f11300"> LOREM</a> (can be smth other than school) </div> </div> <!---—Paragraphs: HISTORY------> <details style="transform: skew(-5deg, 0deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 10px 0px 0px 0px;"> <summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="#History"></a>History</summary> <div style="color: #fff; margin: 10px; padding: 10px 10px 20px 10px;font-size: 14px;">LOREM LOREM LOREM <br /><br />LOREM LOREM LOREM <br /><br />LOREM LOREM LOREM <br /><br />LOREM LOREM LOREM </div> </details> <!---—Listicle: SKILLS------> <details style="transform: skew(-5deg, -1deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 10px 0px 0px 0px;"> <summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="Skills"></a>Skills</summary> <div style="color: #fff;font-size: 14px;"> <div style="display:flex;text-align:left"> <div style="margin:10px;width:100%;"> <ul style="list-style-type: '💀 ';"> <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li> <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li> <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li> <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li> </ul> </div> <div style="margin:5px;width:100%;"> <ul style="list-style-type: '💀 ';"> <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li> <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li> <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li> <li style="margin-bottom: 5px;"><b> LOREM</b> – description </li> </ul> </div> </div> </details> <!------Listicle w/ Descriptors: ABILITIES------> <details style="transform: skew(-5deg, 0deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 10px 0px 0px 0px;"> <summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="Abilities"></a>Canon Abilities</summary> <!---Ability---> <fieldset style="border-left: 15px solid #000;border-top: 50px solid #000;border-right: 0px solid #000;border-bottom: 8px solid #f11300;padding-bottom: 10px;"> <legend style="font-weight:bold;letter-spacing: 1px;color: #fff;"> LOREM </legend> <div style="padding-right:25px; padding-left: 15px;color: #fff;">description description description<br><br> </div> </fieldset> <!---Ability---> <fieldset style="border-left: 15px solid #000;border-top: 30px solid #000;border-right: 0px solid #000;border-bottom: 8px solid #f11300;padding-bottom: 10px;"> <legend style="font-weight:bold;letter-spacing: 1px;color: #fff;"> LOREM</legend> <div style="padding-right:25px; padding-bottom: 15px; padding-left: 15px;color: #fff;"> description description description </div> </fieldset> <!---Ability---> <fieldset style="border-left: 15px solid #000;border-top: 30px solid #000;border-right: 0px solid #000;border-bottom: 0px solid #000;padding-bottom: 10px;"> <legend style="font-weight:bold;letter-spacing: 1px;color: #fff;"> LOREM</legend> <div style="padding-right:25px; padding-bottom: 15px; padding-left: 15px;color: #fff;"> description description description </div> </fieldset> </span> </details> <!------Paragraphs Module w/ Picture & List: ROLE------> <details style="transform: skew(-5deg, -1deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 10px 0px 0px 0px;"> <summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="Role"></a>Role</summary> <!---Image (Change "left" to "right" to make it float to the other side.)---> <div style="transform: rotate(2deg); box-shadow: 4px 4px 0px 1px #f11300;float:left;margin: 20px 15px 15px 15px;text-align:center;"> <div style="height: 200px;width: 200px;background: url(IMGURL), #ebebeb;background-position:center;background-size:cover;"> </div> </div> <div style="color: #fff; margin: 10px; padding: 10px 10px 20px 10px;font-size: 14px;"> <!--Paragraphs w/ Header--> <b><u>physical attributes:</u></b> description description description <br /><br /><br /> <!--Paragraphs w/ Header--> <b><u>non-physical qualities:</u></b> description description description <br /><br /><br /> <!--Paragraphs w/ Header--> <b><u>reasoning:</u></b> description description description <br /><br /> description description description </div> </span> </details> <!---—Listicle: INVENTORY------> <details style="transform: skew(-5deg, 0deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 10px 0px 0px 0px;"> <summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="Inventory"></a>Inventory</summary> <div style="display:flex;text-align:left; padding: 20px 20px;font-size: 14px;"> <div style="margin:5px;width:100%;color: #fff;"> <span style="font-weight:bold;margin-bottom: 5px;">Trial Rewards</span> <ul style="list-style-type: '💀 ';"> <li style="margin-bottom: 5px;">Item</li> <li style="margin-bottom: 5px;">Item</li> <li style="margin-bottom: 5px;">Item</li> <li style="margin-bottom: 5px;">Item</li> </ul> </div> <div style="margin:5px;width:100%;color: #fff;"> <span style="font-weight:bold;margin-bottom: 5px;">Spoon Purchases</span> <ul style="list-style-type: '💀 ';"> <a href="URL" style="text-decoration:none;color: #f11300;"> <li style="margin-bottom: 5px;">Item</li></a> <a href="URL" style="text-decoration:none;color: #f11300;"> <li style="margin-bottom: 5px;">Item</li></a> <a href="URL" style="text-decoration:none;color: #f11300;"> <li style="margin-bottom: 5px;">Item</li></a> <a href="URL" style="text-decoration:none;color: #f11300;"> <li style="margin-bottom: 5px;">Item</li></a> </ul> </div> <div style="margin:5px;width:100%;color: #fff;"> <span style="font-weight:bold;margin-bottom: 5px;">Other</span> <ul style="list-style-type: '💀 ';"> <li style="margin-bottom: 5px;">Item</li> <li style="margin-bottom: 5px;">Item</li> <li style="margin-bottom: 5px;">Item</li> <li style="margin-bottom: 5px;">Item</li> </ul> </div> </details> <!------Table Module: SCHOOL (MAKE THIS WHATEVER U WANT LMFAO its fiddly)------> <details style="transform: skew(-5deg, -1deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;font-size: 16px; background: #000;margin: 10px 0px 0px 0px;"> <summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="School"></a>School Life</summary> <div style="transform: rotate(-1deg); box-shadow: 4px 4px 0px 1px #f11300;float:left;margin: 20px 15px 15px 15px;text-align:center;"> <div style="height: 250px;width: 450px;background: url(IMGURL), #ebebeb;background-position:center;background-size:cover;"></div> </div> <div style="color: #fff; margin: 10px; padding: 10px 10px 20px 10px;"> <div style="font-size:15px;text-align:left;color: #fff;margin-top: 0px;"><b>LOREM</b> <br> description description description <br /><br /><br /><b>LOREM</b> – description description description <br /><br /><br /> <!--Schedule??--> <span style="font-weight: bold;">Monday</span> Schedule schedule<br /><br /> <span style="font-weight: bold;">Tuesday</span> Schedule schedule<br /><br /> <span style="font-weight: bold;">Wednesday</span> Schedule schedule<br /><br /> <span style="font-weight: bold;">Thursday</span> Schedule schedule<br /><br /> <span style="font-weight: bold;">Friday</span> Schedule schedule<br /><br /> <span style="font-weight: bold;">Saturday</span> Schedule schedule </div> </details> <!---Add more modules above this line---> </div> </div> </div>