<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 12 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
@list l0
{mso-list-id:453987393;
mso-list-type:hybrid;
mso-list-template-ids:-1480682994 134807567 134807577 134807579 134807567 134807577 134807579 134807567 134807577 134807579;}
@list l0:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-GB link=blue vlink=purple><div class=WordSection1><p class=MsoNormal>Hello<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>This week the project to make a HTML5 viewer for Toolkits started. You can view an work in progress example of it here <a href="http://ltdev.nottingham.ac.uk/toolkits/prototypeInterface.htm">http://ltdev.nottingham.ac.uk/toolkits/prototypeInterface.htm</a> (best to view in Firefox at the moment - the css hasn’t been sorted properly yet)<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>At the moment it’s obviously very rough and looks terrible! I’ve added all the optional properties to the LO so I can make sure everything that works in the Flash version works here too (background image, icon, menu page, menu image etc.). The aim is to get the main interface finalised before we start work on any of the page models so although it is getting info from an xml file to load in the correct page type and give it a title, everything else on each page is currently fixed. The page models are separate html files that are loaded in to the main interface html.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>A few things have come up as I’ve been working on this that you might have opinions on:<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>We were thinking of getting rid of a lot of the options at the bottom of the Flash version (Font / Text Size etc.) and have the browser setting deal with this. What do you think about the size of it though – fix it at 800 x 600 or have it automatically resize? Do you think we will still need an option to swap views?<o:p></o:p></p><p class=MsoListParagraph><o:p> </o:p></p><p class=MsoNormal>In this version there’s a main style sheet and you can also add styles to each page model html file if there’s any stuff specific to that model. This seems to work ok but I was wondering what would happen if you uploaded a custom style sheet for the LO – these override the main one but not the model specific styles. For those who have made custom interfaces for projects in the past is this likely to be a problem? I would have thought the styles in the models will be more general layout things.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>Thanks<o:p></o:p></p><p class=MsoNormal>Fay<o:p></o:p></p></div></body></html>