Greg will spend the time he has available for the project working on the map; first correcting bugs, and second fiddling with what happens when one clicks on a location dot. A priority is being able to remove a dot from the map; another is being able to change colours; a third is what gets displayed when one clicks on a dot.
Greg will also look into finding a way to make a "Journey" appear to have been generated (i.e. something that looks like a journey), so that I can put it on the poster and on the video, and present that as a "future development" at the Bristol conference. "Display family on the map" would also be a great "future development". Or indeed a "present development".
I will write up the front matter (what the project is for, brief history of the project, acknowledgements, how to use the site, and my "nihil obstat, imprimatur"). I will also produce a screenshot-video showing how to use the site. I will also think about possibly applying for money from somewhere. I will, finally, make a poster.
Lauren will ...
The XHTML version of Apollodorus Library Book 1 includes a huge number of title attributes and class attributes. The titles are, not surprisingly, hover-induced info like 'Show character details'. Many of the classes aren't really used for CSS, but were jQuery selectors. The net result of all of this is that Apollodorus Library Book 1 weighs in at 221K. After a bit of research and fiddling I've come up with a way to reduce this significantly. By significant, I mean HUGE - the same page is now 144K.
I've removed all of the jQuery selectors classes and replaced them with html5 data attributes that I use anyway. So, instead of a selector like $(".classname") I now use $("[data-type]"), which removes 1649 instances of 'class="retrieve"' from that page.
I've also swapped title attributes out for an all-CSS approach, so an anchor like <a data-id="ouranus" data-type="character">Sky</a> can be given a pseudo-title with the following CSS:
a[data-type]:hover {text-decoration: underline;position:relative;}
a[data-type]:hover:after {
content: "Show " attr(data-type) " details for " attr(data-id);
padding: 4px 8px;
text-transform:capitalize;
color: rgb(255,255,255);
position: absolute;
left: 50%;
top: 100%;
white-space: nowrap;
z-index: 2;
border-radius: 5px ;
background-color: rgba(0,0,0,0.8);
}
NOTE: the initial position:relative seems to be crucial here. I haven't investigated why.
An example page can be viewed here.
Used XSLT to add an @n attribute to all paragraphs holding the @xml:id of the preceding or first-child milestone element, to enable faster searches on p tags instead of ranges between milestones, while still returning the correct target milestone.
:: Next Page >>
This project will focus on deploying an interactive map of Europe with overlays for Greek and Roman myths, history, people and events. Development URL: http://tomcat-devel.hcmc.uvic.ca:8080/myths/apps/mom
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| << < | > >> | |||||
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | ||||||