I aim to improve the index.html for the ROOT application delivered with Tomcat. There is a prototype at: http://people.apache.org/~pidster/tomcat/ROOT/ which I offer for comment & criticism. N.B. It's a hassle to make it look pretty in IE, so I'll defer doing that until after, (or if), there is positive feeling about the proposal and any proposed changes are made. It currently ought to work as intended in Chrome, Safari and Firefox 3.5+.
(In reply to comment #0) > It currently ought to work as intended in Chrome, Safari and Firefox 3.5+. Looks good in Firefox 4.0b3 as well. Ugly in IE8, as you said. - Chuck
> N.B. It's a hassle to make it look pretty in IE The first step would be to give the page a proper <DOCTYPE>. Without that you'll never get the various browsers to agree on anything.
(In reply to comment #2) > > N.B. It's a hassle to make it look pretty in IE > > The first step would be to give the page a proper <DOCTYPE>. Without that > you'll never get the various browsers to agree on anything. Yeah, I know. Am just being lazy until there's consensus. I'll have to add gfx to bring it all together anyway, rather than just using CSS.
More feedback, comments in response to Wes Acheson > I think you still need the information that you are looking at > root.war in there somewhere. Its the first thing that most new > installs will want to know. How to change the page your looking at. Noted. > At a resolution of 800x600 there is a minor issue with the left most > column the text "$CATALINA_HOME/conf/tomcat-users.xml" is truncated > behind the middle column. Also noted. > I don't know if it gives too good of an impression to have css that > doesn't validate. I know this is because you are using the vendor > extensions instead of the standards. It's just quicker to code up this way, I'll output it all with actual graphics to ensure consistency. > Similarly the markup doesn't validate. I'm pretty sure this one > should. Please note the previous tomcat root page didn't validate > either. Yep. See comments about IE & lazyness. > I'm not that keen on the "buttons" on the right hand side of "upper". > Users attach a different meaning to a button than to a link, I think > it may decrease usablity. I'll take input on ideas for visual ways of making those 3 UI elements distinct - they are intended to indicate that there is functionality, rather than information behind them, so this is deliberate. > In future you will not be able to change a background image on hover. It's experimental. > The checkbox may be a bit misleading to people also especially as it > implies something has or hasn't been done which isn't necessarily > true. It's also not working in some browsers already. > I think the contrast should be increased in the rolover of the > checkbox links in the header in case of people with impaired vision. > > Regards, > > Wes Thanks for your input.
> > In future you will not be able to change a background image on hover. > > It's experimental. This was my mistake. I was thinking about a:visited history vulnerability. However that simply doesn't apply to hover.
Updated with graphics and cross-browser layout. http://people.apache.org/~pidster/tomcat/ROOT/ Please test in IE versions as available.
Created attachment 26113 [details] ZIP of components for new index.html The contents of the zip should replace the current webapps/ROOT directory in SVN. I've supplied a ZIP rather than a diff, because it includes images.
Created attachment 26114 [details] ZIP of components for new index.html Removed .files inadvertently included in original zip.
Created attachment 26233 [details] Index page
Created attachment 26234 [details] Style sheet
Created attachment 26236 [details] Fixes IE corners
Created attachment 26237 [details] Logo with [tm]
Created attachment 26238 [details] Small ASF logo
Created attachment 26239 [details] Nav gfx 1
Created attachment 26240 [details] Nav gfx 2
Created attachment 26241 [details] Upper gfx
Created attachment 26242 [details] Button gfx
Created attachment 26243 [details] Middle bg gfx
Apologies for the noise. Near as final as can be, with various tweaks to ensure IE compatability.
fyi ... I am looking to apply this today
thanks .. change applied via revision 1029708 Changes made to attached index.jsp - 404's fixed - Some other urls made more exact - Used EL for many of the urls (helpful in case the domain changes or doc prefix changes) - Used EL for the YEAR