I was working on a character sheet for the contest and I may or may not get it done, so I'm considering posting the work I did in case anyone else can use it. One thing I ran into was making the sheet look cool I'm running into a wall with what I can do without java scripts. Is it possible that some limited scripts could be made part of the api so that we could make calls to the api to hide the input boxes when they are not being used and stuff like that? I can write the code for it if it helps. I don't have access to the api due to not having mentor, which I will get to eventually. But I thought of a short cut of using var from the input fields to save the info from input and put it in a nicer looking page at the top. I may just use buttons I have not nailed down which will look the best but I realized I have no idea if it strict xhtlm, transistion xhtml, html5 or what and that effects what html and css tags I can use. I have four more pages designed but below was where I started to run into questions... since their is only five days left I figure this might help someone before the dead line since it looks like without the api a lot of stuff is going to be very hard to do. I can figure stuff out like the macro's I use but things like knowing what a div is going to give as a result an integer or float? can we declare it some where? <!DOCTYPE ??? <html> <head> <title>Prototype Char 001</title> <link rel="STYLESHEET" type="text/css" href="cassy.css"> </head> <body> <div> <input type="text" name="attr_player_name" value="" /> </div> <div> <input type="number" name="attr_player_level" value="1" width="10" /> </div> <div> <input type="text" name="attr_char_name" value="" /> </div> <div> <input type="number" name="attr_player_age" value="18" /> </div> <div> <input type="text" name="attr_char_height" value="5" /> </div> <div> <input type="text" name="attr_char_weight" value="300 lbs." /> </div> <div> <input type="text" name="attr_char_size" value="M" /> </div> <div> <input type="text" name="attr_char_faith" value="Gond" /> </div> <div> <input type="number" name="attr_xp" value="0" /> </div> <div> <input type="number" name="attr_ac" value="10" /> </div> <div> <input type="number" name="attr_fort" value="10" /> </div> <div> <input type="number" name="attr_ref" value="10" /> </div> <div> <input type="number" name="attr_will" value="10" /> </div> <div> <input type="number" name="attr_ap" value="1" /> </div> <div> <img src="Images/charport_sized.png" width="200" height="180" border="0"> <!-- depending on the code base getting this url or image could be done dozens of ways including browse... --> </div> </body> </html> css /* Style sheet for prototype char 001 */ body { background-image: url(Images/4E_Char_Sheet.png); } .PlayerName { position: absolute; top: 28px; left: 442px; font-size:18px; } .PlayerLevel { position: absolute; top: 32px; left: 740px; font-size:22px; } .CharName { position: absolute; top: 53px; left: 291px; font-size:26px; } .CharAge { position: absolute; top: 92px; left: 292px; font-size:16px; } .CharHeight { position: absolute; top: 92px; left: 326px; font-size:16px; } .CharWeight { position: absolute; top: 92px; left: 368px; font-size:16px; } .CharSize { position: absolute; top: 92px; left: 440px; font-size:16px; } .Deity { position: absolute; top: 92px; left: 500px; font-size:16px; } .CurrentXP { position: absolute; top: 90px; left: 680px; font-size:18px; } .CharACSave { position: absolute; top: 180px; left: 54px; font-size:22px; } .CharFortSave { position: absolute; top: 180px; left: 114px; font-size:22px; } .CharRefSave { position: absolute; top: 180px; left: 176px; font-size:22px; } .CharWillSave { position: absolute; top: 180px; left: 236px; font-size:22px; } .CharAP { position: absolute; top: 182px; left: 334px; } .CharPortrait { position: absolute; top: 160px; left: 556px; }