Worked all day on the image rendering, and some other aspects of the site:
- All IMT-related JS and XSLT code is converted to camelBack.
- A variety of JS bugs relating to positioning of the annotation menu and popups, and drag-dropping them, have been fixed.
- Image preloading has been added for the main images, so that display of popup full-size views may be a little quicker.
- All colour information has been lifted out of the imt stylesheet and moved to
grey.css
. - Font sizing throughout the site has been rationalized, based on a 62.5% font setting on the
<body>
, with all other sizing in ems or percents. Removal of lots of spurious font size settings has got rid of over-large headings etc. - Two small CSS files have been completely removed from the set, one having been deleted completely as unnecessary, the other having its small set of rules added into
mariage_typeset_layout.css
. - A system for resizing the image display on the fly has been added. This seems to be working pretty well. At sizes at or below 800 width, it uses the smaller 800px version of the image; at any larger sizes it uses the full-scale image.
- Image resize/reload also remembers and restores the annotation you were looking at when you resized.
- Search results rendering has been updated to point correctly to camelBacked id attributes of annotation areas.
- Some preliminary testing has been done on other browsers, with a few fixes added for some obvious IE problems.
Next stages:
- Serious cross-platform cross-browser testing and tweaking.
- Conversion of
grey.css
code to complete the other alternative stylesheets.
Then we'll be ready to run...